@macolmenerori/component-library 1.3.1 → 1.4.0-beta.1

package/dist/MarkdownRender-CKB5xnfI.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react`),n=require(`react-markdown`);n=e.t(n);let r=require(`remark-gfm`);r=e.t(r);let i=require(`react/jsx-runtime`);var a=({content:e,className:a,components:o,linkTarget:s,responsiveImages:c,rehypePlugins:l})=>{let u=(0,t.useMemo)(()=>{let e={};return s&&!o?.a&&(e.a=({children:e,...t})=>(0,i.jsx)(`a`,{...t,target:s,rel:s===`_blank`?`noreferrer`:void 0,children:e})),c&&!o?.img&&(e.img=({alt:e,...t})=>(0,i.jsx)(`img`,{alt:e??``,...t,style:{maxWidth:`100%`,height:`auto`,...t.style}})),{...e,...o}},[o,s,c]),d=Object.keys(u).length>0;return(0,i.jsx)(`div`,{className:a,children:(0,i.jsx)(n.default,{remarkPlugins:[r.default],rehypePlugins:l,components:d?u:void 0,children:e})})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MarkdownRender-CKB5xnfI.cjs.map

package/dist/MarkdownRender-CKB5xnfI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRender-CKB5xnfI.cjs","names":[],"sources":["../src/components/MarkdownRender/MarkdownRender.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactMarkdown, { type Components, type Options } from 'react-markdown';\n\nimport remarkGfm from 'remark-gfm';\n\nexport interface MarkdownProps {\n  /** The markdown string to render */\n  content: string;\n  /** Optional CSS class name for the container */\n  className?: string;\n  /** Custom component overrides for markdown elements */\n  components?: Partial<Components>;\n  /** Target for all links (defaults to '_self') */\n  linkTarget?: '_blank' | '_self' | '_parent' | '_top';\n  /** Make all images responsive (defaults to false) */\n  responsiveImages?: boolean;\n  /** Optional rehype plugins for HTML processing */\n  rehypePlugins?: Options['rehypePlugins'];\n}\n\n/**\n * A component that renders a markdown string as HTML.\n * Supports GitHub Flavored Markdown (GFM) including tables,\n * strikethrough, task lists, and autolinks.\n */\nconst MarkdownRender: React.FC<MarkdownProps> = ({\n  content,\n  className,\n  components,\n  linkTarget,\n  responsiveImages,\n  rehypePlugins\n}) => {\n  const mergedComponents = useMemo(() => {\n    const generated: Partial<Components> = {};\n\n    // Auto-generate link component if linkTarget is set and no custom 'a' provided\n    if (linkTarget && !components?.a) {\n      generated.a = ({ children, ...props }) => (\n        <a {...props} target={linkTarget} rel={linkTarget === '_blank' ? 'noreferrer' : undefined}>\n          {children}\n        </a>\n      );\n    }\n\n    // Auto-generate image component if responsiveImages and no custom 'img' provided\n    if (responsiveImages && !components?.img) {\n      generated.img = ({ alt, ...props }) => (\n        <img\n          alt={alt ?? ''}\n          {...props}\n          style={{ maxWidth: '100%', height: 'auto', ...props.style }}\n        />\n      );\n    }\n\n    // User-provided components override auto-generated ones\n    return { ...generated, ...components };\n  }, [components, linkTarget, responsiveImages]);\n\n  const hasComponents = Object.keys(mergedComponents).length > 0;\n\n  return (\n    <div className={className}>\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        rehypePlugins={rehypePlugins}\n        components={hasComponents ? mergedComponents : undefined}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],"mappings":"4KAyBA,IAAM,GAA2C,CAC/C,UACA,YACA,aACA,aACA,mBACA,mBACI,CACJ,IAAM,GAAA,EAAA,EAAA,aAAiC,CACrC,IAAM,EAAiC,EAAE,CAuBzC,OApBI,GAAc,CAAC,GAAY,IAC7B,EAAU,GAAK,CAAE,WAAU,GAAG,MAC5B,EAAA,EAAA,KAAC,IAAD,CAAG,GAAI,EAAO,OAAQ,EAAY,IAAK,IAAe,SAAW,aAAe,IAAA,GAC7E,WACC,CAAA,EAKJ,GAAoB,CAAC,GAAY,MACnC,EAAU,KAAO,CAAE,MAAK,GAAG,MACzB,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,GAAO,GACZ,GAAI,EACJ,MAAO,CAAE,SAAU,OAAQ,OAAQ,OAAQ,GAAG,EAAM,MAAO,CAC3D,CAAA,EAKC,CAAE,GAAG,EAAW,GAAG,EAAY,EACrC,CAAC,EAAY,EAAY,EAAiB,CAAC,CAExC,EAAgB,OAAO,KAAK,EAAiB,CAAC,OAAS,EAE7D,OACE,EAAA,EAAA,KAAC,MAAD,CAAgB,sBACd,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,cAAe,CAAC,EAAA,QAAU,CACX,gBACf,WAAY,EAAgB,EAAmB,IAAA,YAE9C,EACa,CAAA,CACZ,CAAA"}

package/dist/MarkdownRender-c_W7bXpS.js

@@ -0,0 +1,44 @@
+import { useMemo as e } from "react";
+import t from "react-markdown";
+import n from "remark-gfm";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/MarkdownRender/MarkdownRender.tsx
+var i = ({ content: i, className: a, components: o, linkTarget: s, responsiveImages: c, rehypePlugins: l }) => {
+	let u = e(() => {
+		let e = {};
+		return s && !o?.a && (e.a = ({ children: e, ...t }) => /* @__PURE__ */ r("a", {
+			...t,
+			target: s,
+			rel: s === "_blank" ? "noreferrer" : void 0,
+			children: e
+		})), c && !o?.img && (e.img = ({ alt: e, ...t }) => /* @__PURE__ */ r("img", {
+			alt: e ?? "",
+			...t,
+			style: {
+				maxWidth: "100%",
+				height: "auto",
+				...t.style
+			}
+		})), {
+			...e,
+			...o
+		};
+	}, [
+		o,
+		s,
+		c
+	]), d = Object.keys(u).length > 0;
+	return /* @__PURE__ */ r("div", {
+		className: a,
+		children: /* @__PURE__ */ r(t, {
+			remarkPlugins: [n],
+			rehypePlugins: l,
+			components: d ? u : void 0,
+			children: i
+		})
+	});
+};
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=MarkdownRender-c_W7bXpS.js.map

package/dist/MarkdownRender-c_W7bXpS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRender-c_W7bXpS.js","names":[],"sources":["../src/components/MarkdownRender/MarkdownRender.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactMarkdown, { type Components, type Options } from 'react-markdown';\n\nimport remarkGfm from 'remark-gfm';\n\nexport interface MarkdownProps {\n  /** The markdown string to render */\n  content: string;\n  /** Optional CSS class name for the container */\n  className?: string;\n  /** Custom component overrides for markdown elements */\n  components?: Partial<Components>;\n  /** Target for all links (defaults to '_self') */\n  linkTarget?: '_blank' | '_self' | '_parent' | '_top';\n  /** Make all images responsive (defaults to false) */\n  responsiveImages?: boolean;\n  /** Optional rehype plugins for HTML processing */\n  rehypePlugins?: Options['rehypePlugins'];\n}\n\n/**\n * A component that renders a markdown string as HTML.\n * Supports GitHub Flavored Markdown (GFM) including tables,\n * strikethrough, task lists, and autolinks.\n */\nconst MarkdownRender: React.FC<MarkdownProps> = ({\n  content,\n  className,\n  components,\n  linkTarget,\n  responsiveImages,\n  rehypePlugins\n}) => {\n  const mergedComponents = useMemo(() => {\n    const generated: Partial<Components> = {};\n\n    // Auto-generate link component if linkTarget is set and no custom 'a' provided\n    if (linkTarget && !components?.a) {\n      generated.a = ({ children, ...props }) => (\n        <a {...props} target={linkTarget} rel={linkTarget === '_blank' ? 'noreferrer' : undefined}>\n          {children}\n        </a>\n      );\n    }\n\n    // Auto-generate image component if responsiveImages and no custom 'img' provided\n    if (responsiveImages && !components?.img) {\n      generated.img = ({ alt, ...props }) => (\n        <img\n          alt={alt ?? ''}\n          {...props}\n          style={{ maxWidth: '100%', height: 'auto', ...props.style }}\n        />\n      );\n    }\n\n    // User-provided components override auto-generated ones\n    return { ...generated, ...components };\n  }, [components, linkTarget, responsiveImages]);\n\n  const hasComponents = Object.keys(mergedComponents).length > 0;\n\n  return (\n    <div className={className}>\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        rehypePlugins={rehypePlugins}\n        components={hasComponents ? mergedComponents : undefined}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],"mappings":";;;;;AAyBA,IAAM,KAA2C,EAC/C,YACA,cACA,eACA,eACA,qBACA,uBACI;CACJ,IAAM,IAAmB,QAAc;EACrC,IAAM,IAAiC,EAAE;AAuBzC,SApBI,KAAc,CAAC,GAAY,MAC7B,EAAU,KAAK,EAAE,aAAU,GAAG,QAC5B,kBAAC,KAAD;GAAG,GAAI;GAAO,QAAQ;GAAY,KAAK,MAAe,WAAW,eAAe,KAAA;GAC7E;GACC,CAAA,GAKJ,KAAoB,CAAC,GAAY,QACnC,EAAU,OAAO,EAAE,QAAK,GAAG,QACzB,kBAAC,OAAD;GACE,KAAK,KAAO;GACZ,GAAI;GACJ,OAAO;IAAE,UAAU;IAAQ,QAAQ;IAAQ,GAAG,EAAM;IAAO;GAC3D,CAAA,GAKC;GAAE,GAAG;GAAW,GAAG;GAAY;IACrC;EAAC;EAAY;EAAY;EAAiB,CAAC,EAExC,IAAgB,OAAO,KAAK,EAAiB,CAAC,SAAS;AAE7D,QACE,kBAAC,OAAD;EAAgB;YACd,kBAAC,GAAD;GACE,eAAe,CAAC,EAAU;GACX;GACf,YAAY,IAAgB,IAAmB,KAAA;aAE9C;GACa,CAAA;EACZ,CAAA"}

package/dist/MonthlyCalendar-BflN-u8m.js

@@ -0,0 +1,95 @@
+import { useMemo as e } from "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/MonthlyCalendar/MonthlyCalendar.tsx
+var i = {
+	dayColor: "#222",
+	headerColor: "#555",
+	annotationColor: "inherit"
+}, a = {
+	dayColor: "#f0f0f0",
+	headerColor: "#a0a0b8",
+	annotationColor: "#d0d0e0"
+}, o = {
+	borderCollapse: "collapse",
+	border: "none",
+	width: "100%",
+	tableLayout: "fixed",
+	fontFamily: "sans-serif"
+}, s = {
+	border: "none",
+	verticalAlign: "top",
+	padding: 0,
+	position: "relative",
+	textAlign: "center"
+}, c = ({ year: c, month: l, annotations: u = [], headers: d, style: f = {}, darkMode: p = !1 }) => {
+	let m = p ? a : i, h = e(() => {
+		let e = new Date(c, l, 0).getDate(), t = new Date(c, l - 1, 1).getDay(), n = Math.ceil((t + e) / 7) * 7, r = [], i = 1 - t;
+		for (let t = 0; t < n / 7; t++) {
+			let t = [];
+			for (let n = 0; n < 7; n++) t.push(i >= 1 && i <= e ? i : null), i++;
+			r.push(t);
+		}
+		return r;
+	}, [c, l]);
+	return /* @__PURE__ */ r("table", {
+		style: {
+			...o,
+			...f
+		},
+		children: [d && /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { children: d.map((e, t) => /* @__PURE__ */ n("th", {
+			style: {
+				...s,
+				fontWeight: 600,
+				fontSize: "0.85rem",
+				paddingBottom: 6,
+				color: m.headerColor
+			},
+			children: e
+		}, t)) }) }), /* @__PURE__ */ n("tbody", { children: h.map((e, i) => /* @__PURE__ */ n("tr", { children: e.map((e, i) => /* @__PURE__ */ n("td", {
+			style: s,
+			children: /* @__PURE__ */ n("div", {
+				style: {
+					width: "100%",
+					paddingBottom: "100%",
+					position: "relative"
+				},
+				children: /* @__PURE__ */ n("div", {
+					style: {
+						position: "absolute",
+						inset: 0,
+						display: "flex",
+						flexDirection: "column",
+						alignItems: "center",
+						justifyContent: "flex-start",
+						paddingTop: 6,
+						gap: 4,
+						overflow: "hidden"
+					},
+					children: e !== null && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("span", {
+						style: {
+							fontFamily: "sans-serif",
+							fontSize: "0.95rem",
+							fontWeight: 500,
+							color: m.dayColor
+						},
+						children: e
+					}), u[e - 1] != null && /* @__PURE__ */ n("div", {
+						style: {
+							fontSize: "0.75rem",
+							lineHeight: 1.2,
+							overflow: "hidden",
+							width: "100%",
+							textAlign: "center",
+							color: m.annotationColor
+						},
+						children: u[e - 1]
+					})] })
+				})
+			})
+		}, i)) }, i)) })]
+	});
+};
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=MonthlyCalendar-BflN-u8m.js.map

package/dist/MonthlyCalendar-BflN-u8m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthlyCalendar-BflN-u8m.js","names":[],"sources":["../src/components/MonthlyCalendar/MonthlyCalendar.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode, useMemo } from 'react';\n\n/**\n * Props for the MonthlyCalendar component\n */\nexport interface MonthlyCalendarProps {\n  /** Full four-digit year (e.g. 2026) */\n  year: number;\n  /** Month to display, 1-based: 1 = January, 12 = December */\n  month: number;\n  /**\n   * Array of React nodes, one per day of the month.\n   * annotations[0] maps to Day 1, annotations[1] maps to Day 2, etc.\n   * Use null or undefined for days with no annotation.\n   */\n  annotations?: (ReactNode | null | undefined)[];\n  /**\n   * Array of exactly 7 strings for the weekday header labels.\n   * Omit to hide the header row entirely.\n   */\n  headers?: [string, string, string, string, string, string, string];\n  /**\n   * Inline styles merged onto the table element, overriding defaults via shallow spread.\n   */\n  style?: CSSProperties;\n  /**\n   * Enables the dark color theme for day numbers, headers, and annotation text.\n   * The component does not set its own background — wrap it in a dark container when enabled.\n   * @default false\n   */\n  darkMode?: boolean;\n}\n\n// ─── Theme definitions ───\n\nconst LIGHT_THEME = {\n  dayColor: '#222',\n  headerColor: '#555',\n  annotationColor: 'inherit'\n};\n\nconst DARK_THEME = {\n  dayColor: '#f0f0f0',\n  headerColor: '#a0a0b8',\n  annotationColor: '#d0d0e0'\n};\n\n// ─── Static style objects ───\n\nconst defaultTableStyle: CSSProperties = {\n  borderCollapse: 'collapse',\n  border: 'none',\n  width: '100%',\n  tableLayout: 'fixed',\n  fontFamily: 'sans-serif'\n};\n\nconst defaultCellStyle: CSSProperties = {\n  border: 'none',\n  verticalAlign: 'top',\n  padding: 0,\n  position: 'relative',\n  textAlign: 'center'\n};\n\n/**\n * MonthlyCalendar Component\n *\n * A zero-dependency monthly calendar grid rendered as a semantic HTML table.\n * Each day occupies a square cell with an optional annotation slot that accepts\n * any ReactNode (text, images, badges, icons, or entire sub-components).\n *\n * Features built-in light and dark themes, customizable headers, and\n * table-level style overrides. All styling is inline — no CSS files required.\n *\n * @component\n * @example\n * ```tsx\n * <MonthlyCalendar\n *   year={2026}\n *   month={2}\n *   headers={['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']}\n *   darkMode={false}\n * />\n * ```\n */\nconst MonthlyCalendar: React.FC<MonthlyCalendarProps> = ({\n  year,\n  month,\n  annotations = [],\n  headers,\n  style = {},\n  darkMode = false\n}) => {\n  const theme = darkMode ? DARK_THEME : LIGHT_THEME;\n\n  const weeks = useMemo(() => {\n    const daysInMonth = new Date(year, month, 0).getDate();\n    const startDay = new Date(year, month - 1, 1).getDay(); // 0=Sun\n    const totalCells = Math.ceil((startDay + daysInMonth) / 7) * 7;\n    const result: (number | null)[][] = [];\n    let currentDay = 1 - startDay;\n\n    for (let w = 0; w < totalCells / 7; w++) {\n      const week: (number | null)[] = [];\n      for (let d = 0; d < 7; d++) {\n        week.push(currentDay >= 1 && currentDay <= daysInMonth ? currentDay : null);\n        currentDay++;\n      }\n      result.push(week);\n    }\n    return result;\n  }, [year, month]);\n\n  const mergedTableStyle = { ...defaultTableStyle, ...style };\n\n  return (\n    <table style={mergedTableStyle}>\n      {headers && (\n        <thead>\n          <tr>\n            {headers.map((h, i) => (\n              <th\n                key={i}\n                style={{\n                  ...defaultCellStyle,\n                  fontWeight: 600,\n                  fontSize: '0.85rem',\n                  paddingBottom: 6,\n                  color: theme.headerColor\n                }}\n              >\n                {h}\n              </th>\n            ))}\n          </tr>\n        </thead>\n      )}\n      <tbody>\n        {weeks.map((week, wi) => (\n          <tr key={wi}>\n            {week.map((day, di) => (\n              <td key={di} style={defaultCellStyle}>\n                <div\n                  style={{\n                    width: '100%',\n                    paddingBottom: '100%',\n                    position: 'relative'\n                  }}\n                >\n                  <div\n                    style={{\n                      position: 'absolute',\n                      inset: 0,\n                      display: 'flex',\n                      flexDirection: 'column',\n                      alignItems: 'center',\n                      justifyContent: 'flex-start',\n                      paddingTop: 6,\n                      gap: 4,\n                      overflow: 'hidden'\n                    }}\n                  >\n                    {day !== null && (\n                      <>\n                        <span\n                          style={{\n                            fontFamily: 'sans-serif',\n                            fontSize: '0.95rem',\n                            fontWeight: 500,\n                            color: theme.dayColor\n                          }}\n                        >\n                          {day}\n                        </span>\n                        {annotations[day - 1] != null && (\n                          <div\n                            style={{\n                              fontSize: '0.75rem',\n                              lineHeight: 1.2,\n                              overflow: 'hidden',\n                              width: '100%',\n                              textAlign: 'center',\n                              color: theme.annotationColor\n                            }}\n                          >\n                            {annotations[day - 1]}\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                </div>\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nexport default MonthlyCalendar;\n"],"mappings":";;;AAmCA,IAAM,IAAc;CAClB,UAAU;CACV,aAAa;CACb,iBAAiB;CAClB,EAEK,IAAa;CACjB,UAAU;CACV,aAAa;CACb,iBAAiB;CAClB,EAIK,IAAmC;CACvC,gBAAgB;CAChB,QAAQ;CACR,OAAO;CACP,aAAa;CACb,YAAY;CACb,EAEK,IAAkC;CACtC,QAAQ;CACR,eAAe;CACf,SAAS;CACT,UAAU;CACV,WAAW;CACZ,EAuBK,KAAmD,EACvD,SACA,UACA,iBAAc,EAAE,EAChB,YACA,WAAQ,EAAE,EACV,cAAW,SACP;CACJ,IAAM,IAAQ,IAAW,IAAa,GAEhC,IAAQ,QAAc;EAC1B,IAAM,IAAc,IAAI,KAAK,GAAM,GAAO,EAAE,CAAC,SAAS,EAChD,IAAW,IAAI,KAAK,GAAM,IAAQ,GAAG,EAAE,CAAC,QAAQ,EAChD,IAAa,KAAK,MAAM,IAAW,KAAe,EAAE,GAAG,GACvD,IAA8B,EAAE,EAClC,IAAa,IAAI;AAErB,OAAK,IAAI,IAAI,GAAG,IAAI,IAAa,GAAG,KAAK;GACvC,IAAM,IAA0B,EAAE;AAClC,QAAK,IAAI,IAAI,GAAG,IAAI,GAAG,IAErB,CADA,EAAK,KAAK,KAAc,KAAK,KAAc,IAAc,IAAa,KAAK,EAC3E;AAEF,KAAO,KAAK,EAAK;;AAEnB,SAAO;IACN,CAAC,GAAM,EAAM,CAAC;AAIjB,QACE,kBAAC,SAAD;EAAO,OAHgB;GAAE,GAAG;GAAmB,GAAG;GAAO;YAGzD,CACG,KACC,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UACG,EAAQ,KAAK,GAAG,MACf,kBAAC,MAAD;GAEE,OAAO;IACL,GAAG;IACH,YAAY;IACZ,UAAU;IACV,eAAe;IACf,OAAO,EAAM;IACd;aAEA;GACE,EAVE,EAUF,CACL,EACC,CAAA,EACC,CAAA,EAEV,kBAAC,SAAD,EAAA,UACG,EAAM,KAAK,GAAM,MAChB,kBAAC,MAAD,EAAA,UACG,EAAK,KAAK,GAAK,MACd,kBAAC,MAAD;GAAa,OAAO;aAClB,kBAAC,OAAD;IACE,OAAO;KACL,OAAO;KACP,eAAe;KACf,UAAU;KACX;cAED,kBAAC,OAAD;KACE,OAAO;MACL,UAAU;MACV,OAAO;MACP,SAAS;MACT,eAAe;MACf,YAAY;MACZ,gBAAgB;MAChB,YAAY;MACZ,KAAK;MACL,UAAU;MACX;eAEA,MAAQ,QACP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;MACE,OAAO;OACL,YAAY;OACZ,UAAU;OACV,YAAY;OACZ,OAAO,EAAM;OACd;gBAEA;MACI,CAAA,EACN,EAAY,IAAM,MAAM,QACvB,kBAAC,OAAD;MACE,OAAO;OACL,UAAU;OACV,YAAY;OACZ,UAAU;OACV,OAAO;OACP,WAAW;OACX,OAAO,EAAM;OACd;gBAEA,EAAY,IAAM;MACf,CAAA,CAEP,EAAA,CAAA;KAED,CAAA;IACF,CAAA;GACH,EAnDI,EAmDJ,CACL,EACC,EAvDI,EAuDJ,CACL,EACI,CAAA,CACF"}

package/dist/MonthlyCalendar-DDXHhlwC.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react`);t=e.t(t);let n=require(`react/jsx-runtime`);var r={dayColor:`#222`,headerColor:`#555`,annotationColor:`inherit`},i={dayColor:`#f0f0f0`,headerColor:`#a0a0b8`,annotationColor:`#d0d0e0`},a={borderCollapse:`collapse`,border:`none`,width:`100%`,tableLayout:`fixed`,fontFamily:`sans-serif`},o={border:`none`,verticalAlign:`top`,padding:0,position:`relative`,textAlign:`center`},s=({year:e,month:s,annotations:c=[],headers:l,style:u={},darkMode:d=!1})=>{let f=d?i:r,p=(0,t.useMemo)(()=>{let t=new Date(e,s,0).getDate(),n=new Date(e,s-1,1).getDay(),r=Math.ceil((n+t)/7)*7,i=[],a=1-n;for(let e=0;e<r/7;e++){let e=[];for(let n=0;n<7;n++)e.push(a>=1&&a<=t?a:null),a++;i.push(e)}return i},[e,s]);return(0,n.jsxs)(`table`,{style:{...a,...u},children:[l&&(0,n.jsx)(`thead`,{children:(0,n.jsx)(`tr`,{children:l.map((e,t)=>(0,n.jsx)(`th`,{style:{...o,fontWeight:600,fontSize:`0.85rem`,paddingBottom:6,color:f.headerColor},children:e},t))})}),(0,n.jsx)(`tbody`,{children:p.map((e,t)=>(0,n.jsx)(`tr`,{children:e.map((e,t)=>(0,n.jsx)(`td`,{style:o,children:(0,n.jsx)(`div`,{style:{width:`100%`,paddingBottom:`100%`,position:`relative`},children:(0,n.jsx)(`div`,{style:{position:`absolute`,inset:0,display:`flex`,flexDirection:`column`,alignItems:`center`,justifyContent:`flex-start`,paddingTop:6,gap:4,overflow:`hidden`},children:e!==null&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`span`,{style:{fontFamily:`sans-serif`,fontSize:`0.95rem`,fontWeight:500,color:f.dayColor},children:e}),c[e-1]!=null&&(0,n.jsx)(`div`,{style:{fontSize:`0.75rem`,lineHeight:1.2,overflow:`hidden`,width:`100%`,textAlign:`center`,color:f.annotationColor},children:c[e-1]})]})})})},t))},t))})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=MonthlyCalendar-DDXHhlwC.cjs.map

package/dist/MonthlyCalendar-DDXHhlwC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthlyCalendar-DDXHhlwC.cjs","names":[],"sources":["../src/components/MonthlyCalendar/MonthlyCalendar.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode, useMemo } from 'react';\n\n/**\n * Props for the MonthlyCalendar component\n */\nexport interface MonthlyCalendarProps {\n  /** Full four-digit year (e.g. 2026) */\n  year: number;\n  /** Month to display, 1-based: 1 = January, 12 = December */\n  month: number;\n  /**\n   * Array of React nodes, one per day of the month.\n   * annotations[0] maps to Day 1, annotations[1] maps to Day 2, etc.\n   * Use null or undefined for days with no annotation.\n   */\n  annotations?: (ReactNode | null | undefined)[];\n  /**\n   * Array of exactly 7 strings for the weekday header labels.\n   * Omit to hide the header row entirely.\n   */\n  headers?: [string, string, string, string, string, string, string];\n  /**\n   * Inline styles merged onto the table element, overriding defaults via shallow spread.\n   */\n  style?: CSSProperties;\n  /**\n   * Enables the dark color theme for day numbers, headers, and annotation text.\n   * The component does not set its own background — wrap it in a dark container when enabled.\n   * @default false\n   */\n  darkMode?: boolean;\n}\n\n// ─── Theme definitions ───\n\nconst LIGHT_THEME = {\n  dayColor: '#222',\n  headerColor: '#555',\n  annotationColor: 'inherit'\n};\n\nconst DARK_THEME = {\n  dayColor: '#f0f0f0',\n  headerColor: '#a0a0b8',\n  annotationColor: '#d0d0e0'\n};\n\n// ─── Static style objects ───\n\nconst defaultTableStyle: CSSProperties = {\n  borderCollapse: 'collapse',\n  border: 'none',\n  width: '100%',\n  tableLayout: 'fixed',\n  fontFamily: 'sans-serif'\n};\n\nconst defaultCellStyle: CSSProperties = {\n  border: 'none',\n  verticalAlign: 'top',\n  padding: 0,\n  position: 'relative',\n  textAlign: 'center'\n};\n\n/**\n * MonthlyCalendar Component\n *\n * A zero-dependency monthly calendar grid rendered as a semantic HTML table.\n * Each day occupies a square cell with an optional annotation slot that accepts\n * any ReactNode (text, images, badges, icons, or entire sub-components).\n *\n * Features built-in light and dark themes, customizable headers, and\n * table-level style overrides. All styling is inline — no CSS files required.\n *\n * @component\n * @example\n * ```tsx\n * <MonthlyCalendar\n *   year={2026}\n *   month={2}\n *   headers={['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']}\n *   darkMode={false}\n * />\n * ```\n */\nconst MonthlyCalendar: React.FC<MonthlyCalendarProps> = ({\n  year,\n  month,\n  annotations = [],\n  headers,\n  style = {},\n  darkMode = false\n}) => {\n  const theme = darkMode ? DARK_THEME : LIGHT_THEME;\n\n  const weeks = useMemo(() => {\n    const daysInMonth = new Date(year, month, 0).getDate();\n    const startDay = new Date(year, month - 1, 1).getDay(); // 0=Sun\n    const totalCells = Math.ceil((startDay + daysInMonth) / 7) * 7;\n    const result: (number | null)[][] = [];\n    let currentDay = 1 - startDay;\n\n    for (let w = 0; w < totalCells / 7; w++) {\n      const week: (number | null)[] = [];\n      for (let d = 0; d < 7; d++) {\n        week.push(currentDay >= 1 && currentDay <= daysInMonth ? currentDay : null);\n        currentDay++;\n      }\n      result.push(week);\n    }\n    return result;\n  }, [year, month]);\n\n  const mergedTableStyle = { ...defaultTableStyle, ...style };\n\n  return (\n    <table style={mergedTableStyle}>\n      {headers && (\n        <thead>\n          <tr>\n            {headers.map((h, i) => (\n              <th\n                key={i}\n                style={{\n                  ...defaultCellStyle,\n                  fontWeight: 600,\n                  fontSize: '0.85rem',\n                  paddingBottom: 6,\n                  color: theme.headerColor\n                }}\n              >\n                {h}\n              </th>\n            ))}\n          </tr>\n        </thead>\n      )}\n      <tbody>\n        {weeks.map((week, wi) => (\n          <tr key={wi}>\n            {week.map((day, di) => (\n              <td key={di} style={defaultCellStyle}>\n                <div\n                  style={{\n                    width: '100%',\n                    paddingBottom: '100%',\n                    position: 'relative'\n                  }}\n                >\n                  <div\n                    style={{\n                      position: 'absolute',\n                      inset: 0,\n                      display: 'flex',\n                      flexDirection: 'column',\n                      alignItems: 'center',\n                      justifyContent: 'flex-start',\n                      paddingTop: 6,\n                      gap: 4,\n                      overflow: 'hidden'\n                    }}\n                  >\n                    {day !== null && (\n                      <>\n                        <span\n                          style={{\n                            fontFamily: 'sans-serif',\n                            fontSize: '0.95rem',\n                            fontWeight: 500,\n                            color: theme.dayColor\n                          }}\n                        >\n                          {day}\n                        </span>\n                        {annotations[day - 1] != null && (\n                          <div\n                            style={{\n                              fontSize: '0.75rem',\n                              lineHeight: 1.2,\n                              overflow: 'hidden',\n                              width: '100%',\n                              textAlign: 'center',\n                              color: theme.annotationColor\n                            }}\n                          >\n                            {annotations[day - 1]}\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                </div>\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nexport default MonthlyCalendar;\n"],"mappings":"2GAmCA,IAAM,EAAc,CAClB,SAAU,OACV,YAAa,OACb,gBAAiB,UAClB,CAEK,EAAa,CACjB,SAAU,UACV,YAAa,UACb,gBAAiB,UAClB,CAIK,EAAmC,CACvC,eAAgB,WAChB,OAAQ,OACR,MAAO,OACP,YAAa,QACb,WAAY,aACb,CAEK,EAAkC,CACtC,OAAQ,OACR,cAAe,MACf,QAAS,EACT,SAAU,WACV,UAAW,SACZ,CAuBK,GAAmD,CACvD,OACA,QACA,cAAc,EAAE,CAChB,UACA,QAAQ,EAAE,CACV,WAAW,MACP,CACJ,IAAM,EAAQ,EAAW,EAAa,EAEhC,GAAA,EAAA,EAAA,aAAsB,CAC1B,IAAM,EAAc,IAAI,KAAK,EAAM,EAAO,EAAE,CAAC,SAAS,CAChD,EAAW,IAAI,KAAK,EAAM,EAAQ,EAAG,EAAE,CAAC,QAAQ,CAChD,EAAa,KAAK,MAAM,EAAW,GAAe,EAAE,CAAG,EACvD,EAA8B,EAAE,CAClC,EAAa,EAAI,EAErB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAa,EAAG,IAAK,CACvC,IAAM,EAA0B,EAAE,CAClC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAG,IACrB,EAAK,KAAK,GAAc,GAAK,GAAc,EAAc,EAAa,KAAK,CAC3E,IAEF,EAAO,KAAK,EAAK,CAEnB,OAAO,GACN,CAAC,EAAM,EAAM,CAAC,CAIjB,OACE,EAAA,EAAA,MAAC,QAAD,CAAO,MAHgB,CAAE,GAAG,EAAmB,GAAG,EAAO,UAGzD,CACG,IACC,EAAA,EAAA,KAAC,QAAD,CAAA,UACE,EAAA,EAAA,KAAC,KAAD,CAAA,SACG,EAAQ,KAAK,EAAG,KACf,EAAA,EAAA,KAAC,KAAD,CAEE,MAAO,CACL,GAAG,EACH,WAAY,IACZ,SAAU,UACV,cAAe,EACf,MAAO,EAAM,YACd,UAEA,EACE,CAVE,EAUF,CACL,CACC,CAAA,CACC,CAAA,EAEV,EAAA,EAAA,KAAC,QAAD,CAAA,SACG,EAAM,KAAK,EAAM,KAChB,EAAA,EAAA,KAAC,KAAD,CAAA,SACG,EAAK,KAAK,EAAK,KACd,EAAA,EAAA,KAAC,KAAD,CAAa,MAAO,YAClB,EAAA,EAAA,KAAC,MAAD,CACE,MAAO,CACL,MAAO,OACP,cAAe,OACf,SAAU,WACX,WAED,EAAA,EAAA,KAAC,MAAD,CACE,MAAO,CACL,SAAU,WACV,MAAO,EACP,QAAS,OACT,cAAe,SACf,WAAY,SACZ,eAAgB,aAChB,WAAY,EACZ,IAAK,EACL,SAAU,SACX,UAEA,IAAQ,OACP,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CACE,MAAO,CACL,WAAY,aACZ,SAAU,UACV,WAAY,IACZ,MAAO,EAAM,SACd,UAEA,EACI,CAAA,CACN,EAAY,EAAM,IAAM,OACvB,EAAA,EAAA,KAAC,MAAD,CACE,MAAO,CACL,SAAU,UACV,WAAY,IACZ,SAAU,SACV,MAAO,OACP,UAAW,SACX,MAAO,EAAM,gBACd,UAEA,EAAY,EAAM,GACf,CAAA,CAEP,CAAA,CAAA,CAED,CAAA,CACF,CAAA,CACH,CAnDI,EAmDJ,CACL,CACC,CAvDI,EAuDJ,CACL,CACI,CAAA,CACF"}

package/dist/ThemeSwitch-C648hdUm.js

@@ -0,0 +1,110 @@
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import './ThemeSwitch.css';var n = {
+	sunCore: "ThemeSwitch-module__sunCore___tUhud",
+	small: "ThemeSwitch-module__small___YlvWo",
+	medium: "ThemeSwitch-module__medium___Q8Rro",
+	large: "ThemeSwitch-module__large___BMOxC",
+	sunspot1: "ThemeSwitch-module__sunspot1___8RI1V",
+	sunspot2: "ThemeSwitch-module__sunspot2___U0whF",
+	sunspot3: "ThemeSwitch-module__sunspot3___kWYEI",
+	sunRay: "ThemeSwitch-module__sunRay___t1B4U",
+	rotateSun: "ThemeSwitch-module__rotateSun___JQByd",
+	switchContainer: "ThemeSwitch-module__switchContainer___VENjU",
+	dark: "ThemeSwitch-module__dark___a4vSn",
+	background: "ThemeSwitch-module__background___Rpodp",
+	cloud: "ThemeSwitch-module__cloud___OoOyx",
+	light: "ThemeSwitch-module__light___ddTa2",
+	cloud1: "ThemeSwitch-module__cloud1___aqGNx",
+	floatCloud1: "ThemeSwitch-module__floatCloud1___MdWMj",
+	cloud2: "ThemeSwitch-module__cloud2___guY71",
+	floatCloud2: "ThemeSwitch-module__floatCloud2___2x6Sp",
+	cloud3: "ThemeSwitch-module__cloud3___7-NhR",
+	floatCloud3: "ThemeSwitch-module__floatCloud3___FJCbV",
+	star: "ThemeSwitch-module__star___Z98bU",
+	star1: "ThemeSwitch-module__star1___rhotb",
+	star2: "ThemeSwitch-module__star2___pzbNR",
+	star3: "ThemeSwitch-module__star3___iK7lJ",
+	star4: "ThemeSwitch-module__star4___t5pqN",
+	star5: "ThemeSwitch-module__star5___dx42N",
+	star6: "ThemeSwitch-module__star6___wur-I",
+	star7: "ThemeSwitch-module__star7___KONgd",
+	star8: "ThemeSwitch-module__star8___gIYpk",
+	twinkle: "ThemeSwitch-module__twinkle___Abun5",
+	toggle: "ThemeSwitch-module__toggle___L5FGS",
+	sun: "ThemeSwitch-module__sun___s8noI",
+	moon: "ThemeSwitch-module__moon___TNpFJ",
+	moonCore: "ThemeSwitch-module__moonCore___svwjb",
+	crater1: "ThemeSwitch-module__crater1___swpHc",
+	crater2: "ThemeSwitch-module__crater2___WQVKR",
+	crater3: "ThemeSwitch-module__crater3___F-KJu",
+	crater4: "ThemeSwitch-module__crater4___ZsIb7"
+}, r = ({ enableDarkMode: r, setEnableDarkMode: i, size: a = "large" }) => {
+	let o = () => {
+		i(!r);
+	};
+	return /* @__PURE__ */ t("div", {
+		className: `${n.switchContainer} ${n[a]} ${r ? n.dark : n.light}`,
+		onClick: o,
+		role: "button",
+		tabIndex: 0,
+		"aria-label": `Switch to ${r ? "light" : "dark"} mode`,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && o();
+		},
+		children: [/* @__PURE__ */ t("div", {
+			className: n.background,
+			children: [
+				/* @__PURE__ */ e("div", { className: `${n.cloud} ${n.cloud1}` }),
+				/* @__PURE__ */ e("div", { className: `${n.cloud} ${n.cloud2}` }),
+				/* @__PURE__ */ e("div", { className: `${n.cloud} ${n.cloud3}` }),
+				/* @__PURE__ */ e("div", { className: `${n.star} ${n.star1}` }),
+				/* @__PURE__ */ e("div", { className: `${n.star} ${n.star2}` }),
+				/* @__PURE__ */ e("div", { className: `${n.star} ${n.star3}` }),
+				/* @__PURE__ */ e("div", { className: `${n.star} ${n.star4}` }),
+				/* @__PURE__ */ e("div", { className: `${n.star} ${n.star5}` }),
+				/* @__PURE__ */ e("div", { className: `${n.star} ${n.star6}` }),
+				/* @__PURE__ */ e("div", { className: `${n.star} ${n.star7}` }),
+				/* @__PURE__ */ e("div", { className: `${n.star} ${n.star8}` })
+			]
+		}), /* @__PURE__ */ t("div", {
+			className: n.toggle,
+			children: [/* @__PURE__ */ t("div", {
+				className: n.sun,
+				children: [
+					/* @__PURE__ */ t("div", {
+						className: n.sunCore,
+						children: [
+							/* @__PURE__ */ e("div", { className: n.sunspot1 }),
+							/* @__PURE__ */ e("div", { className: n.sunspot2 }),
+							/* @__PURE__ */ e("div", { className: n.sunspot3 })
+						]
+					}),
+					/* @__PURE__ */ e("div", { className: n.sunRay }),
+					/* @__PURE__ */ e("div", { className: n.sunRay }),
+					/* @__PURE__ */ e("div", { className: n.sunRay }),
+					/* @__PURE__ */ e("div", { className: n.sunRay }),
+					/* @__PURE__ */ e("div", { className: n.sunRay }),
+					/* @__PURE__ */ e("div", { className: n.sunRay }),
+					/* @__PURE__ */ e("div", { className: n.sunRay }),
+					/* @__PURE__ */ e("div", { className: n.sunRay })
+				]
+			}), /* @__PURE__ */ e("div", {
+				className: n.moon,
+				children: /* @__PURE__ */ t("div", {
+					className: n.moonCore,
+					children: [
+						/* @__PURE__ */ e("div", { className: n.crater1 }),
+						/* @__PURE__ */ e("div", { className: n.crater2 }),
+						/* @__PURE__ */ e("div", { className: n.crater3 }),
+						/* @__PURE__ */ e("div", { className: n.crater4 })
+					]
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=ThemeSwitch-C648hdUm.js.map

package/dist/ThemeSwitch-C648hdUm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitch-C648hdUm.js","names":[],"sources":["../src/components/ThemeSwitch/ThemeSwitch.module.css","../src/components/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["/* Sun - Size variants */\n.sunCore {\n  position: relative;\n  background: radial-gradient(circle, #ffd700, #ffa500);\n  border-radius: 50%;\n}\n\n.small .sunCore {\n  width: 16px;\n  height: 16px;\n  box-shadow: inset -1px -1px 2px rgba(255, 140, 0, 0.5);\n}\n\n.medium .sunCore {\n  width: 24px;\n  height: 24px;\n  box-shadow: inset -1.5px -1.5px 3px rgba(255, 140, 0, 0.5);\n}\n\n.large .sunCore {\n  width: 32px;\n  height: 32px;\n  box-shadow: inset -2px -2px 4px rgba(255, 140, 0, 0.5);\n}\n\n/* Sunspots - Size variants */\n.small .sunspot1 {\n  position: absolute;\n  width: 2px;\n  height: 2px;\n  background: rgba(255, 140, 0, 0.6);\n  border-radius: 50%;\n  top: 4px;\n  left: 5px;\n}\n\n.small .sunspot2 {\n  position: absolute;\n  width: 1.5px;\n  height: 1.5px;\n  background: rgba(255, 140, 0, 0.5);\n  border-radius: 50%;\n  bottom: 5px;\n  right: 4px;\n}\n\n.small .sunspot3 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  background: rgba(255, 140, 0, 0.4);\n  border-radius: 50%;\n  top: 6px;\n  right: 6px;\n}\n\n.medium .sunspot1 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: rgba(255, 140, 0, 0.6);\n  border-radius: 50%;\n  top: 6px;\n  left: 7.5px;\n}\n\n.medium .sunspot2 {\n  position: absolute;\n  width: 2.25px;\n  height: 2.25px;\n  background: rgba(255, 140, 0, 0.5);\n  border-radius: 50%;\n  bottom: 7.5px;\n  right: 6px;\n}\n\n.medium .sunspot3 {\n  position: absolute;\n  width: 1.5px;\n  height: 1.5px;\n  background: rgba(255, 140, 0, 0.4);\n  border-radius: 50%;\n  top: 9px;\n  right: 9px;\n}\n\n.large .sunspot1 {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  background: rgba(255, 140, 0, 0.6);\n  border-radius: 50%;\n  top: 8px;\n  left: 10px;\n}\n\n.large .sunspot2 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: rgba(255, 140, 0, 0.5);\n  border-radius: 50%;\n  bottom: 10px;\n  right: 8px;\n}\n\n.large .sunspot3 {\n  position: absolute;\n  width: 2px;\n  height: 2px;\n  background: rgba(255, 140, 0, 0.4);\n  border-radius: 50%;\n  top: 12px;\n  right: 12px;\n}\n\n/* Sun rays - Size adjustments */\n.small .sunRay {\n  position: absolute;\n  background: linear-gradient(90deg, transparent, #ffd700, transparent);\n  animation: rotateSun 10s linear infinite;\n}\n\n.small .sunRay:nth-child(2) {\n  width: 20px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.small .sunRay:nth-child(3) {\n  width: 1px;\n  height: 20px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.small .sunRay:nth-child(4) {\n  width: 20px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.small .sunRay:nth-child(5) {\n  width: 20px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n\n.small .sunRay:nth-child(6),\n.small .sunRay:nth-child(7),\n.small .sunRay:nth-child(8),\n.small .sunRay:nth-child(9) {\n  display: none;\n}\n\n.medium .sunRay {\n  position: absolute;\n  background: linear-gradient(90deg, transparent, #ffd700, transparent);\n  animation: rotateSun 10s linear infinite;\n}\n\n.medium .sunRay:nth-child(2) {\n  width: 30px;\n  height: 1.5px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.medium .sunRay:nth-child(3) {\n  width: 1.5px;\n  height: 30px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.medium .sunRay:nth-child(4) {\n  width: 30px;\n  height: 1.5px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.medium .sunRay:nth-child(5) {\n  width: 30px;\n  height: 1.5px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n\n.medium .sunRay:nth-child(6) {\n  width: 26px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(22.5deg);\n}\n\n.medium .sunRay:nth-child(7) {\n  width: 26px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-22.5deg);\n}\n\n.medium .sunRay:nth-child(8),\n.medium .sunRay:nth-child(9) {\n  display: none;\n}\n\n.large .sunRay {\n  position: absolute;\n  background: linear-gradient(90deg, transparent, #ffd700, transparent);\n  animation: rotateSun 10s linear infinite;\n}\n\n.large .sunRay:nth-child(2) {\n  width: 40px;\n  height: 2px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.large .sunRay:nth-child(3) {\n  width: 2px;\n  height: 40px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.large .sunRay:nth-child(4) {\n  width: 40px;\n  height: 2px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.large .sunRay:nth-child(5) {\n  width: 40px;\n  height: 2px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n\n.large .sunRay:nth-child(6) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(22.5deg);\n}\n\n.large .sunRay:nth-child(7) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-22.5deg);\n}\n\n/* Base container styles */\n.switchContainer {\n  position: relative;\n  background: linear-gradient(135deg, #87ceeb, #add8e6);\n  border-radius: 30px;\n  cursor: pointer;\n  overflow: hidden;\n  transition: background 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow:\n    inset 0 2px 8px rgba(0, 0, 0, 0.1),\n    0 4px 12px rgba(0, 0, 0, 0.15);\n  user-select: none;\n}\n\n/* Size variants */\n.switchContainer.small {\n  width: 60px;\n  height: 30px;\n  border-radius: 15px;\n}\n\n.switchContainer.medium {\n  width: 90px;\n  height: 45px;\n  border-radius: 22.5px;\n}\n\n.switchContainer.large {\n  width: 120px;\n  height: 60px;\n  border-radius: 30px;\n}\n\n.switchContainer:focus {\n  outline: 2px solid #4a90e2;\n  outline-offset: 2px;\n}\n\n.switchContainer.dark {\n  background: linear-gradient(135deg, #1a1a3e, #0a0a1f);\n}\n\n.background {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n}\n\n/* Clouds - Base styles */\n.cloud {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.4);\n  border-radius: 100px;\n  opacity: 0;\n  transition: opacity 0.6s ease;\n}\n\n.light .cloud {\n  opacity: 1;\n}\n\n.cloud::before,\n.cloud::after {\n  content: '';\n  position: absolute;\n  background: rgba(255, 255, 255, 0.4);\n  border-radius: 100px;\n}\n\n/* Cloud 1 - Size variants */\n.small .cloud1 {\n  width: 12px;\n  height: 4px;\n  top: 7px;\n  left: 10px;\n}\n\n.small .cloud1::before {\n  width: 5px;\n  height: 5px;\n  top: -2.5px;\n  left: 2.5px;\n}\n\n.small .cloud1::after {\n  width: 6px;\n  height: 4px;\n  top: -1.5px;\n  right: 2.5px;\n}\n\n.medium .cloud1 {\n  width: 19px;\n  height: 6px;\n  top: 11px;\n  left: 15px;\n}\n\n.medium .cloud1::before {\n  width: 7.5px;\n  height: 7.5px;\n  top: -3.75px;\n  left: 3.75px;\n}\n\n.medium .cloud1::after {\n  width: 9px;\n  height: 6px;\n  top: -2.25px;\n  right: 3.75px;\n}\n\n.large .cloud1 {\n  width: 25px;\n  height: 8px;\n  top: 15px;\n  left: 20px;\n}\n\n.large .cloud1::before {\n  width: 10px;\n  height: 10px;\n  top: -5px;\n  left: 5px;\n}\n\n.large .cloud1::after {\n  width: 12px;\n  height: 8px;\n  top: -3px;\n  right: 5px;\n}\n\n.cloud1 {\n  animation: floatCloud1 12s infinite ease-in-out;\n}\n\n/* Cloud 2 - Size variants */\n.small .cloud2 {\n  width: 10px;\n  height: 3px;\n  top: 17px;\n  right: 12px;\n}\n\n.small .cloud2::before {\n  width: 4px;\n  height: 4px;\n  top: -2px;\n  left: 1.5px;\n}\n\n.medium .cloud2 {\n  width: 15px;\n  height: 4.5px;\n  top: 26px;\n  right: 19px;\n}\n\n.medium .cloud2::before {\n  width: 6px;\n  height: 6px;\n  top: -3px;\n  left: 2.25px;\n}\n\n.large .cloud2 {\n  width: 20px;\n  height: 6px;\n  top: 35px;\n  right: 25px;\n}\n\n.large .cloud2::before {\n  width: 8px;\n  height: 8px;\n  top: -4px;\n  left: 3px;\n}\n\n.cloud2 {\n  animation: floatCloud2 15s infinite ease-in-out;\n}\n\n/* Cloud 3 - Size variants */\n.small .cloud3 {\n  width: 9px;\n  height: 2.5px;\n  bottom: 9px;\n  left: 17px;\n}\n\n.small .cloud3::after {\n  width: 5px;\n  height: 3px;\n  top: -1.5px;\n  right: 1.5px;\n}\n\n.medium .cloud3 {\n  width: 13.5px;\n  height: 3.75px;\n  bottom: 13.5px;\n  left: 26px;\n}\n\n.medium .cloud3::after {\n  width: 7.5px;\n  height: 4.5px;\n  top: -2.25px;\n  right: 2.25px;\n}\n\n.large .cloud3 {\n  width: 18px;\n  height: 5px;\n  bottom: 18px;\n  left: 35px;\n}\n\n.large .cloud3::after {\n  width: 10px;\n  height: 6px;\n  top: -3px;\n  right: 3px;\n}\n\n.cloud3 {\n  animation: floatCloud3 18s infinite ease-in-out;\n}\n\n@keyframes floatCloud1 {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  50% {\n    transform: translateX(5px);\n  }\n}\n\n@keyframes floatCloud2 {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  50% {\n    transform: translateX(-3px);\n  }\n}\n\n@keyframes floatCloud3 {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  50% {\n    transform: translateX(4px);\n  }\n}\n\n/* Stars - Base styles */\n.star {\n  position: absolute;\n  background: white;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.6s ease;\n}\n\n.dark .star {\n  opacity: 1;\n}\n\n/* Stars - Size variants */\n.small .star1 {\n  width: 1px;\n  height: 1px;\n  top: 5px;\n  left: 12px;\n}\n\n.small .star2 {\n  width: 1px;\n  height: 1px;\n  top: 9px;\n  right: 15px;\n}\n\n.small .star3 {\n  width: 1px;\n  height: 1px;\n  bottom: 7px;\n  left: 20px;\n}\n\n.small .star4 {\n  width: 0.75px;\n  height: 0.75px;\n  top: 12px;\n  left: 7px;\n}\n\n.small .star5 {\n  width: 1px;\n  height: 1px;\n  bottom: 10px;\n  right: 17px;\n}\n\n.small .star6 {\n  width: 0.5px;\n  height: 0.5px;\n  top: 17px;\n  right: 10px;\n}\n\n.small .star7 {\n  width: 0.75px;\n  height: 0.75px;\n  bottom: 12px;\n  left: 10px;\n}\n\n.small .star8 {\n  width: 0.5px;\n  height: 0.5px;\n  top: 6px;\n  right: 7px;\n}\n\n.medium .star1 {\n  width: 1.5px;\n  height: 1.5px;\n  top: 7.5px;\n  left: 19px;\n}\n\n.medium .star2 {\n  width: 1.5px;\n  height: 1.5px;\n  top: 13.5px;\n  right: 22.5px;\n}\n\n.medium .star3 {\n  width: 1.5px;\n  height: 1.5px;\n  bottom: 11px;\n  left: 30px;\n}\n\n.medium .star4 {\n  width: 1.13px;\n  height: 1.13px;\n  top: 19px;\n  left: 11px;\n}\n\n.medium .star5 {\n  width: 1.5px;\n  height: 1.5px;\n  bottom: 15px;\n  right: 26px;\n}\n\n.medium .star6 {\n  width: 0.75px;\n  height: 0.75px;\n  top: 26px;\n  right: 15px;\n}\n\n.medium .star7 {\n  width: 1.13px;\n  height: 1.13px;\n  bottom: 19px;\n  left: 15px;\n}\n\n.medium .star8 {\n  width: 0.75px;\n  height: 0.75px;\n  top: 9px;\n  right: 11px;\n}\n\n.large .star1 {\n  width: 2px;\n  height: 2px;\n  top: 10px;\n  left: 25px;\n}\n\n.large .star2 {\n  width: 2px;\n  height: 2px;\n  top: 18px;\n  right: 30px;\n}\n\n.large .star3 {\n  width: 2px;\n  height: 2px;\n  bottom: 15px;\n  left: 40px;\n}\n\n.large .star4 {\n  width: 1.5px;\n  height: 1.5px;\n  top: 25px;\n  left: 15px;\n}\n\n.large .star5 {\n  width: 2px;\n  height: 2px;\n  bottom: 20px;\n  right: 35px;\n}\n\n.large .star6 {\n  width: 1px;\n  height: 1px;\n  top: 35px;\n  right: 20px;\n}\n\n.large .star7 {\n  width: 1.5px;\n  height: 1.5px;\n  bottom: 25px;\n  left: 20px;\n}\n\n.large .star8 {\n  width: 1px;\n  height: 1px;\n  top: 12px;\n  right: 15px;\n}\n\n.star1 {\n  animation: twinkle 3s infinite;\n}\n\n.star2 {\n  animation: twinkle 3s infinite 0.5s;\n}\n\n.star3 {\n  animation: twinkle 3s infinite 1s;\n}\n\n.star4 {\n  animation: twinkle 3s infinite 1.5s;\n}\n\n.star5 {\n  animation: twinkle 3s infinite 2s;\n}\n\n.star6 {\n  animation: twinkle 3s infinite 2.5s;\n}\n\n.star7 {\n  animation: twinkle 3s infinite 0.8s;\n}\n\n.star8 {\n  animation: twinkle 3s infinite 1.3s;\n}\n\n@keyframes twinkle {\n  0%,\n  100% {\n    opacity: 0.3;\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n/* Toggle - Size variants */\n.toggle {\n  position: absolute;\n  border-radius: 50%;\n  transition:\n    transform 0.6s cubic-bezier(0.4, 0, 0.2, 1),\n    background 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.small .toggle {\n  width: 24px;\n  height: 24px;\n  background: linear-gradient(135deg, #ffd700, #ffa500);\n  top: 3px;\n  left: 3px;\n  box-shadow:\n    0 1px 4px rgba(0, 0, 0, 0.2),\n    0 0 10px rgba(255, 215, 0, 0.3);\n}\n\n.medium .toggle {\n  width: 36px;\n  height: 36px;\n  background: linear-gradient(135deg, #ffd700, #ffa500);\n  top: 4.5px;\n  left: 4.5px;\n  box-shadow:\n    0 1.5px 6px rgba(0, 0, 0, 0.2),\n    0 0 15px rgba(255, 215, 0, 0.3);\n}\n\n.large .toggle {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, #ffd700, #ffa500);\n  top: 6px;\n  left: 6px;\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.2),\n    0 0 20px rgba(255, 215, 0, 0.3);\n}\n\n.dark.small .toggle {\n  transform: translateX(30px);\n  background: linear-gradient(135deg, #f5f5dc, #d3d3d3);\n  box-shadow:\n    0 1px 4px rgba(0, 0, 0, 0.3),\n    0 0 10px rgba(245, 245, 220, 0.2);\n}\n\n.dark.medium .toggle {\n  transform: translateX(45px);\n  background: linear-gradient(135deg, #f5f5dc, #d3d3d3);\n  box-shadow:\n    0 1.5px 6px rgba(0, 0, 0, 0.3),\n    0 0 15px rgba(245, 245, 220, 0.2);\n}\n\n.dark.large .toggle {\n  transform: translateX(60px);\n  background: linear-gradient(135deg, #f5f5dc, #d3d3d3);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.3),\n    0 0 20px rgba(245, 245, 220, 0.2);\n}\n\n/* Sun */\n.sun {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 1;\n  transform: rotate(0deg) scale(1);\n  transition:\n    opacity 0.6s ease,\n    transform 0.6s ease;\n}\n\n.dark .sun {\n  opacity: 0;\n  transform: rotate(180deg) scale(0.5);\n}\n\n.large .sunRay:nth-child(7) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-22.5deg);\n}\n\n.large .sunRay:nth-child(8) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(67.5deg);\n}\n\n.large .sunRay:nth-child(9) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-67.5deg);\n}\n\n@keyframes rotateSun {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n\n/* Moon */\n.moon {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transform: rotate(-180deg) scale(0.5);\n  transition:\n    opacity 0.6s ease,\n    transform 0.6s ease;\n}\n\n.dark .moon {\n  opacity: 1;\n  transform: rotate(0deg) scale(1);\n}\n\n/* Moon - Size variants */\n.moonCore {\n  position: relative;\n  border-radius: 50%;\n}\n\n.small .moonCore {\n  width: 16px;\n  height: 16px;\n  background: radial-gradient(circle at 30% 30%, #f5f5dc, #c0c0c0);\n  box-shadow:\n    inset -1.5px -1.5px 4px rgba(0, 0, 0, 0.2),\n    inset 1px 1px 4px rgba(255, 255, 255, 0.3);\n}\n\n.medium .moonCore {\n  width: 24px;\n  height: 24px;\n  background: radial-gradient(circle at 30% 30%, #f5f5dc, #c0c0c0);\n  box-shadow:\n    inset -2.25px -2.25px 6px rgba(0, 0, 0, 0.2),\n    inset 1.5px 1.5px 6px rgba(255, 255, 255, 0.3);\n}\n\n.large .moonCore {\n  width: 32px;\n  height: 32px;\n  background: radial-gradient(circle at 30% 30%, #f5f5dc, #c0c0c0);\n  box-shadow:\n    inset -3px -3px 8px rgba(0, 0, 0, 0.2),\n    inset 2px 2px 8px rgba(255, 255, 255, 0.3);\n}\n\n/* Craters - Size variants */\n.small .crater1 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.4), rgba(105, 105, 105, 0.2));\n  border-radius: 50%;\n  top: 4px;\n  left: 5px;\n  box-shadow: inset 0.5px 0.5px 1px rgba(0, 0, 0, 0.2);\n}\n\n.small .crater2 {\n  position: absolute;\n  width: 2px;\n  height: 2px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.3), rgba(105, 105, 105, 0.15));\n  border-radius: 50%;\n  bottom: 4.5px;\n  right: 3.5px;\n  box-shadow: inset 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.15);\n}\n\n.small .crater3 {\n  position: absolute;\n  width: 1.5px;\n  height: 1.5px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.25), rgba(105, 105, 105, 0.1));\n  border-radius: 50%;\n  top: 7.5px;\n  right: 5.5px;\n  box-shadow: inset 0.25px 0.25px 0.5px rgba(0, 0, 0, 0.1);\n}\n\n.small .crater4 {\n  position: absolute;\n  width: 2.5px;\n  height: 2.5px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.35), rgba(105, 105, 105, 0.18));\n  border-radius: 50%;\n  bottom: 3px;\n  left: 4px;\n  box-shadow: inset 0.5px 0.5px 0.75px rgba(0, 0, 0, 0.18);\n}\n\n.medium .crater1 {\n  position: absolute;\n  width: 4.5px;\n  height: 4.5px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.4), rgba(105, 105, 105, 0.2));\n  border-radius: 50%;\n  top: 6px;\n  left: 7.5px;\n  box-shadow: inset 0.75px 0.75px 1.5px rgba(0, 0, 0, 0.2);\n}\n\n.medium .crater2 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.3), rgba(105, 105, 105, 0.15));\n  border-radius: 50%;\n  bottom: 6.75px;\n  right: 5.25px;\n  box-shadow: inset 0.75px 0.75px 0.75px rgba(0, 0, 0, 0.15);\n}\n\n.medium .crater3 {\n  position: absolute;\n  width: 2.25px;\n  height: 2.25px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.25), rgba(105, 105, 105, 0.1));\n  border-radius: 50%;\n  top: 11.25px;\n  right: 8.25px;\n  box-shadow: inset 0.375px 0.375px 0.75px rgba(0, 0, 0, 0.1);\n}\n\n.medium .crater4 {\n  position: absolute;\n  width: 3.75px;\n  height: 3.75px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.35), rgba(105, 105, 105, 0.18));\n  border-radius: 50%;\n  bottom: 4.5px;\n  left: 6px;\n  box-shadow: inset 0.75px 0.75px 1.125px rgba(0, 0, 0, 0.18);\n}\n\n.large .crater1 {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.4), rgba(105, 105, 105, 0.2));\n  border-radius: 50%;\n  top: 8px;\n  left: 10px;\n  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.large .crater2 {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.3), rgba(105, 105, 105, 0.15));\n  border-radius: 50%;\n  bottom: 9px;\n  right: 7px;\n  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);\n}\n\n.large .crater3 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.25), rgba(105, 105, 105, 0.1));\n  border-radius: 50%;\n  top: 15px;\n  right: 11px;\n  box-shadow: inset 0.5px 0.5px 1px rgba(0, 0, 0, 0.1);\n}\n\n.large .crater4 {\n  position: absolute;\n  width: 5px;\n  height: 5px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.35), rgba(105, 105, 105, 0.18));\n  border-radius: 50%;\n  bottom: 6px;\n  left: 8px;\n  box-shadow: inset 1px 1px 1.5px rgba(0, 0, 0, 0.18);\n}\n","import React from 'react';\n\nimport styles from './ThemeSwitch.module.css';\n\n/**\n * Props for the ThemeSwitch component\n */\nexport interface ThemeSwitchProps {\n  /** Whether dark mode is currently enabled */\n  enableDarkMode: boolean;\n  /** Callback function to update the dark mode state */\n  setEnableDarkMode: (value: boolean) => void;\n  /** Size variant of the switch. Defaults to 'large' */\n  size?: 'small' | 'medium' | 'large';\n}\n\n/**\n * ThemeSwitch Component\n *\n * An animated toggle switch for switching between light and dark themes.\n * Features sun/moon icons with animated clouds (light mode) and stars (dark mode).\n *\n * @component\n * @example\n * ```tsx\n * const [darkMode, setDarkMode] = useState(false);\n * <ThemeSwitch\n *   enableDarkMode={darkMode}\n *   setEnableDarkMode={setDarkMode}\n *   size=\"medium\"\n * />\n * ```\n */\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = ({\n  enableDarkMode,\n  setEnableDarkMode,\n  size = 'large'\n}) => {\n  const handleToggle = () => {\n    setEnableDarkMode(!enableDarkMode);\n  };\n\n  return (\n    <div\n      className={`${styles.switchContainer} ${styles[size]} ${\n        enableDarkMode ? styles.dark : styles.light\n      }`}\n      onClick={handleToggle}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Switch to ${enableDarkMode ? 'light' : 'dark'} mode`}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          handleToggle();\n        }\n      }}\n    >\n      {/* Background elements */}\n      <div className={styles.background}>\n        {/* Clouds for light mode */}\n        <div className={`${styles.cloud} ${styles.cloud1}`}></div>\n        <div className={`${styles.cloud} ${styles.cloud2}`}></div>\n        <div className={`${styles.cloud} ${styles.cloud3}`}></div>\n\n        {/* Stars for dark mode */}\n        <div className={`${styles.star} ${styles.star1}`}></div>\n        <div className={`${styles.star} ${styles.star2}`}></div>\n        <div className={`${styles.star} ${styles.star3}`}></div>\n        <div className={`${styles.star} ${styles.star4}`}></div>\n        <div className={`${styles.star} ${styles.star5}`}></div>\n        <div className={`${styles.star} ${styles.star6}`}></div>\n        <div className={`${styles.star} ${styles.star7}`}></div>\n        <div className={`${styles.star} ${styles.star8}`}></div>\n      </div>\n\n      {/* Toggle circle with sun/moon */}\n      <div className={styles.toggle}>\n        {/* Sun */}\n        <div className={styles.sun}>\n          <div className={styles.sunCore}>\n            <div className={styles.sunspot1}></div>\n            <div className={styles.sunspot2}></div>\n            <div className={styles.sunspot3}></div>\n          </div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n        </div>\n\n        {/* Moon */}\n        <div className={styles.moon}>\n          <div className={styles.moonCore}>\n            <div className={styles.crater1}></div>\n            <div className={styles.crater2}></div>\n            <div className={styles.crater3}></div>\n            <div className={styles.crater4}></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ThemeSwitch;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCiCM,KAA2C,EAC/C,mBACA,sBACA,UAAO,cACH;CACJ,IAAM,UAAqB;AACzB,IAAkB,CAAC,EAAe;;AAGpC,QACE,kBAAC,OAAD;EACE,WAAW,GAAG,EAAO,gBAAgB,GAAG,EAAO,GAAM,GACnD,IAAiB,EAAO,OAAO,EAAO;EAExC,SAAS;EACT,MAAK;EACL,UAAU;EACV,cAAY,aAAa,IAAiB,UAAU,OAAO;EAC3D,YAAY,MAAM;AAChB,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,QACjC,GAAc;;YAVpB,CAeE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IAEE,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,MAAM,GAAG,EAAO,UAAgB,CAAA;IAC1D,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,MAAM,GAAG,EAAO,UAAgB,CAAA;IAC1D,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,MAAM,GAAG,EAAO,UAAgB,CAAA;IAG1D,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,SAAe,CAAA;IACxD,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,SAAe,CAAA;IACxD,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,SAAe,CAAA;IACxD,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,SAAe,CAAA;IACxD,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,SAAe,CAAA;IACxD,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,SAAe,CAAA;IACxD,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,SAAe,CAAA;IACxD,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,SAAe,CAAA;IACpD;MAGN,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CAEE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB;OACE,kBAAC,OAAD,EAAK,WAAW,EAAO,UAAgB,CAAA;OACvC,kBAAC,OAAD,EAAK,WAAW,EAAO,UAAgB,CAAA;OACvC,kBAAC,OAAD,EAAK,WAAW,EAAO,UAAgB,CAAA;OACnC;;KACN,kBAAC,OAAD,EAAK,WAAW,EAAO,QAAc,CAAA;KACrC,kBAAC,OAAD,EAAK,WAAW,EAAO,QAAc,CAAA;KACrC,kBAAC,OAAD,EAAK,WAAW,EAAO,QAAc,CAAA;KACrC,kBAAC,OAAD,EAAK,WAAW,EAAO,QAAc,CAAA;KACrC,kBAAC,OAAD,EAAK,WAAW,EAAO,QAAc,CAAA;KACrC,kBAAC,OAAD,EAAK,WAAW,EAAO,QAAc,CAAA;KACrC,kBAAC,OAAD,EAAK,WAAW,EAAO,QAAc,CAAA;KACrC,kBAAC,OAAD,EAAK,WAAW,EAAO,QAAc,CAAA;KACjC;OAGN,kBAAC,OAAD;IAAK,WAAW,EAAO;cACrB,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,OAAD,EAAK,WAAW,EAAO,SAAe,CAAA;MACtC,kBAAC,OAAD,EAAK,WAAW,EAAO,SAAe,CAAA;MACtC,kBAAC,OAAD,EAAK,WAAW,EAAO,SAAe,CAAA;MACtC,kBAAC,OAAD,EAAK,WAAW,EAAO,SAAe,CAAA;MAClC;;IACF,CAAA,CACF;KACF"}

package/dist/ThemeSwitch-Cn7-KsSv.cjs

@@ -0,0 +1,2 @@
+require('./ThemeSwitch.css');const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react`);t=e.t(t);let n=require(`react/jsx-runtime`);var r={sunCore:`ThemeSwitch-module__sunCore___tUhud`,small:`ThemeSwitch-module__small___YlvWo`,medium:`ThemeSwitch-module__medium___Q8Rro`,large:`ThemeSwitch-module__large___BMOxC`,sunspot1:`ThemeSwitch-module__sunspot1___8RI1V`,sunspot2:`ThemeSwitch-module__sunspot2___U0whF`,sunspot3:`ThemeSwitch-module__sunspot3___kWYEI`,sunRay:`ThemeSwitch-module__sunRay___t1B4U`,rotateSun:`ThemeSwitch-module__rotateSun___JQByd`,switchContainer:`ThemeSwitch-module__switchContainer___VENjU`,dark:`ThemeSwitch-module__dark___a4vSn`,background:`ThemeSwitch-module__background___Rpodp`,cloud:`ThemeSwitch-module__cloud___OoOyx`,light:`ThemeSwitch-module__light___ddTa2`,cloud1:`ThemeSwitch-module__cloud1___aqGNx`,floatCloud1:`ThemeSwitch-module__floatCloud1___MdWMj`,cloud2:`ThemeSwitch-module__cloud2___guY71`,floatCloud2:`ThemeSwitch-module__floatCloud2___2x6Sp`,cloud3:`ThemeSwitch-module__cloud3___7-NhR`,floatCloud3:`ThemeSwitch-module__floatCloud3___FJCbV`,star:`ThemeSwitch-module__star___Z98bU`,star1:`ThemeSwitch-module__star1___rhotb`,star2:`ThemeSwitch-module__star2___pzbNR`,star3:`ThemeSwitch-module__star3___iK7lJ`,star4:`ThemeSwitch-module__star4___t5pqN`,star5:`ThemeSwitch-module__star5___dx42N`,star6:`ThemeSwitch-module__star6___wur-I`,star7:`ThemeSwitch-module__star7___KONgd`,star8:`ThemeSwitch-module__star8___gIYpk`,twinkle:`ThemeSwitch-module__twinkle___Abun5`,toggle:`ThemeSwitch-module__toggle___L5FGS`,sun:`ThemeSwitch-module__sun___s8noI`,moon:`ThemeSwitch-module__moon___TNpFJ`,moonCore:`ThemeSwitch-module__moonCore___svwjb`,crater1:`ThemeSwitch-module__crater1___swpHc`,crater2:`ThemeSwitch-module__crater2___WQVKR`,crater3:`ThemeSwitch-module__crater3___F-KJu`,crater4:`ThemeSwitch-module__crater4___ZsIb7`},i=({enableDarkMode:e,setEnableDarkMode:t,size:i=`large`})=>{let a=()=>{t(!e)};return(0,n.jsxs)(`div`,{className:`${r.switchContainer} ${r[i]} ${e?r.dark:r.light}`,onClick:a,role:`button`,tabIndex:0,"aria-label":`Switch to ${e?`light`:`dark`} mode`,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&a()},children:[(0,n.jsxs)(`div`,{className:r.background,children:[(0,n.jsx)(`div`,{className:`${r.cloud} ${r.cloud1}`}),(0,n.jsx)(`div`,{className:`${r.cloud} ${r.cloud2}`}),(0,n.jsx)(`div`,{className:`${r.cloud} ${r.cloud3}`}),(0,n.jsx)(`div`,{className:`${r.star} ${r.star1}`}),(0,n.jsx)(`div`,{className:`${r.star} ${r.star2}`}),(0,n.jsx)(`div`,{className:`${r.star} ${r.star3}`}),(0,n.jsx)(`div`,{className:`${r.star} ${r.star4}`}),(0,n.jsx)(`div`,{className:`${r.star} ${r.star5}`}),(0,n.jsx)(`div`,{className:`${r.star} ${r.star6}`}),(0,n.jsx)(`div`,{className:`${r.star} ${r.star7}`}),(0,n.jsx)(`div`,{className:`${r.star} ${r.star8}`})]}),(0,n.jsxs)(`div`,{className:r.toggle,children:[(0,n.jsxs)(`div`,{className:r.sun,children:[(0,n.jsxs)(`div`,{className:r.sunCore,children:[(0,n.jsx)(`div`,{className:r.sunspot1}),(0,n.jsx)(`div`,{className:r.sunspot2}),(0,n.jsx)(`div`,{className:r.sunspot3})]}),(0,n.jsx)(`div`,{className:r.sunRay}),(0,n.jsx)(`div`,{className:r.sunRay}),(0,n.jsx)(`div`,{className:r.sunRay}),(0,n.jsx)(`div`,{className:r.sunRay}),(0,n.jsx)(`div`,{className:r.sunRay}),(0,n.jsx)(`div`,{className:r.sunRay}),(0,n.jsx)(`div`,{className:r.sunRay}),(0,n.jsx)(`div`,{className:r.sunRay})]}),(0,n.jsx)(`div`,{className:r.moon,children:(0,n.jsxs)(`div`,{className:r.moonCore,children:[(0,n.jsx)(`div`,{className:r.crater1}),(0,n.jsx)(`div`,{className:r.crater2}),(0,n.jsx)(`div`,{className:r.crater3}),(0,n.jsx)(`div`,{className:r.crater4})]})})]})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=ThemeSwitch-Cn7-KsSv.cjs.map

package/dist/ThemeSwitch-Cn7-KsSv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitch-Cn7-KsSv.cjs","names":[],"sources":["../src/components/ThemeSwitch/ThemeSwitch.module.css","../src/components/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["/* Sun - Size variants */\n.sunCore {\n  position: relative;\n  background: radial-gradient(circle, #ffd700, #ffa500);\n  border-radius: 50%;\n}\n\n.small .sunCore {\n  width: 16px;\n  height: 16px;\n  box-shadow: inset -1px -1px 2px rgba(255, 140, 0, 0.5);\n}\n\n.medium .sunCore {\n  width: 24px;\n  height: 24px;\n  box-shadow: inset -1.5px -1.5px 3px rgba(255, 140, 0, 0.5);\n}\n\n.large .sunCore {\n  width: 32px;\n  height: 32px;\n  box-shadow: inset -2px -2px 4px rgba(255, 140, 0, 0.5);\n}\n\n/* Sunspots - Size variants */\n.small .sunspot1 {\n  position: absolute;\n  width: 2px;\n  height: 2px;\n  background: rgba(255, 140, 0, 0.6);\n  border-radius: 50%;\n  top: 4px;\n  left: 5px;\n}\n\n.small .sunspot2 {\n  position: absolute;\n  width: 1.5px;\n  height: 1.5px;\n  background: rgba(255, 140, 0, 0.5);\n  border-radius: 50%;\n  bottom: 5px;\n  right: 4px;\n}\n\n.small .sunspot3 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  background: rgba(255, 140, 0, 0.4);\n  border-radius: 50%;\n  top: 6px;\n  right: 6px;\n}\n\n.medium .sunspot1 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: rgba(255, 140, 0, 0.6);\n  border-radius: 50%;\n  top: 6px;\n  left: 7.5px;\n}\n\n.medium .sunspot2 {\n  position: absolute;\n  width: 2.25px;\n  height: 2.25px;\n  background: rgba(255, 140, 0, 0.5);\n  border-radius: 50%;\n  bottom: 7.5px;\n  right: 6px;\n}\n\n.medium .sunspot3 {\n  position: absolute;\n  width: 1.5px;\n  height: 1.5px;\n  background: rgba(255, 140, 0, 0.4);\n  border-radius: 50%;\n  top: 9px;\n  right: 9px;\n}\n\n.large .sunspot1 {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  background: rgba(255, 140, 0, 0.6);\n  border-radius: 50%;\n  top: 8px;\n  left: 10px;\n}\n\n.large .sunspot2 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: rgba(255, 140, 0, 0.5);\n  border-radius: 50%;\n  bottom: 10px;\n  right: 8px;\n}\n\n.large .sunspot3 {\n  position: absolute;\n  width: 2px;\n  height: 2px;\n  background: rgba(255, 140, 0, 0.4);\n  border-radius: 50%;\n  top: 12px;\n  right: 12px;\n}\n\n/* Sun rays - Size adjustments */\n.small .sunRay {\n  position: absolute;\n  background: linear-gradient(90deg, transparent, #ffd700, transparent);\n  animation: rotateSun 10s linear infinite;\n}\n\n.small .sunRay:nth-child(2) {\n  width: 20px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.small .sunRay:nth-child(3) {\n  width: 1px;\n  height: 20px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.small .sunRay:nth-child(4) {\n  width: 20px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.small .sunRay:nth-child(5) {\n  width: 20px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n\n.small .sunRay:nth-child(6),\n.small .sunRay:nth-child(7),\n.small .sunRay:nth-child(8),\n.small .sunRay:nth-child(9) {\n  display: none;\n}\n\n.medium .sunRay {\n  position: absolute;\n  background: linear-gradient(90deg, transparent, #ffd700, transparent);\n  animation: rotateSun 10s linear infinite;\n}\n\n.medium .sunRay:nth-child(2) {\n  width: 30px;\n  height: 1.5px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.medium .sunRay:nth-child(3) {\n  width: 1.5px;\n  height: 30px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.medium .sunRay:nth-child(4) {\n  width: 30px;\n  height: 1.5px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.medium .sunRay:nth-child(5) {\n  width: 30px;\n  height: 1.5px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n\n.medium .sunRay:nth-child(6) {\n  width: 26px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(22.5deg);\n}\n\n.medium .sunRay:nth-child(7) {\n  width: 26px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-22.5deg);\n}\n\n.medium .sunRay:nth-child(8),\n.medium .sunRay:nth-child(9) {\n  display: none;\n}\n\n.large .sunRay {\n  position: absolute;\n  background: linear-gradient(90deg, transparent, #ffd700, transparent);\n  animation: rotateSun 10s linear infinite;\n}\n\n.large .sunRay:nth-child(2) {\n  width: 40px;\n  height: 2px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.large .sunRay:nth-child(3) {\n  width: 2px;\n  height: 40px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.large .sunRay:nth-child(4) {\n  width: 40px;\n  height: 2px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.large .sunRay:nth-child(5) {\n  width: 40px;\n  height: 2px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n\n.large .sunRay:nth-child(6) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(22.5deg);\n}\n\n.large .sunRay:nth-child(7) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-22.5deg);\n}\n\n/* Base container styles */\n.switchContainer {\n  position: relative;\n  background: linear-gradient(135deg, #87ceeb, #add8e6);\n  border-radius: 30px;\n  cursor: pointer;\n  overflow: hidden;\n  transition: background 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow:\n    inset 0 2px 8px rgba(0, 0, 0, 0.1),\n    0 4px 12px rgba(0, 0, 0, 0.15);\n  user-select: none;\n}\n\n/* Size variants */\n.switchContainer.small {\n  width: 60px;\n  height: 30px;\n  border-radius: 15px;\n}\n\n.switchContainer.medium {\n  width: 90px;\n  height: 45px;\n  border-radius: 22.5px;\n}\n\n.switchContainer.large {\n  width: 120px;\n  height: 60px;\n  border-radius: 30px;\n}\n\n.switchContainer:focus {\n  outline: 2px solid #4a90e2;\n  outline-offset: 2px;\n}\n\n.switchContainer.dark {\n  background: linear-gradient(135deg, #1a1a3e, #0a0a1f);\n}\n\n.background {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n}\n\n/* Clouds - Base styles */\n.cloud {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.4);\n  border-radius: 100px;\n  opacity: 0;\n  transition: opacity 0.6s ease;\n}\n\n.light .cloud {\n  opacity: 1;\n}\n\n.cloud::before,\n.cloud::after {\n  content: '';\n  position: absolute;\n  background: rgba(255, 255, 255, 0.4);\n  border-radius: 100px;\n}\n\n/* Cloud 1 - Size variants */\n.small .cloud1 {\n  width: 12px;\n  height: 4px;\n  top: 7px;\n  left: 10px;\n}\n\n.small .cloud1::before {\n  width: 5px;\n  height: 5px;\n  top: -2.5px;\n  left: 2.5px;\n}\n\n.small .cloud1::after {\n  width: 6px;\n  height: 4px;\n  top: -1.5px;\n  right: 2.5px;\n}\n\n.medium .cloud1 {\n  width: 19px;\n  height: 6px;\n  top: 11px;\n  left: 15px;\n}\n\n.medium .cloud1::before {\n  width: 7.5px;\n  height: 7.5px;\n  top: -3.75px;\n  left: 3.75px;\n}\n\n.medium .cloud1::after {\n  width: 9px;\n  height: 6px;\n  top: -2.25px;\n  right: 3.75px;\n}\n\n.large .cloud1 {\n  width: 25px;\n  height: 8px;\n  top: 15px;\n  left: 20px;\n}\n\n.large .cloud1::before {\n  width: 10px;\n  height: 10px;\n  top: -5px;\n  left: 5px;\n}\n\n.large .cloud1::after {\n  width: 12px;\n  height: 8px;\n  top: -3px;\n  right: 5px;\n}\n\n.cloud1 {\n  animation: floatCloud1 12s infinite ease-in-out;\n}\n\n/* Cloud 2 - Size variants */\n.small .cloud2 {\n  width: 10px;\n  height: 3px;\n  top: 17px;\n  right: 12px;\n}\n\n.small .cloud2::before {\n  width: 4px;\n  height: 4px;\n  top: -2px;\n  left: 1.5px;\n}\n\n.medium .cloud2 {\n  width: 15px;\n  height: 4.5px;\n  top: 26px;\n  right: 19px;\n}\n\n.medium .cloud2::before {\n  width: 6px;\n  height: 6px;\n  top: -3px;\n  left: 2.25px;\n}\n\n.large .cloud2 {\n  width: 20px;\n  height: 6px;\n  top: 35px;\n  right: 25px;\n}\n\n.large .cloud2::before {\n  width: 8px;\n  height: 8px;\n  top: -4px;\n  left: 3px;\n}\n\n.cloud2 {\n  animation: floatCloud2 15s infinite ease-in-out;\n}\n\n/* Cloud 3 - Size variants */\n.small .cloud3 {\n  width: 9px;\n  height: 2.5px;\n  bottom: 9px;\n  left: 17px;\n}\n\n.small .cloud3::after {\n  width: 5px;\n  height: 3px;\n  top: -1.5px;\n  right: 1.5px;\n}\n\n.medium .cloud3 {\n  width: 13.5px;\n  height: 3.75px;\n  bottom: 13.5px;\n  left: 26px;\n}\n\n.medium .cloud3::after {\n  width: 7.5px;\n  height: 4.5px;\n  top: -2.25px;\n  right: 2.25px;\n}\n\n.large .cloud3 {\n  width: 18px;\n  height: 5px;\n  bottom: 18px;\n  left: 35px;\n}\n\n.large .cloud3::after {\n  width: 10px;\n  height: 6px;\n  top: -3px;\n  right: 3px;\n}\n\n.cloud3 {\n  animation: floatCloud3 18s infinite ease-in-out;\n}\n\n@keyframes floatCloud1 {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  50% {\n    transform: translateX(5px);\n  }\n}\n\n@keyframes floatCloud2 {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  50% {\n    transform: translateX(-3px);\n  }\n}\n\n@keyframes floatCloud3 {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  50% {\n    transform: translateX(4px);\n  }\n}\n\n/* Stars - Base styles */\n.star {\n  position: absolute;\n  background: white;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.6s ease;\n}\n\n.dark .star {\n  opacity: 1;\n}\n\n/* Stars - Size variants */\n.small .star1 {\n  width: 1px;\n  height: 1px;\n  top: 5px;\n  left: 12px;\n}\n\n.small .star2 {\n  width: 1px;\n  height: 1px;\n  top: 9px;\n  right: 15px;\n}\n\n.small .star3 {\n  width: 1px;\n  height: 1px;\n  bottom: 7px;\n  left: 20px;\n}\n\n.small .star4 {\n  width: 0.75px;\n  height: 0.75px;\n  top: 12px;\n  left: 7px;\n}\n\n.small .star5 {\n  width: 1px;\n  height: 1px;\n  bottom: 10px;\n  right: 17px;\n}\n\n.small .star6 {\n  width: 0.5px;\n  height: 0.5px;\n  top: 17px;\n  right: 10px;\n}\n\n.small .star7 {\n  width: 0.75px;\n  height: 0.75px;\n  bottom: 12px;\n  left: 10px;\n}\n\n.small .star8 {\n  width: 0.5px;\n  height: 0.5px;\n  top: 6px;\n  right: 7px;\n}\n\n.medium .star1 {\n  width: 1.5px;\n  height: 1.5px;\n  top: 7.5px;\n  left: 19px;\n}\n\n.medium .star2 {\n  width: 1.5px;\n  height: 1.5px;\n  top: 13.5px;\n  right: 22.5px;\n}\n\n.medium .star3 {\n  width: 1.5px;\n  height: 1.5px;\n  bottom: 11px;\n  left: 30px;\n}\n\n.medium .star4 {\n  width: 1.13px;\n  height: 1.13px;\n  top: 19px;\n  left: 11px;\n}\n\n.medium .star5 {\n  width: 1.5px;\n  height: 1.5px;\n  bottom: 15px;\n  right: 26px;\n}\n\n.medium .star6 {\n  width: 0.75px;\n  height: 0.75px;\n  top: 26px;\n  right: 15px;\n}\n\n.medium .star7 {\n  width: 1.13px;\n  height: 1.13px;\n  bottom: 19px;\n  left: 15px;\n}\n\n.medium .star8 {\n  width: 0.75px;\n  height: 0.75px;\n  top: 9px;\n  right: 11px;\n}\n\n.large .star1 {\n  width: 2px;\n  height: 2px;\n  top: 10px;\n  left: 25px;\n}\n\n.large .star2 {\n  width: 2px;\n  height: 2px;\n  top: 18px;\n  right: 30px;\n}\n\n.large .star3 {\n  width: 2px;\n  height: 2px;\n  bottom: 15px;\n  left: 40px;\n}\n\n.large .star4 {\n  width: 1.5px;\n  height: 1.5px;\n  top: 25px;\n  left: 15px;\n}\n\n.large .star5 {\n  width: 2px;\n  height: 2px;\n  bottom: 20px;\n  right: 35px;\n}\n\n.large .star6 {\n  width: 1px;\n  height: 1px;\n  top: 35px;\n  right: 20px;\n}\n\n.large .star7 {\n  width: 1.5px;\n  height: 1.5px;\n  bottom: 25px;\n  left: 20px;\n}\n\n.large .star8 {\n  width: 1px;\n  height: 1px;\n  top: 12px;\n  right: 15px;\n}\n\n.star1 {\n  animation: twinkle 3s infinite;\n}\n\n.star2 {\n  animation: twinkle 3s infinite 0.5s;\n}\n\n.star3 {\n  animation: twinkle 3s infinite 1s;\n}\n\n.star4 {\n  animation: twinkle 3s infinite 1.5s;\n}\n\n.star5 {\n  animation: twinkle 3s infinite 2s;\n}\n\n.star6 {\n  animation: twinkle 3s infinite 2.5s;\n}\n\n.star7 {\n  animation: twinkle 3s infinite 0.8s;\n}\n\n.star8 {\n  animation: twinkle 3s infinite 1.3s;\n}\n\n@keyframes twinkle {\n  0%,\n  100% {\n    opacity: 0.3;\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n/* Toggle - Size variants */\n.toggle {\n  position: absolute;\n  border-radius: 50%;\n  transition:\n    transform 0.6s cubic-bezier(0.4, 0, 0.2, 1),\n    background 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.small .toggle {\n  width: 24px;\n  height: 24px;\n  background: linear-gradient(135deg, #ffd700, #ffa500);\n  top: 3px;\n  left: 3px;\n  box-shadow:\n    0 1px 4px rgba(0, 0, 0, 0.2),\n    0 0 10px rgba(255, 215, 0, 0.3);\n}\n\n.medium .toggle {\n  width: 36px;\n  height: 36px;\n  background: linear-gradient(135deg, #ffd700, #ffa500);\n  top: 4.5px;\n  left: 4.5px;\n  box-shadow:\n    0 1.5px 6px rgba(0, 0, 0, 0.2),\n    0 0 15px rgba(255, 215, 0, 0.3);\n}\n\n.large .toggle {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, #ffd700, #ffa500);\n  top: 6px;\n  left: 6px;\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.2),\n    0 0 20px rgba(255, 215, 0, 0.3);\n}\n\n.dark.small .toggle {\n  transform: translateX(30px);\n  background: linear-gradient(135deg, #f5f5dc, #d3d3d3);\n  box-shadow:\n    0 1px 4px rgba(0, 0, 0, 0.3),\n    0 0 10px rgba(245, 245, 220, 0.2);\n}\n\n.dark.medium .toggle {\n  transform: translateX(45px);\n  background: linear-gradient(135deg, #f5f5dc, #d3d3d3);\n  box-shadow:\n    0 1.5px 6px rgba(0, 0, 0, 0.3),\n    0 0 15px rgba(245, 245, 220, 0.2);\n}\n\n.dark.large .toggle {\n  transform: translateX(60px);\n  background: linear-gradient(135deg, #f5f5dc, #d3d3d3);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.3),\n    0 0 20px rgba(245, 245, 220, 0.2);\n}\n\n/* Sun */\n.sun {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 1;\n  transform: rotate(0deg) scale(1);\n  transition:\n    opacity 0.6s ease,\n    transform 0.6s ease;\n}\n\n.dark .sun {\n  opacity: 0;\n  transform: rotate(180deg) scale(0.5);\n}\n\n.large .sunRay:nth-child(7) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-22.5deg);\n}\n\n.large .sunRay:nth-child(8) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(67.5deg);\n}\n\n.large .sunRay:nth-child(9) {\n  width: 35px;\n  height: 1px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-67.5deg);\n}\n\n@keyframes rotateSun {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n\n/* Moon */\n.moon {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transform: rotate(-180deg) scale(0.5);\n  transition:\n    opacity 0.6s ease,\n    transform 0.6s ease;\n}\n\n.dark .moon {\n  opacity: 1;\n  transform: rotate(0deg) scale(1);\n}\n\n/* Moon - Size variants */\n.moonCore {\n  position: relative;\n  border-radius: 50%;\n}\n\n.small .moonCore {\n  width: 16px;\n  height: 16px;\n  background: radial-gradient(circle at 30% 30%, #f5f5dc, #c0c0c0);\n  box-shadow:\n    inset -1.5px -1.5px 4px rgba(0, 0, 0, 0.2),\n    inset 1px 1px 4px rgba(255, 255, 255, 0.3);\n}\n\n.medium .moonCore {\n  width: 24px;\n  height: 24px;\n  background: radial-gradient(circle at 30% 30%, #f5f5dc, #c0c0c0);\n  box-shadow:\n    inset -2.25px -2.25px 6px rgba(0, 0, 0, 0.2),\n    inset 1.5px 1.5px 6px rgba(255, 255, 255, 0.3);\n}\n\n.large .moonCore {\n  width: 32px;\n  height: 32px;\n  background: radial-gradient(circle at 30% 30%, #f5f5dc, #c0c0c0);\n  box-shadow:\n    inset -3px -3px 8px rgba(0, 0, 0, 0.2),\n    inset 2px 2px 8px rgba(255, 255, 255, 0.3);\n}\n\n/* Craters - Size variants */\n.small .crater1 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.4), rgba(105, 105, 105, 0.2));\n  border-radius: 50%;\n  top: 4px;\n  left: 5px;\n  box-shadow: inset 0.5px 0.5px 1px rgba(0, 0, 0, 0.2);\n}\n\n.small .crater2 {\n  position: absolute;\n  width: 2px;\n  height: 2px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.3), rgba(105, 105, 105, 0.15));\n  border-radius: 50%;\n  bottom: 4.5px;\n  right: 3.5px;\n  box-shadow: inset 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.15);\n}\n\n.small .crater3 {\n  position: absolute;\n  width: 1.5px;\n  height: 1.5px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.25), rgba(105, 105, 105, 0.1));\n  border-radius: 50%;\n  top: 7.5px;\n  right: 5.5px;\n  box-shadow: inset 0.25px 0.25px 0.5px rgba(0, 0, 0, 0.1);\n}\n\n.small .crater4 {\n  position: absolute;\n  width: 2.5px;\n  height: 2.5px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.35), rgba(105, 105, 105, 0.18));\n  border-radius: 50%;\n  bottom: 3px;\n  left: 4px;\n  box-shadow: inset 0.5px 0.5px 0.75px rgba(0, 0, 0, 0.18);\n}\n\n.medium .crater1 {\n  position: absolute;\n  width: 4.5px;\n  height: 4.5px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.4), rgba(105, 105, 105, 0.2));\n  border-radius: 50%;\n  top: 6px;\n  left: 7.5px;\n  box-shadow: inset 0.75px 0.75px 1.5px rgba(0, 0, 0, 0.2);\n}\n\n.medium .crater2 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.3), rgba(105, 105, 105, 0.15));\n  border-radius: 50%;\n  bottom: 6.75px;\n  right: 5.25px;\n  box-shadow: inset 0.75px 0.75px 0.75px rgba(0, 0, 0, 0.15);\n}\n\n.medium .crater3 {\n  position: absolute;\n  width: 2.25px;\n  height: 2.25px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.25), rgba(105, 105, 105, 0.1));\n  border-radius: 50%;\n  top: 11.25px;\n  right: 8.25px;\n  box-shadow: inset 0.375px 0.375px 0.75px rgba(0, 0, 0, 0.1);\n}\n\n.medium .crater4 {\n  position: absolute;\n  width: 3.75px;\n  height: 3.75px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.35), rgba(105, 105, 105, 0.18));\n  border-radius: 50%;\n  bottom: 4.5px;\n  left: 6px;\n  box-shadow: inset 0.75px 0.75px 1.125px rgba(0, 0, 0, 0.18);\n}\n\n.large .crater1 {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.4), rgba(105, 105, 105, 0.2));\n  border-radius: 50%;\n  top: 8px;\n  left: 10px;\n  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.large .crater2 {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.3), rgba(105, 105, 105, 0.15));\n  border-radius: 50%;\n  bottom: 9px;\n  right: 7px;\n  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);\n}\n\n.large .crater3 {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.25), rgba(105, 105, 105, 0.1));\n  border-radius: 50%;\n  top: 15px;\n  right: 11px;\n  box-shadow: inset 0.5px 0.5px 1px rgba(0, 0, 0, 0.1);\n}\n\n.large .crater4 {\n  position: absolute;\n  width: 5px;\n  height: 5px;\n  background: radial-gradient(circle, rgba(128, 128, 128, 0.35), rgba(105, 105, 105, 0.18));\n  border-radius: 50%;\n  bottom: 6px;\n  left: 8px;\n  box-shadow: inset 1px 1px 1.5px rgba(0, 0, 0, 0.18);\n}\n","import React from 'react';\n\nimport styles from './ThemeSwitch.module.css';\n\n/**\n * Props for the ThemeSwitch component\n */\nexport interface ThemeSwitchProps {\n  /** Whether dark mode is currently enabled */\n  enableDarkMode: boolean;\n  /** Callback function to update the dark mode state */\n  setEnableDarkMode: (value: boolean) => void;\n  /** Size variant of the switch. Defaults to 'large' */\n  size?: 'small' | 'medium' | 'large';\n}\n\n/**\n * ThemeSwitch Component\n *\n * An animated toggle switch for switching between light and dark themes.\n * Features sun/moon icons with animated clouds (light mode) and stars (dark mode).\n *\n * @component\n * @example\n * ```tsx\n * const [darkMode, setDarkMode] = useState(false);\n * <ThemeSwitch\n *   enableDarkMode={darkMode}\n *   setEnableDarkMode={setDarkMode}\n *   size=\"medium\"\n * />\n * ```\n */\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = ({\n  enableDarkMode,\n  setEnableDarkMode,\n  size = 'large'\n}) => {\n  const handleToggle = () => {\n    setEnableDarkMode(!enableDarkMode);\n  };\n\n  return (\n    <div\n      className={`${styles.switchContainer} ${styles[size]} ${\n        enableDarkMode ? styles.dark : styles.light\n      }`}\n      onClick={handleToggle}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Switch to ${enableDarkMode ? 'light' : 'dark'} mode`}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          handleToggle();\n        }\n      }}\n    >\n      {/* Background elements */}\n      <div className={styles.background}>\n        {/* Clouds for light mode */}\n        <div className={`${styles.cloud} ${styles.cloud1}`}></div>\n        <div className={`${styles.cloud} ${styles.cloud2}`}></div>\n        <div className={`${styles.cloud} ${styles.cloud3}`}></div>\n\n        {/* Stars for dark mode */}\n        <div className={`${styles.star} ${styles.star1}`}></div>\n        <div className={`${styles.star} ${styles.star2}`}></div>\n        <div className={`${styles.star} ${styles.star3}`}></div>\n        <div className={`${styles.star} ${styles.star4}`}></div>\n        <div className={`${styles.star} ${styles.star5}`}></div>\n        <div className={`${styles.star} ${styles.star6}`}></div>\n        <div className={`${styles.star} ${styles.star7}`}></div>\n        <div className={`${styles.star} ${styles.star8}`}></div>\n      </div>\n\n      {/* Toggle circle with sun/moon */}\n      <div className={styles.toggle}>\n        {/* Sun */}\n        <div className={styles.sun}>\n          <div className={styles.sunCore}>\n            <div className={styles.sunspot1}></div>\n            <div className={styles.sunspot2}></div>\n            <div className={styles.sunspot3}></div>\n          </div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n        </div>\n\n        {/* Moon */}\n        <div className={styles.moon}>\n          <div className={styles.moonCore}>\n            <div className={styles.crater1}></div>\n            <div className={styles.crater2}></div>\n            <div className={styles.crater3}></div>\n            <div className={styles.crater4}></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ThemeSwitch;\n"],"mappings":"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"}

package/dist/ThemeSwitch.css

@@ -1 +1 @@
-.ThemeSwitch-module__sunCore___tUhud{position:relative;background:radial-gradient(circle,gold,orange);border-radius:50%}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunCore___tUhud{width:16px;height:16px;box-shadow:inset -1px -1px 2px #ff8c0080}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunCore___tUhud{width:24px;height:24px;box-shadow:inset -1.5px -1.5px 3px #ff8c0080}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunCore___tUhud{width:32px;height:32px;box-shadow:inset -2px -2px 4px #ff8c0080}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunspot1___8RI1V{position:absolute;width:2px;height:2px;background:#ff8c0099;border-radius:50%;top:4px;left:5px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunspot2___U0whF{position:absolute;width:1.5px;height:1.5px;background:#ff8c0080;border-radius:50%;bottom:5px;right:4px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunspot3___kWYEI{position:absolute;width:1px;height:1px;background:#ff8c0066;border-radius:50%;top:6px;right:6px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunspot1___8RI1V{position:absolute;width:3px;height:3px;background:#ff8c0099;border-radius:50%;top:6px;left:7.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunspot2___U0whF{position:absolute;width:2.25px;height:2.25px;background:#ff8c0080;border-radius:50%;bottom:7.5px;right:6px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunspot3___kWYEI{position:absolute;width:1.5px;height:1.5px;background:#ff8c0066;border-radius:50%;top:9px;right:9px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunspot1___8RI1V{position:absolute;width:4px;height:4px;background:#ff8c0099;border-radius:50%;top:8px;left:10px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunspot2___U0whF{position:absolute;width:3px;height:3px;background:#ff8c0080;border-radius:50%;bottom:10px;right:8px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunspot3___kWYEI{position:absolute;width:2px;height:2px;background:#ff8c0066;border-radius:50%;top:12px;right:12px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U{position:absolute;background:linear-gradient(90deg,transparent,#ffd700,transparent);animation:ThemeSwitch-module__rotateSun___JQByd 10s linear infinite}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(2){width:20px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(3){width:1px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(4){width:20px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(5){width:20px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(6),.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(7),.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(8),.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(9){display:none}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U{position:absolute;background:linear-gradient(90deg,transparent,#ffd700,transparent);animation:ThemeSwitch-module__rotateSun___JQByd 10s linear infinite}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(2){width:30px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(3){width:1.5px;height:30px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(4){width:30px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(5){width:30px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(6){width:26px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(22.5deg)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(7){width:26px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-22.5deg)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(8),.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(9){display:none}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U{position:absolute;background:linear-gradient(90deg,transparent,#ffd700,transparent);animation:ThemeSwitch-module__rotateSun___JQByd 10s linear infinite}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(2){width:40px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(3){width:2px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(4){width:40px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(5){width:40px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(6){width:35px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(22.5deg)}.ThemeSwitch-module__switchContainer___VENjU{position:relative;background:linear-gradient(135deg,#87ceeb,#add8e6);border-radius:30px;cursor:pointer;overflow:hidden;transition:background .6s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 8px #0000001a,0 4px 12px #00000026;-webkit-user-select:none;user-select:none}.ThemeSwitch-module__switchContainer___VENjU.ThemeSwitch-module__small___YlvWo{width:60px;height:30px;border-radius:15px}.ThemeSwitch-module__switchContainer___VENjU.ThemeSwitch-module__medium___Q8Rro{width:90px;height:45px;border-radius:22.5px}.ThemeSwitch-module__switchContainer___VENjU.ThemeSwitch-module__large___BMOxC{width:120px;height:60px;border-radius:30px}.ThemeSwitch-module__switchContainer___VENjU:focus{outline:2px solid #4a90e2;outline-offset:2px}.ThemeSwitch-module__switchContainer___VENjU.ThemeSwitch-module__dark___a4vSn{background:linear-gradient(135deg,#1a1a3e,#0a0a1f)}.ThemeSwitch-module__background___Rpodp{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.ThemeSwitch-module__cloud___OoOyx{position:absolute;background:#fff6;border-radius:100px;opacity:0;transition:opacity .6s ease}.ThemeSwitch-module__light___ddTa2 .ThemeSwitch-module__cloud___OoOyx{opacity:1}.ThemeSwitch-module__cloud___OoOyx:before,.ThemeSwitch-module__cloud___OoOyx:after{content:"";position:absolute;background:#fff6;border-radius:100px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud1___aqGNx{width:12px;height:4px;top:7px;left:10px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud1___aqGNx:before{width:5px;height:5px;top:-2.5px;left:2.5px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud1___aqGNx:after{width:6px;height:4px;top:-1.5px;right:2.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud1___aqGNx{width:19px;height:6px;top:11px;left:15px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud1___aqGNx:before{width:7.5px;height:7.5px;top:-3.75px;left:3.75px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud1___aqGNx:after{width:9px;height:6px;top:-2.25px;right:3.75px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud1___aqGNx{width:25px;height:8px;top:15px;left:20px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud1___aqGNx:before{width:10px;height:10px;top:-5px;left:5px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud1___aqGNx:after{width:12px;height:8px;top:-3px;right:5px}.ThemeSwitch-module__cloud1___aqGNx{animation:ThemeSwitch-module__floatCloud1___MdWMj 12s infinite ease-in-out}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud2___guY71{width:10px;height:3px;top:17px;right:12px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud2___guY71:before{width:4px;height:4px;top:-2px;left:1.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud2___guY71{width:15px;height:4.5px;top:26px;right:19px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud2___guY71:before{width:6px;height:6px;top:-3px;left:2.25px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud2___guY71{width:20px;height:6px;top:35px;right:25px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud2___guY71:before{width:8px;height:8px;top:-4px;left:3px}.ThemeSwitch-module__cloud2___guY71{animation:ThemeSwitch-module__floatCloud2___2x6Sp 15s infinite ease-in-out}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud3___7-NhR{width:9px;height:2.5px;bottom:9px;left:17px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud3___7-NhR:after{width:5px;height:3px;top:-1.5px;right:1.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud3___7-NhR{width:13.5px;height:3.75px;bottom:13.5px;left:26px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud3___7-NhR:after{width:7.5px;height:4.5px;top:-2.25px;right:2.25px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud3___7-NhR{width:18px;height:5px;bottom:18px;left:35px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud3___7-NhR:after{width:10px;height:6px;top:-3px;right:3px}.ThemeSwitch-module__cloud3___7-NhR{animation:ThemeSwitch-module__floatCloud3___FJCbV 18s infinite ease-in-out}@keyframes ThemeSwitch-module__floatCloud1___MdWMj{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes ThemeSwitch-module__floatCloud2___2x6Sp{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}@keyframes ThemeSwitch-module__floatCloud3___FJCbV{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.ThemeSwitch-module__star___Z98bU{position:absolute;background:#fff;border-radius:50%;opacity:0;transition:opacity .6s ease}.ThemeSwitch-module__dark___a4vSn .ThemeSwitch-module__star___Z98bU{opacity:1}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star1___rhotb{width:1px;height:1px;top:5px;left:12px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star2___pzbNR{width:1px;height:1px;top:9px;right:15px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star3___iK7lJ{width:1px;height:1px;bottom:7px;left:20px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star4___t5pqN{width:.75px;height:.75px;top:12px;left:7px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star5___dx42N{width:1px;height:1px;bottom:10px;right:17px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star6___wur-I{width:.5px;height:.5px;top:17px;right:10px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star7___KONgd{width:.75px;height:.75px;bottom:12px;left:10px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star8___gIYpk{width:.5px;height:.5px;top:6px;right:7px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star1___rhotb{width:1.5px;height:1.5px;top:7.5px;left:19px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star2___pzbNR{width:1.5px;height:1.5px;top:13.5px;right:22.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star3___iK7lJ{width:1.5px;height:1.5px;bottom:11px;left:30px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star4___t5pqN{width:1.13px;height:1.13px;top:19px;left:11px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star5___dx42N{width:1.5px;height:1.5px;bottom:15px;right:26px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star6___wur-I{width:.75px;height:.75px;top:26px;right:15px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star7___KONgd{width:1.13px;height:1.13px;bottom:19px;left:15px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star8___gIYpk{width:.75px;height:.75px;top:9px;right:11px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star1___rhotb{width:2px;height:2px;top:10px;left:25px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star2___pzbNR{width:2px;height:2px;top:18px;right:30px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star3___iK7lJ{width:2px;height:2px;bottom:15px;left:40px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star4___t5pqN{width:1.5px;height:1.5px;top:25px;left:15px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star5___dx42N{width:2px;height:2px;bottom:20px;right:35px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star6___wur-I{width:1px;height:1px;top:35px;right:20px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star7___KONgd{width:1.5px;height:1.5px;bottom:25px;left:20px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star8___gIYpk{width:1px;height:1px;top:12px;right:15px}.ThemeSwitch-module__star1___rhotb{animation:ThemeSwitch-module__twinkle___Abun5 3s infinite}.ThemeSwitch-module__star2___pzbNR{animation:ThemeSwitch-module__twinkle___Abun5 3s infinite .5s}.ThemeSwitch-module__star3___iK7lJ{animation:ThemeSwitch-module__twinkle___Abun5 3s infinite 1s}.ThemeSwitch-module__star4___t5pqN{animation:ThemeSwitch-module__twinkle___Abun5 3s infinite 1.5s}.ThemeSwitch-module__star5___dx42N{animation:ThemeSwitch-module__twinkle___Abun5 3s infinite 2s}.ThemeSwitch-module__star6___wur-I{animation:ThemeSwitch-module__twinkle___Abun5 3s infinite 2.5s}.ThemeSwitch-module__star7___KONgd{animation:ThemeSwitch-module__twinkle___Abun5 3s infinite .8s}.ThemeSwitch-module__star8___gIYpk{animation:ThemeSwitch-module__twinkle___Abun5 3s infinite 1.3s}@keyframes ThemeSwitch-module__twinkle___Abun5{0%,to{opacity:.3}50%{opacity:1}}.ThemeSwitch-module__toggle___L5FGS{position:absolute;border-radius:50%;transition:transform .6s cubic-bezier(.4,0,.2,1),background .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__toggle___L5FGS{width:24px;height:24px;background:linear-gradient(135deg,gold,orange);top:3px;left:3px;box-shadow:0 1px 4px #0003,0 0 10px #ffd7004d}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__toggle___L5FGS{width:36px;height:36px;background:linear-gradient(135deg,gold,orange);top:4.5px;left:4.5px;box-shadow:0 1.5px 6px #0003,0 0 15px #ffd7004d}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__toggle___L5FGS{width:48px;height:48px;background:linear-gradient(135deg,gold,orange);top:6px;left:6px;box-shadow:0 2px 8px #0003,0 0 20px #ffd7004d}.ThemeSwitch-module__dark___a4vSn.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__toggle___L5FGS{transform:translate(30px);background:linear-gradient(135deg,beige,#d3d3d3);box-shadow:0 1px 4px #0000004d,0 0 10px #f5f5dc33}.ThemeSwitch-module__dark___a4vSn.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__toggle___L5FGS{transform:translate(45px);background:linear-gradient(135deg,beige,#d3d3d3);box-shadow:0 1.5px 6px #0000004d,0 0 15px #f5f5dc33}.ThemeSwitch-module__dark___a4vSn.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__toggle___L5FGS{transform:translate(60px);background:linear-gradient(135deg,beige,#d3d3d3);box-shadow:0 2px 8px #0000004d,0 0 20px #f5f5dc33}.ThemeSwitch-module__sun___s8noI{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:1;transform:rotate(0) scale(1);transition:opacity .6s ease,transform .6s ease}.ThemeSwitch-module__dark___a4vSn .ThemeSwitch-module__sun___s8noI{opacity:0;transform:rotate(180deg) scale(.5)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(7){width:35px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-22.5deg)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(8){width:35px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(67.5deg)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(9){width:35px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-67.5deg)}@keyframes ThemeSwitch-module__rotateSun___JQByd{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ThemeSwitch-module__moon___TNpFJ{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:rotate(-180deg) scale(.5);transition:opacity .6s ease,transform .6s ease}.ThemeSwitch-module__dark___a4vSn .ThemeSwitch-module__moon___TNpFJ{opacity:1;transform:rotate(0) scale(1)}.ThemeSwitch-module__moonCore___svwjb{position:relative;border-radius:50%}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__moonCore___svwjb{width:16px;height:16px;background:radial-gradient(circle at 30% 30%,beige,silver);box-shadow:inset -1.5px -1.5px 4px #0003,inset 1px 1px 4px #ffffff4d}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__moonCore___svwjb{width:24px;height:24px;background:radial-gradient(circle at 30% 30%,beige,silver);box-shadow:inset -2.25px -2.25px 6px #0003,inset 1.5px 1.5px 6px #ffffff4d}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__moonCore___svwjb{width:32px;height:32px;background:radial-gradient(circle at 30% 30%,beige,silver);box-shadow:inset -3px -3px 8px #0003,inset 2px 2px 8px #ffffff4d}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__crater1___swpHc{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#80808066,#69696933);border-radius:50%;top:4px;left:5px;box-shadow:inset .5px .5px 1px #0003}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__crater2___WQVKR{position:absolute;width:2px;height:2px;background:radial-gradient(circle,#8080804d,#69696926);border-radius:50%;bottom:4.5px;right:3.5px;box-shadow:inset .5px .5px .5px #00000026}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__crater3___F-KJu{position:absolute;width:1.5px;height:1.5px;background:radial-gradient(circle,#80808040,#6969691a);border-radius:50%;top:7.5px;right:5.5px;box-shadow:inset .25px .25px .5px #0000001a}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__crater4___ZsIb7{position:absolute;width:2.5px;height:2.5px;background:radial-gradient(circle,#80808059,#6969692e);border-radius:50%;bottom:3px;left:4px;box-shadow:inset .5px .5px .75px #0000002e}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__crater1___swpHc{position:absolute;width:4.5px;height:4.5px;background:radial-gradient(circle,#80808066,#69696933);border-radius:50%;top:6px;left:7.5px;box-shadow:inset .75px .75px 1.5px #0003}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__crater2___WQVKR{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#8080804d,#69696926);border-radius:50%;bottom:6.75px;right:5.25px;box-shadow:inset .75px .75px .75px #00000026}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__crater3___F-KJu{position:absolute;width:2.25px;height:2.25px;background:radial-gradient(circle,#80808040,#6969691a);border-radius:50%;top:11.25px;right:8.25px;box-shadow:inset .375px .375px .75px #0000001a}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__crater4___ZsIb7{position:absolute;width:3.75px;height:3.75px;background:radial-gradient(circle,#80808059,#6969692e);border-radius:50%;bottom:4.5px;left:6px;box-shadow:inset .75px .75px 1.125px #0000002e}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__crater1___swpHc{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#80808066,#69696933);border-radius:50%;top:8px;left:10px;box-shadow:inset 1px 1px 2px #0003}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__crater2___WQVKR{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#8080804d,#69696926);border-radius:50%;bottom:9px;right:7px;box-shadow:inset 1px 1px 1px #00000026}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__crater3___F-KJu{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#80808040,#6969691a);border-radius:50%;top:15px;right:11px;box-shadow:inset .5px .5px 1px #0000001a}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__crater4___ZsIb7{position:absolute;width:5px;height:5px;background:radial-gradient(circle,#80808059,#6969692e);border-radius:50%;bottom:6px;left:8px;box-shadow:inset 1px 1px 1.5px #0000002e}
+.ThemeSwitch-module__sunCore___tUhud{background:radial-gradient(circle,gold,orange);border-radius:50%;position:relative}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunCore___tUhud{width:16px;height:16px;box-shadow:inset -1px -1px 2px #ff8c0080}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunCore___tUhud{width:24px;height:24px;box-shadow:inset -1.5px -1.5px 3px #ff8c0080}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunCore___tUhud{width:32px;height:32px;box-shadow:inset -2px -2px 4px #ff8c0080}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunspot1___8RI1V{background:#ff8c0099;border-radius:50%;width:2px;height:2px;position:absolute;top:4px;left:5px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunspot2___U0whF{background:#ff8c0080;border-radius:50%;width:1.5px;height:1.5px;position:absolute;bottom:5px;right:4px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunspot3___kWYEI{background:#ff8c0066;border-radius:50%;width:1px;height:1px;position:absolute;top:6px;right:6px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunspot1___8RI1V{background:#ff8c0099;border-radius:50%;width:3px;height:3px;position:absolute;top:6px;left:7.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunspot2___U0whF{background:#ff8c0080;border-radius:50%;width:2.25px;height:2.25px;position:absolute;bottom:7.5px;right:6px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunspot3___kWYEI{background:#ff8c0066;border-radius:50%;width:1.5px;height:1.5px;position:absolute;top:9px;right:9px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunspot1___8RI1V{background:#ff8c0099;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:10px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunspot2___U0whF{background:#ff8c0080;border-radius:50%;width:3px;height:3px;position:absolute;bottom:10px;right:8px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunspot3___kWYEI{background:#ff8c0066;border-radius:50%;width:2px;height:2px;position:absolute;top:12px;right:12px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U{background:linear-gradient(90deg,#0000,gold,#0000);animation:10s linear infinite ThemeSwitch-module__rotateSun___JQByd;position:absolute}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(2){width:20px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(3){width:1px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(4){width:20px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(5){width:20px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(6),.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(7),.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(8),.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__sunRay___t1B4U:nth-child(9){display:none}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U{background:linear-gradient(90deg,#0000,gold,#0000);animation:10s linear infinite ThemeSwitch-module__rotateSun___JQByd;position:absolute}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(2){width:30px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(3){width:1.5px;height:30px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(4){width:30px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(5){width:30px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(6){width:26px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(22.5deg)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(7){width:26px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-22.5deg)}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(8),.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__sunRay___t1B4U:nth-child(9){display:none}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U{background:linear-gradient(90deg,#0000,gold,#0000);animation:10s linear infinite ThemeSwitch-module__rotateSun___JQByd;position:absolute}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(2){width:40px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(3){width:2px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(4){width:40px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(5){width:40px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(6){width:35px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(22.5deg)}.ThemeSwitch-module__switchContainer___VENjU{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#87ceeb,#add8e6);border-radius:30px;transition:background .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0000001a,0 4px 12px #00000026}.ThemeSwitch-module__switchContainer___VENjU.ThemeSwitch-module__small___YlvWo{border-radius:15px;width:60px;height:30px}.ThemeSwitch-module__switchContainer___VENjU.ThemeSwitch-module__medium___Q8Rro{border-radius:22.5px;width:90px;height:45px}.ThemeSwitch-module__switchContainer___VENjU.ThemeSwitch-module__large___BMOxC{border-radius:30px;width:120px;height:60px}.ThemeSwitch-module__switchContainer___VENjU:focus{outline-offset:2px;outline:2px solid #4a90e2}.ThemeSwitch-module__switchContainer___VENjU.ThemeSwitch-module__dark___a4vSn{background:linear-gradient(135deg,#1a1a3e,#0a0a1f)}.ThemeSwitch-module__background___Rpodp{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ThemeSwitch-module__cloud___OoOyx{opacity:0;background:#fff6;border-radius:100px;transition:opacity .6s;position:absolute}.ThemeSwitch-module__light___ddTa2 .ThemeSwitch-module__cloud___OoOyx{opacity:1}.ThemeSwitch-module__cloud___OoOyx:before,.ThemeSwitch-module__cloud___OoOyx:after{content:"";background:#fff6;border-radius:100px;position:absolute}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud1___aqGNx{width:12px;height:4px;top:7px;left:10px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud1___aqGNx:before{width:5px;height:5px;top:-2.5px;left:2.5px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud1___aqGNx:after{width:6px;height:4px;top:-1.5px;right:2.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud1___aqGNx{width:19px;height:6px;top:11px;left:15px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud1___aqGNx:before{width:7.5px;height:7.5px;top:-3.75px;left:3.75px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud1___aqGNx:after{width:9px;height:6px;top:-2.25px;right:3.75px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud1___aqGNx{width:25px;height:8px;top:15px;left:20px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud1___aqGNx:before{width:10px;height:10px;top:-5px;left:5px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud1___aqGNx:after{width:12px;height:8px;top:-3px;right:5px}.ThemeSwitch-module__cloud1___aqGNx{animation:12s ease-in-out infinite ThemeSwitch-module__floatCloud1___MdWMj}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud2___guY71{width:10px;height:3px;top:17px;right:12px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud2___guY71:before{width:4px;height:4px;top:-2px;left:1.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud2___guY71{width:15px;height:4.5px;top:26px;right:19px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud2___guY71:before{width:6px;height:6px;top:-3px;left:2.25px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud2___guY71{width:20px;height:6px;top:35px;right:25px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud2___guY71:before{width:8px;height:8px;top:-4px;left:3px}.ThemeSwitch-module__cloud2___guY71{animation:15s ease-in-out infinite ThemeSwitch-module__floatCloud2___2x6Sp}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud3___7-NhR{width:9px;height:2.5px;bottom:9px;left:17px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__cloud3___7-NhR:after{width:5px;height:3px;top:-1.5px;right:1.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud3___7-NhR{width:13.5px;height:3.75px;bottom:13.5px;left:26px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__cloud3___7-NhR:after{width:7.5px;height:4.5px;top:-2.25px;right:2.25px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud3___7-NhR{width:18px;height:5px;bottom:18px;left:35px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__cloud3___7-NhR:after{width:10px;height:6px;top:-3px;right:3px}.ThemeSwitch-module__cloud3___7-NhR{animation:18s ease-in-out infinite ThemeSwitch-module__floatCloud3___FJCbV}@keyframes ThemeSwitch-module__floatCloud1___MdWMj{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes ThemeSwitch-module__floatCloud2___2x6Sp{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}@keyframes ThemeSwitch-module__floatCloud3___FJCbV{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.ThemeSwitch-module__star___Z98bU{opacity:0;background:#fff;border-radius:50%;transition:opacity .6s;position:absolute}.ThemeSwitch-module__dark___a4vSn .ThemeSwitch-module__star___Z98bU{opacity:1}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star1___rhotb{width:1px;height:1px;top:5px;left:12px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star2___pzbNR{width:1px;height:1px;top:9px;right:15px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star3___iK7lJ{width:1px;height:1px;bottom:7px;left:20px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star4___t5pqN{width:.75px;height:.75px;top:12px;left:7px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star5___dx42N{width:1px;height:1px;bottom:10px;right:17px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star6___wur-I{width:.5px;height:.5px;top:17px;right:10px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star7___KONgd{width:.75px;height:.75px;bottom:12px;left:10px}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__star8___gIYpk{width:.5px;height:.5px;top:6px;right:7px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star1___rhotb{width:1.5px;height:1.5px;top:7.5px;left:19px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star2___pzbNR{width:1.5px;height:1.5px;top:13.5px;right:22.5px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star3___iK7lJ{width:1.5px;height:1.5px;bottom:11px;left:30px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star4___t5pqN{width:1.13px;height:1.13px;top:19px;left:11px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star5___dx42N{width:1.5px;height:1.5px;bottom:15px;right:26px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star6___wur-I{width:.75px;height:.75px;top:26px;right:15px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star7___KONgd{width:1.13px;height:1.13px;bottom:19px;left:15px}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__star8___gIYpk{width:.75px;height:.75px;top:9px;right:11px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star1___rhotb{width:2px;height:2px;top:10px;left:25px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star2___pzbNR{width:2px;height:2px;top:18px;right:30px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star3___iK7lJ{width:2px;height:2px;bottom:15px;left:40px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star4___t5pqN{width:1.5px;height:1.5px;top:25px;left:15px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star5___dx42N{width:2px;height:2px;bottom:20px;right:35px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star6___wur-I{width:1px;height:1px;top:35px;right:20px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star7___KONgd{width:1.5px;height:1.5px;bottom:25px;left:20px}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__star8___gIYpk{width:1px;height:1px;top:12px;right:15px}.ThemeSwitch-module__star1___rhotb{animation:3s infinite ThemeSwitch-module__twinkle___Abun5}.ThemeSwitch-module__star2___pzbNR{animation:3s .5s infinite ThemeSwitch-module__twinkle___Abun5}.ThemeSwitch-module__star3___iK7lJ{animation:3s 1s infinite ThemeSwitch-module__twinkle___Abun5}.ThemeSwitch-module__star4___t5pqN{animation:3s 1.5s infinite ThemeSwitch-module__twinkle___Abun5}.ThemeSwitch-module__star5___dx42N{animation:3s 2s infinite ThemeSwitch-module__twinkle___Abun5}.ThemeSwitch-module__star6___wur-I{animation:3s 2.5s infinite ThemeSwitch-module__twinkle___Abun5}.ThemeSwitch-module__star7___KONgd{animation:3s .8s infinite ThemeSwitch-module__twinkle___Abun5}.ThemeSwitch-module__star8___gIYpk{animation:3s 1.3s infinite ThemeSwitch-module__twinkle___Abun5}@keyframes ThemeSwitch-module__twinkle___Abun5{0%,to{opacity:.3}50%{opacity:1}}.ThemeSwitch-module__toggle___L5FGS{border-radius:50%;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.4,0,.2,1),background .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__toggle___L5FGS{background:linear-gradient(135deg,gold,orange);width:24px;height:24px;top:3px;left:3px;box-shadow:0 1px 4px #0003,0 0 10px #ffd7004d}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__toggle___L5FGS{background:linear-gradient(135deg,gold,orange);width:36px;height:36px;top:4.5px;left:4.5px;box-shadow:0 1.5px 6px #0003,0 0 15px #ffd7004d}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__toggle___L5FGS{background:linear-gradient(135deg,gold,orange);width:48px;height:48px;top:6px;left:6px;box-shadow:0 2px 8px #0003,0 0 20px #ffd7004d}.ThemeSwitch-module__dark___a4vSn.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__toggle___L5FGS{background:linear-gradient(135deg,beige,#d3d3d3);transform:translate(30px);box-shadow:0 1px 4px #0000004d,0 0 10px #f5f5dc33}.ThemeSwitch-module__dark___a4vSn.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__toggle___L5FGS{background:linear-gradient(135deg,beige,#d3d3d3);transform:translate(45px);box-shadow:0 1.5px 6px #0000004d,0 0 15px #f5f5dc33}.ThemeSwitch-module__dark___a4vSn.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__toggle___L5FGS{background:linear-gradient(135deg,beige,#d3d3d3);transform:translate(60px);box-shadow:0 2px 8px #0000004d,0 0 20px #f5f5dc33}.ThemeSwitch-module__sun___s8noI{opacity:1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s,transform .6s;display:flex;position:absolute;transform:rotate(0)scale(1)}.ThemeSwitch-module__dark___a4vSn .ThemeSwitch-module__sun___s8noI{opacity:0;transform:rotate(180deg)scale(.5)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(7){width:35px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-22.5deg)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(8){width:35px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(67.5deg)}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__sunRay___t1B4U:nth-child(9){width:35px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-67.5deg)}@keyframes ThemeSwitch-module__rotateSun___JQByd{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ThemeSwitch-module__moon___TNpFJ{opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s,transform .6s;display:flex;position:absolute;transform:rotate(-180deg)scale(.5)}.ThemeSwitch-module__dark___a4vSn .ThemeSwitch-module__moon___TNpFJ{opacity:1;transform:rotate(0)scale(1)}.ThemeSwitch-module__moonCore___svwjb{border-radius:50%;position:relative}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__moonCore___svwjb{background:radial-gradient(circle at 30% 30%,beige,silver);width:16px;height:16px;box-shadow:inset -1.5px -1.5px 4px #0003,inset 1px 1px 4px #ffffff4d}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__moonCore___svwjb{background:radial-gradient(circle at 30% 30%,beige,silver);width:24px;height:24px;box-shadow:inset -2.25px -2.25px 6px #0003,inset 1.5px 1.5px 6px #ffffff4d}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__moonCore___svwjb{background:radial-gradient(circle at 30% 30%,beige,silver);width:32px;height:32px;box-shadow:inset -3px -3px 8px #0003,inset 2px 2px 8px #ffffff4d}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__crater1___swpHc{background:radial-gradient(circle,#80808066,#69696933);border-radius:50%;width:3px;height:3px;position:absolute;top:4px;left:5px;box-shadow:inset .5px .5px 1px #0003}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__crater2___WQVKR{background:radial-gradient(circle,#8080804d,#69696926);border-radius:50%;width:2px;height:2px;position:absolute;bottom:4.5px;right:3.5px;box-shadow:inset .5px .5px .5px #00000026}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__crater3___F-KJu{background:radial-gradient(circle,#80808040,#6969691a);border-radius:50%;width:1.5px;height:1.5px;position:absolute;top:7.5px;right:5.5px;box-shadow:inset .25px .25px .5px #0000001a}.ThemeSwitch-module__small___YlvWo .ThemeSwitch-module__crater4___ZsIb7{background:radial-gradient(circle,#80808059,#6969692e);border-radius:50%;width:2.5px;height:2.5px;position:absolute;bottom:3px;left:4px;box-shadow:inset .5px .5px .75px #0000002e}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__crater1___swpHc{background:radial-gradient(circle,#80808066,#69696933);border-radius:50%;width:4.5px;height:4.5px;position:absolute;top:6px;left:7.5px;box-shadow:inset .75px .75px 1.5px #0003}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__crater2___WQVKR{background:radial-gradient(circle,#8080804d,#69696926);border-radius:50%;width:3px;height:3px;position:absolute;bottom:6.75px;right:5.25px;box-shadow:inset .75px .75px .75px #00000026}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__crater3___F-KJu{background:radial-gradient(circle,#80808040,#6969691a);border-radius:50%;width:2.25px;height:2.25px;position:absolute;top:11.25px;right:8.25px;box-shadow:inset .375px .375px .75px #0000001a}.ThemeSwitch-module__medium___Q8Rro .ThemeSwitch-module__crater4___ZsIb7{background:radial-gradient(circle,#80808059,#6969692e);border-radius:50%;width:3.75px;height:3.75px;position:absolute;bottom:4.5px;left:6px;box-shadow:inset .75px .75px 1.125px #0000002e}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__crater1___swpHc{background:radial-gradient(circle,#80808066,#69696933);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:10px;box-shadow:inset 1px 1px 2px #0003}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__crater2___WQVKR{background:radial-gradient(circle,#8080804d,#69696926);border-radius:50%;width:4px;height:4px;position:absolute;bottom:9px;right:7px;box-shadow:inset 1px 1px 1px #00000026}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__crater3___F-KJu{background:radial-gradient(circle,#80808040,#6969691a);border-radius:50%;width:3px;height:3px;position:absolute;top:15px;right:11px;box-shadow:inset .5px .5px 1px #0000001a}.ThemeSwitch-module__large___BMOxC .ThemeSwitch-module__crater4___ZsIb7{background:radial-gradient(circle,#80808059,#6969692e);border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px;left:8px;box-shadow:inset 1px 1px 1.5px #0000002e}

package/dist/chunk-Bmb41Sf3.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MarkdownRender-BOGosy9w.cjs"),r=require("./MonthlyCalendar-D-tD_2xK.cjs"),n=require("./ThemeSwitch-C7k1_MA4.cjs");exports.MarkdownRender=e.MarkdownRender;exports.MonthlyCalendar=r.MonthlyCalendar;exports.ThemeSwitch=n.ThemeSwitch;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MarkdownRender-CKB5xnfI.cjs`),t=require(`./MonthlyCalendar-DDXHhlwC.cjs`),n=require(`./ThemeSwitch-Cn7-KsSv.cjs`);exports.MarkdownRender=e.t,exports.MonthlyCalendar=t.t,exports.ThemeSwitch=n.t;

package/dist/index.js

@@ -1,9 +1,4 @@
-import { M as o } from "./MarkdownRender-BmrS3q0l.js";
-import { M as t } from "./MonthlyCalendar-D9jC2b2L.js";
-import { T as n } from "./ThemeSwitch-DbaEio36.js";
-export {
-  o as MarkdownRender,
-  t as MonthlyCalendar,
-  n as ThemeSwitch
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "./MarkdownRender-c_W7bXpS.js";
+import { t } from "./MonthlyCalendar-BflN-u8m.js";
+import { t as n } from "./ThemeSwitch-C648hdUm.js";
+export { e as MarkdownRender, t as MonthlyCalendar, n as ThemeSwitch };

package/dist/markdown-render.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MarkdownRender-BOGosy9w.cjs");exports.MarkdownRender=e.MarkdownRender;
-//# sourceMappingURL=markdown-render.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MarkdownRender-CKB5xnfI.cjs`);exports.MarkdownRender=e.t;

package/dist/markdown-render.js

@@ -1,5 +1,2 @@
-import { M as o } from "./MarkdownRender-BmrS3q0l.js";
-export {
-  o as MarkdownRender
-};
-//# sourceMappingURL=markdown-render.js.map
+import { t as e } from "./MarkdownRender-c_W7bXpS.js";
+export { e as MarkdownRender };

package/dist/monthly-calendar.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MonthlyCalendar-D-tD_2xK.cjs");exports.MonthlyCalendar=e.MonthlyCalendar;
-//# sourceMappingURL=monthly-calendar.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MonthlyCalendar-DDXHhlwC.cjs`);exports.MonthlyCalendar=e.t;

package/dist/monthly-calendar.js

@@ -1,5 +1,2 @@
-import { M as r } from "./MonthlyCalendar-D9jC2b2L.js";
-export {
-  r as MonthlyCalendar
-};
-//# sourceMappingURL=monthly-calendar.js.map
+import { t as e } from "./MonthlyCalendar-BflN-u8m.js";
+export { e as MonthlyCalendar };

package/dist/theme-switch-css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/theme-switch.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ThemeSwitch-C7k1_MA4.cjs");exports.ThemeSwitch=e.ThemeSwitch;
-//# sourceMappingURL=theme-switch.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./ThemeSwitch-Cn7-KsSv.cjs`);exports.ThemeSwitch=e.t;

package/dist/theme-switch.js

@@ -1,5 +1,2 @@
-import { T as m } from "./ThemeSwitch-DbaEio36.js";
-export {
-  m as ThemeSwitch
-};
-//# sourceMappingURL=theme-switch.js.map
+import { t as e } from "./ThemeSwitch-C648hdUm.js";
+export { e as ThemeSwitch };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macolmenerori/component-library",
-  "version": "1.3.1",
+  "version": "1.4.0-beta.1",
   "type": "module",
   "description": "",
   "keywords": [],
@@ -37,7 +37,16 @@
         "default": "./dist/theme-switch.cjs"
       }
     },
-    "./theme-switch-css": "./dist/ThemeSwitch.css",
+    "./theme-switch-css": {
+      "import": {
+        "types": "./dist/theme-switch-css.d.ts",
+        "default": "./dist/ThemeSwitch.css"
+      },
+      "require": {
+        "types": "./dist/theme-switch-css.d.ts",
+        "default": "./dist/ThemeSwitch.css"
+      }
+    },
     "./markdown-render": {
       "import": {
         "types": "./dist/types/components/MarkdownRender/index.d.ts",
@@ -93,7 +102,7 @@
     "@types/node": "^25.0.0",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
-    "@vitejs/plugin-react": "^5.1.0",
+    "@vitejs/plugin-react": "^6.0.1",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-jest-dom": "^5.5.0",
@@ -101,7 +110,7 @@
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-simple-import-sort": "^13.0.0",
     "eslint-plugin-testing-library": "^7.13.3",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
@@ -109,21 +118,21 @@
     "prettier": "^3.6.2",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.46.3",
-    "vite": "^7.2.1",
+    "typescript": "^6.0.2",
+    "typescript-eslint": "^8.58.1",
+    "vite": "^8.0.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2"
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc --noEmit && vite build",
+    "build": "tsc --noEmit && vite build && cp src/types/theme-switch-css.d.ts dist/theme-switch-css.d.ts",
     "preview": "vite preview",
     "prettify": "prettier -w --log-level=silent src/",
     "lint": "eslint --fix ./src/",
     "test": "echo \"Info: no tests for the moment\" && exit 0",
     "types": "tsc --noEmit",
-    "verify": "pnpm lint && pnpm prettify && pnpm types && pnpm test && pnpm audit --prod && pnpm build",
+    "verify": "pnpm audit --prod && pnpm lint && pnpm prettify && pnpm types && pnpm test && pnpm build",
     "publish:npm": "pnpm publish --registry https://registry.npmjs.org/ --access public",
     "publish:github": "pnpm publish --registry https://npm.pkg.github.com",
     "release": "npx tsx scripts/release.ts"

package/dist/MarkdownRender-BOGosy9w.cjs

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),h=require("react"),j=require("react-markdown"),l=require("remark-gfm"),x=({content:d,className:c,components:e,linkTarget:r,responsiveImages:o,rehypePlugins:u})=>{const a=h.useMemo(()=>{const s={};return r&&!e?.a&&(s.a=({children:i,...t})=>n.jsx("a",{...t,target:r,rel:r==="_blank"?"noreferrer":void 0,children:i})),o&&!e?.img&&(s.img=({alt:i,...t})=>n.jsx("img",{alt:i??"",...t,style:{maxWidth:"100%",height:"auto",...t.style}})),{...s,...e}},[e,r,o]),m=Object.keys(a).length>0;return n.jsx("div",{className:c,children:n.jsx(j,{remarkPlugins:[l],rehypePlugins:u,components:m?a:void 0,children:d})})};exports.MarkdownRender=x;
-//# sourceMappingURL=MarkdownRender-BOGosy9w.cjs.map

package/dist/MarkdownRender-BOGosy9w.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownRender-BOGosy9w.cjs","sources":["../src/components/MarkdownRender/MarkdownRender.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactMarkdown, { type Components, type Options } from 'react-markdown';\n\nimport remarkGfm from 'remark-gfm';\n\nexport interface MarkdownProps {\n  /** The markdown string to render */\n  content: string;\n  /** Optional CSS class name for the container */\n  className?: string;\n  /** Custom component overrides for markdown elements */\n  components?: Partial<Components>;\n  /** Target for all links (defaults to '_self') */\n  linkTarget?: '_blank' | '_self' | '_parent' | '_top';\n  /** Make all images responsive (defaults to false) */\n  responsiveImages?: boolean;\n  /** Optional rehype plugins for HTML processing */\n  rehypePlugins?: Options['rehypePlugins'];\n}\n\n/**\n * A component that renders a markdown string as HTML.\n * Supports GitHub Flavored Markdown (GFM) including tables,\n * strikethrough, task lists, and autolinks.\n */\nconst MarkdownRender: React.FC<MarkdownProps> = ({\n  content,\n  className,\n  components,\n  linkTarget,\n  responsiveImages,\n  rehypePlugins\n}) => {\n  const mergedComponents = useMemo(() => {\n    const generated: Partial<Components> = {};\n\n    // Auto-generate link component if linkTarget is set and no custom 'a' provided\n    if (linkTarget && !components?.a) {\n      generated.a = ({ children, ...props }) => (\n        <a {...props} target={linkTarget} rel={linkTarget === '_blank' ? 'noreferrer' : undefined}>\n          {children}\n        </a>\n      );\n    }\n\n    // Auto-generate image component if responsiveImages and no custom 'img' provided\n    if (responsiveImages && !components?.img) {\n      generated.img = ({ alt, ...props }) => (\n        <img\n          alt={alt ?? ''}\n          {...props}\n          style={{ maxWidth: '100%', height: 'auto', ...props.style }}\n        />\n      );\n    }\n\n    // User-provided components override auto-generated ones\n    return { ...generated, ...components };\n  }, [components, linkTarget, responsiveImages]);\n\n  const hasComponents = Object.keys(mergedComponents).length > 0;\n\n  return (\n    <div className={className}>\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        rehypePlugins={rehypePlugins}\n        components={hasComponents ? mergedComponents : undefined}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],"names":["MarkdownRender","content","className","components","linkTarget","responsiveImages","rehypePlugins","mergedComponents","useMemo","generated","children","props","jsx","alt","hasComponents","ReactMarkdown","remarkGfm"],"mappings":"yHAyBMA,EAA0C,CAAC,CAC/C,QAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,cAAAC,CACF,IAAM,CACJ,MAAMC,EAAmBC,EAAAA,QAAQ,IAAM,CACrC,MAAMC,EAAiC,CAAA,EAGvC,OAAIL,GAAc,CAACD,GAAY,IAC7BM,EAAU,EAAI,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAC5BC,EAAAA,IAAC,IAAA,CAAG,GAAGD,EAAO,OAAQP,EAAY,IAAKA,IAAe,SAAW,aAAe,OAC7E,SAAAM,EACH,GAKAL,GAAoB,CAACF,GAAY,MACnCM,EAAU,IAAM,CAAC,CAAE,IAAAI,EAAK,GAAGF,KACzBC,EAAAA,IAAC,MAAA,CACC,IAAKC,GAAO,GACX,GAAGF,EACJ,MAAO,CAAE,SAAU,OAAQ,OAAQ,OAAQ,GAAGA,EAAM,KAAA,CAAM,CAAA,GAMzD,CAAE,GAAGF,EAAW,GAAGN,CAAA,CAC5B,EAAG,CAACA,EAAYC,EAAYC,CAAgB,CAAC,EAEvCS,EAAgB,OAAO,KAAKP,CAAgB,EAAE,OAAS,EAE7D,OACEK,EAAAA,IAAC,OAAI,UAAAV,EACH,SAAAU,EAAAA,IAACG,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,cAAAV,EACA,WAAYQ,EAAgBP,EAAmB,OAE9C,SAAAN,CAAA,CAAA,EAEL,CAEJ"}

package/dist/MarkdownRender-BmrS3q0l.js

@@ -1,37 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import l from "react-markdown";
-import g from "remark-gfm";
-const y = ({
-  content: d,
-  className: f,
-  components: r,
-  linkTarget: e,
-  responsiveImages: a,
-  rehypePlugins: s
-}) => {
-  const n = c(() => {
-    const m = {};
-    return e && !r?.a && (m.a = ({ children: i, ...t }) => /* @__PURE__ */ o("a", { ...t, target: e, rel: e === "_blank" ? "noreferrer" : void 0, children: i })), a && !r?.img && (m.img = ({ alt: i, ...t }) => /* @__PURE__ */ o(
-      "img",
-      {
-        alt: i ?? "",
-        ...t,
-        style: { maxWidth: "100%", height: "auto", ...t.style }
-      }
-    )), { ...m, ...r };
-  }, [r, e, a]), h = Object.keys(n).length > 0;
-  return /* @__PURE__ */ o("div", { className: f, children: /* @__PURE__ */ o(
-    l,
-    {
-      remarkPlugins: [g],
-      rehypePlugins: s,
-      components: h ? n : void 0,
-      children: d
-    }
-  ) });
-};
-export {
-  y as M
-};
-//# sourceMappingURL=MarkdownRender-BmrS3q0l.js.map

package/dist/MarkdownRender-BmrS3q0l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownRender-BmrS3q0l.js","sources":["../src/components/MarkdownRender/MarkdownRender.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactMarkdown, { type Components, type Options } from 'react-markdown';\n\nimport remarkGfm from 'remark-gfm';\n\nexport interface MarkdownProps {\n  /** The markdown string to render */\n  content: string;\n  /** Optional CSS class name for the container */\n  className?: string;\n  /** Custom component overrides for markdown elements */\n  components?: Partial<Components>;\n  /** Target for all links (defaults to '_self') */\n  linkTarget?: '_blank' | '_self' | '_parent' | '_top';\n  /** Make all images responsive (defaults to false) */\n  responsiveImages?: boolean;\n  /** Optional rehype plugins for HTML processing */\n  rehypePlugins?: Options['rehypePlugins'];\n}\n\n/**\n * A component that renders a markdown string as HTML.\n * Supports GitHub Flavored Markdown (GFM) including tables,\n * strikethrough, task lists, and autolinks.\n */\nconst MarkdownRender: React.FC<MarkdownProps> = ({\n  content,\n  className,\n  components,\n  linkTarget,\n  responsiveImages,\n  rehypePlugins\n}) => {\n  const mergedComponents = useMemo(() => {\n    const generated: Partial<Components> = {};\n\n    // Auto-generate link component if linkTarget is set and no custom 'a' provided\n    if (linkTarget && !components?.a) {\n      generated.a = ({ children, ...props }) => (\n        <a {...props} target={linkTarget} rel={linkTarget === '_blank' ? 'noreferrer' : undefined}>\n          {children}\n        </a>\n      );\n    }\n\n    // Auto-generate image component if responsiveImages and no custom 'img' provided\n    if (responsiveImages && !components?.img) {\n      generated.img = ({ alt, ...props }) => (\n        <img\n          alt={alt ?? ''}\n          {...props}\n          style={{ maxWidth: '100%', height: 'auto', ...props.style }}\n        />\n      );\n    }\n\n    // User-provided components override auto-generated ones\n    return { ...generated, ...components };\n  }, [components, linkTarget, responsiveImages]);\n\n  const hasComponents = Object.keys(mergedComponents).length > 0;\n\n  return (\n    <div className={className}>\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        rehypePlugins={rehypePlugins}\n        components={hasComponents ? mergedComponents : undefined}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],"names":["MarkdownRender","content","className","components","linkTarget","responsiveImages","rehypePlugins","mergedComponents","useMemo","generated","children","props","jsx","alt","hasComponents","ReactMarkdown","remarkGfm"],"mappings":";;;;AAyBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAmBC,EAAQ,MAAM;AACrC,UAAMC,IAAiC,CAAA;AAGvC,WAAIL,KAAc,CAACD,GAAY,MAC7BM,EAAU,IAAI,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAC5B,gBAAAC,EAAC,KAAA,EAAG,GAAGD,GAAO,QAAQP,GAAY,KAAKA,MAAe,WAAW,eAAe,QAC7E,UAAAM,GACH,IAKAL,KAAoB,CAACF,GAAY,QACnCM,EAAU,MAAM,CAAC,EAAE,KAAAI,GAAK,GAAGF,QACzB,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKC,KAAO;AAAA,QACX,GAAGF;AAAA,QACJ,OAAO,EAAE,UAAU,QAAQ,QAAQ,QAAQ,GAAGA,EAAM,MAAA;AAAA,MAAM;AAAA,IAAA,IAMzD,EAAE,GAAGF,GAAW,GAAGN,EAAA;AAAA,EAC5B,GAAG,CAACA,GAAYC,GAAYC,CAAgB,CAAC,GAEvCS,IAAgB,OAAO,KAAKP,CAAgB,EAAE,SAAS;AAE7D,SACE,gBAAAK,EAAC,SAAI,WAAAV,GACH,UAAA,gBAAAU;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,eAAe,CAACC,CAAS;AAAA,MACzB,eAAAV;AAAA,MACA,YAAYQ,IAAgBP,IAAmB;AAAA,MAE9C,UAAAN;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/MonthlyCalendar-D-tD_2xK.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),C=require("react"),j={dayColor:"#222",headerColor:"#555",annotationColor:"inherit"},b={dayColor:"#f0f0f0",headerColor:"#a0a0b8",annotationColor:"#d0d0e0"},w={borderCollapse:"collapse",border:"none",width:"100%",tableLayout:"fixed",fontFamily:"sans-serif"},y={border:"none",verticalAlign:"top",padding:0,position:"relative",textAlign:"center"},v=({year:s,month:i,annotations:d=[],headers:c,style:p={},darkMode:x=!1})=>{const a=x?b:j,g=C.useMemo(()=>{const t=new Date(s,i,0).getDate(),n=new Date(s,i-1,1).getDay(),o=Math.ceil((n+t)/7)*7,l=[];let r=1-n;for(let h=0;h<o/7;h++){const f=[];for(let u=0;u<7;u++)f.push(r>=1&&r<=t?r:null),r++;l.push(f)}return l},[s,i]),m={...w,...p};return e.jsxs("table",{style:m,children:[c&&e.jsx("thead",{children:e.jsx("tr",{children:c.map((t,n)=>e.jsx("th",{style:{...y,fontWeight:600,fontSize:"0.85rem",paddingBottom:6,color:a.headerColor},children:t},n))})}),e.jsx("tbody",{children:g.map((t,n)=>e.jsx("tr",{children:t.map((o,l)=>e.jsx("td",{style:y,children:e.jsx("div",{style:{width:"100%",paddingBottom:"100%",position:"relative"},children:e.jsx("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",paddingTop:6,gap:4,overflow:"hidden"},children:o!==null&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{fontFamily:"sans-serif",fontSize:"0.95rem",fontWeight:500,color:a.dayColor},children:o}),d[o-1]!=null&&e.jsx("div",{style:{fontSize:"0.75rem",lineHeight:1.2,overflow:"hidden",width:"100%",textAlign:"center",color:a.annotationColor},children:d[o-1]})]})})})},l))},n))})]})};exports.MonthlyCalendar=v;
-//# sourceMappingURL=MonthlyCalendar-D-tD_2xK.cjs.map

package/dist/MonthlyCalendar-D-tD_2xK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthlyCalendar-D-tD_2xK.cjs","sources":["../src/components/MonthlyCalendar/MonthlyCalendar.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode, useMemo } from 'react';\n\n/**\n * Props for the MonthlyCalendar component\n */\nexport interface MonthlyCalendarProps {\n  /** Full four-digit year (e.g. 2026) */\n  year: number;\n  /** Month to display, 1-based: 1 = January, 12 = December */\n  month: number;\n  /**\n   * Array of React nodes, one per day of the month.\n   * annotations[0] maps to Day 1, annotations[1] maps to Day 2, etc.\n   * Use null or undefined for days with no annotation.\n   */\n  annotations?: (ReactNode | null | undefined)[];\n  /**\n   * Array of exactly 7 strings for the weekday header labels.\n   * Omit to hide the header row entirely.\n   */\n  headers?: [string, string, string, string, string, string, string];\n  /**\n   * Inline styles merged onto the table element, overriding defaults via shallow spread.\n   */\n  style?: CSSProperties;\n  /**\n   * Enables the dark color theme for day numbers, headers, and annotation text.\n   * The component does not set its own background — wrap it in a dark container when enabled.\n   * @default false\n   */\n  darkMode?: boolean;\n}\n\n// ─── Theme definitions ───\n\nconst LIGHT_THEME = {\n  dayColor: '#222',\n  headerColor: '#555',\n  annotationColor: 'inherit'\n};\n\nconst DARK_THEME = {\n  dayColor: '#f0f0f0',\n  headerColor: '#a0a0b8',\n  annotationColor: '#d0d0e0'\n};\n\n// ─── Static style objects ───\n\nconst defaultTableStyle: CSSProperties = {\n  borderCollapse: 'collapse',\n  border: 'none',\n  width: '100%',\n  tableLayout: 'fixed',\n  fontFamily: 'sans-serif'\n};\n\nconst defaultCellStyle: CSSProperties = {\n  border: 'none',\n  verticalAlign: 'top',\n  padding: 0,\n  position: 'relative',\n  textAlign: 'center'\n};\n\n/**\n * MonthlyCalendar Component\n *\n * A zero-dependency monthly calendar grid rendered as a semantic HTML table.\n * Each day occupies a square cell with an optional annotation slot that accepts\n * any ReactNode (text, images, badges, icons, or entire sub-components).\n *\n * Features built-in light and dark themes, customizable headers, and\n * table-level style overrides. All styling is inline — no CSS files required.\n *\n * @component\n * @example\n * ```tsx\n * <MonthlyCalendar\n *   year={2026}\n *   month={2}\n *   headers={['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']}\n *   darkMode={false}\n * />\n * ```\n */\nconst MonthlyCalendar: React.FC<MonthlyCalendarProps> = ({\n  year,\n  month,\n  annotations = [],\n  headers,\n  style = {},\n  darkMode = false\n}) => {\n  const theme = darkMode ? DARK_THEME : LIGHT_THEME;\n\n  const weeks = useMemo(() => {\n    const daysInMonth = new Date(year, month, 0).getDate();\n    const startDay = new Date(year, month - 1, 1).getDay(); // 0=Sun\n    const totalCells = Math.ceil((startDay + daysInMonth) / 7) * 7;\n    const result: (number | null)[][] = [];\n    let currentDay = 1 - startDay;\n\n    for (let w = 0; w < totalCells / 7; w++) {\n      const week: (number | null)[] = [];\n      for (let d = 0; d < 7; d++) {\n        week.push(currentDay >= 1 && currentDay <= daysInMonth ? currentDay : null);\n        currentDay++;\n      }\n      result.push(week);\n    }\n    return result;\n  }, [year, month]);\n\n  const mergedTableStyle = { ...defaultTableStyle, ...style };\n\n  return (\n    <table style={mergedTableStyle}>\n      {headers && (\n        <thead>\n          <tr>\n            {headers.map((h, i) => (\n              <th\n                key={i}\n                style={{\n                  ...defaultCellStyle,\n                  fontWeight: 600,\n                  fontSize: '0.85rem',\n                  paddingBottom: 6,\n                  color: theme.headerColor\n                }}\n              >\n                {h}\n              </th>\n            ))}\n          </tr>\n        </thead>\n      )}\n      <tbody>\n        {weeks.map((week, wi) => (\n          <tr key={wi}>\n            {week.map((day, di) => (\n              <td key={di} style={defaultCellStyle}>\n                <div\n                  style={{\n                    width: '100%',\n                    paddingBottom: '100%',\n                    position: 'relative'\n                  }}\n                >\n                  <div\n                    style={{\n                      position: 'absolute',\n                      inset: 0,\n                      display: 'flex',\n                      flexDirection: 'column',\n                      alignItems: 'center',\n                      justifyContent: 'flex-start',\n                      paddingTop: 6,\n                      gap: 4,\n                      overflow: 'hidden'\n                    }}\n                  >\n                    {day !== null && (\n                      <>\n                        <span\n                          style={{\n                            fontFamily: 'sans-serif',\n                            fontSize: '0.95rem',\n                            fontWeight: 500,\n                            color: theme.dayColor\n                          }}\n                        >\n                          {day}\n                        </span>\n                        {annotations[day - 1] != null && (\n                          <div\n                            style={{\n                              fontSize: '0.75rem',\n                              lineHeight: 1.2,\n                              overflow: 'hidden',\n                              width: '100%',\n                              textAlign: 'center',\n                              color: theme.annotationColor\n                            }}\n                          >\n                            {annotations[day - 1]}\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                </div>\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nexport default MonthlyCalendar;\n"],"names":["LIGHT_THEME","DARK_THEME","defaultTableStyle","defaultCellStyle","MonthlyCalendar","year","month","annotations","headers","style","darkMode","theme","weeks","useMemo","daysInMonth","startDay","totalCells","result","currentDay","w","week","d","mergedTableStyle","jsxs","jsx","h","i","wi","day","di","Fragment"],"mappings":"qEAmCMA,EAAc,CAClB,SAAU,OACV,YAAa,OACb,gBAAiB,SACnB,EAEMC,EAAa,CACjB,SAAU,UACV,YAAa,UACb,gBAAiB,SACnB,EAIMC,EAAmC,CACvC,eAAgB,WAChB,OAAQ,OACR,MAAO,OACP,YAAa,QACb,WAAY,YACd,EAEMC,EAAkC,CACtC,OAAQ,OACR,cAAe,MACf,QAAS,EACT,SAAU,WACV,UAAW,QACb,EAuBMC,EAAkD,CAAC,CACvD,KAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,CAAA,EACd,QAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,SAAAC,EAAW,EACb,IAAM,CACJ,MAAMC,EAAQD,EAAWT,EAAaD,EAEhCY,EAAQC,EAAAA,QAAQ,IAAM,CAC1B,MAAMC,EAAc,IAAI,KAAKT,EAAMC,EAAO,CAAC,EAAE,QAAA,EACvCS,EAAW,IAAI,KAAKV,EAAMC,EAAQ,EAAG,CAAC,EAAE,OAAA,EACxCU,EAAa,KAAK,MAAMD,EAAWD,GAAe,CAAC,EAAI,EACvDG,EAA8B,CAAA,EACpC,IAAIC,EAAa,EAAIH,EAErB,QAASI,EAAI,EAAGA,EAAIH,EAAa,EAAGG,IAAK,CACvC,MAAMC,EAA0B,CAAA,EAChC,QAASC,EAAI,EAAGA,EAAI,EAAGA,IACrBD,EAAK,KAAKF,GAAc,GAAKA,GAAcJ,EAAcI,EAAa,IAAI,EAC1EA,IAEFD,EAAO,KAAKG,CAAI,CAClB,CACA,OAAOH,CACT,EAAG,CAACZ,EAAMC,CAAK,CAAC,EAEVgB,EAAmB,CAAE,GAAGpB,EAAmB,GAAGO,CAAA,EAEpD,OACEc,EAAAA,KAAC,QAAA,CAAM,MAAOD,EACX,SAAA,CAAAd,GACCgB,EAAAA,IAAC,SACC,SAAAA,EAAAA,IAAC,KAAA,CACE,WAAQ,IAAI,CAACC,EAAGC,IACfF,EAAAA,IAAC,KAAA,CAEC,MAAO,CACL,GAAGrB,EACH,WAAY,IACZ,SAAU,UACV,cAAe,EACf,MAAOQ,EAAM,WAAA,EAGd,SAAAc,CAAA,EATIC,CAAA,CAWR,EACH,CAAA,CACF,QAED,QAAA,CACE,SAAAd,EAAM,IAAI,CAACQ,EAAMO,IAChBH,EAAAA,IAAC,KAAA,CACE,SAAAJ,EAAK,IAAI,CAACQ,EAAKC,IACdL,EAAAA,IAAC,KAAA,CAAY,MAAOrB,EAClB,SAAAqB,EAAAA,IAAC,MAAA,CACC,MAAO,CACL,MAAO,OACP,cAAe,OACf,SAAU,UAAA,EAGZ,SAAAA,EAAAA,IAAC,MAAA,CACC,MAAO,CACL,SAAU,WACV,MAAO,EACP,QAAS,OACT,cAAe,SACf,WAAY,SACZ,eAAgB,aAChB,WAAY,EACZ,IAAK,EACL,SAAU,QAAA,EAGX,SAAAI,IAAQ,MACPL,EAAAA,KAAAO,EAAAA,SAAA,CACE,SAAA,CAAAN,EAAAA,IAAC,OAAA,CACC,MAAO,CACL,WAAY,aACZ,SAAU,UACV,WAAY,IACZ,MAAOb,EAAM,QAAA,EAGd,SAAAiB,CAAA,CAAA,EAEFrB,EAAYqB,EAAM,CAAC,GAAK,MACvBJ,EAAAA,IAAC,MAAA,CACC,MAAO,CACL,SAAU,UACV,WAAY,IACZ,SAAU,SACV,MAAO,OACP,UAAW,SACX,MAAOb,EAAM,eAAA,EAGd,SAAAJ,EAAYqB,EAAM,CAAC,CAAA,CAAA,CACtB,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,GAjDKC,CAmDT,CACD,GAtDMF,CAuDT,CACD,CAAA,CACH,CAAA,EACF,CAEJ"}

package/dist/MonthlyCalendar-D9jC2b2L.js

@@ -1,116 +0,0 @@
-import { jsxs as y, jsx as e, Fragment as w } from "react/jsx-runtime";
-import { useMemo as x } from "react";
-const v = {
-  dayColor: "#222",
-  headerColor: "#555",
-  annotationColor: "inherit"
-}, D = {
-  dayColor: "#f0f0f0",
-  headerColor: "#a0a0b8",
-  annotationColor: "#d0d0e0"
-}, M = {
-  borderCollapse: "collapse",
-  border: "none",
-  width: "100%",
-  tableLayout: "fixed",
-  fontFamily: "sans-serif"
-}, m = {
-  border: "none",
-  verticalAlign: "top",
-  padding: 0,
-  position: "relative",
-  textAlign: "center"
-}, A = ({
-  year: i,
-  month: a,
-  annotations: d = [],
-  headers: c,
-  style: g = {},
-  darkMode: u = !1
-}) => {
-  const s = u ? D : v, C = x(() => {
-    const t = new Date(i, a, 0).getDate(), o = new Date(i, a - 1, 1).getDay(), l = Math.ceil((o + t) / 7) * 7, n = [];
-    let r = 1 - o;
-    for (let h = 0; h < l / 7; h++) {
-      const f = [];
-      for (let p = 0; p < 7; p++)
-        f.push(r >= 1 && r <= t ? r : null), r++;
-      n.push(f);
-    }
-    return n;
-  }, [i, a]), b = { ...M, ...g };
-  return /* @__PURE__ */ y("table", { style: b, children: [
-    c && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: c.map((t, o) => /* @__PURE__ */ e(
-      "th",
-      {
-        style: {
-          ...m,
-          fontWeight: 600,
-          fontSize: "0.85rem",
-          paddingBottom: 6,
-          color: s.headerColor
-        },
-        children: t
-      },
-      o
-    )) }) }),
-    /* @__PURE__ */ e("tbody", { children: C.map((t, o) => /* @__PURE__ */ e("tr", { children: t.map((l, n) => /* @__PURE__ */ e("td", { style: m, children: /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          width: "100%",
-          paddingBottom: "100%",
-          position: "relative"
-        },
-        children: /* @__PURE__ */ e(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              inset: 0,
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "center",
-              justifyContent: "flex-start",
-              paddingTop: 6,
-              gap: 4,
-              overflow: "hidden"
-            },
-            children: l !== null && /* @__PURE__ */ y(w, { children: [
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  style: {
-                    fontFamily: "sans-serif",
-                    fontSize: "0.95rem",
-                    fontWeight: 500,
-                    color: s.dayColor
-                  },
-                  children: l
-                }
-              ),
-              d[l - 1] != null && /* @__PURE__ */ e(
-                "div",
-                {
-                  style: {
-                    fontSize: "0.75rem",
-                    lineHeight: 1.2,
-                    overflow: "hidden",
-                    width: "100%",
-                    textAlign: "center",
-                    color: s.annotationColor
-                  },
-                  children: d[l - 1]
-                }
-              )
-            ] })
-          }
-        )
-      }
-    ) }, n)) }, o)) })
-  ] });
-};
-export {
-  A as M
-};
-//# sourceMappingURL=MonthlyCalendar-D9jC2b2L.js.map

package/dist/MonthlyCalendar-D9jC2b2L.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthlyCalendar-D9jC2b2L.js","sources":["../src/components/MonthlyCalendar/MonthlyCalendar.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode, useMemo } from 'react';\n\n/**\n * Props for the MonthlyCalendar component\n */\nexport interface MonthlyCalendarProps {\n  /** Full four-digit year (e.g. 2026) */\n  year: number;\n  /** Month to display, 1-based: 1 = January, 12 = December */\n  month: number;\n  /**\n   * Array of React nodes, one per day of the month.\n   * annotations[0] maps to Day 1, annotations[1] maps to Day 2, etc.\n   * Use null or undefined for days with no annotation.\n   */\n  annotations?: (ReactNode | null | undefined)[];\n  /**\n   * Array of exactly 7 strings for the weekday header labels.\n   * Omit to hide the header row entirely.\n   */\n  headers?: [string, string, string, string, string, string, string];\n  /**\n   * Inline styles merged onto the table element, overriding defaults via shallow spread.\n   */\n  style?: CSSProperties;\n  /**\n   * Enables the dark color theme for day numbers, headers, and annotation text.\n   * The component does not set its own background — wrap it in a dark container when enabled.\n   * @default false\n   */\n  darkMode?: boolean;\n}\n\n// ─── Theme definitions ───\n\nconst LIGHT_THEME = {\n  dayColor: '#222',\n  headerColor: '#555',\n  annotationColor: 'inherit'\n};\n\nconst DARK_THEME = {\n  dayColor: '#f0f0f0',\n  headerColor: '#a0a0b8',\n  annotationColor: '#d0d0e0'\n};\n\n// ─── Static style objects ───\n\nconst defaultTableStyle: CSSProperties = {\n  borderCollapse: 'collapse',\n  border: 'none',\n  width: '100%',\n  tableLayout: 'fixed',\n  fontFamily: 'sans-serif'\n};\n\nconst defaultCellStyle: CSSProperties = {\n  border: 'none',\n  verticalAlign: 'top',\n  padding: 0,\n  position: 'relative',\n  textAlign: 'center'\n};\n\n/**\n * MonthlyCalendar Component\n *\n * A zero-dependency monthly calendar grid rendered as a semantic HTML table.\n * Each day occupies a square cell with an optional annotation slot that accepts\n * any ReactNode (text, images, badges, icons, or entire sub-components).\n *\n * Features built-in light and dark themes, customizable headers, and\n * table-level style overrides. All styling is inline — no CSS files required.\n *\n * @component\n * @example\n * ```tsx\n * <MonthlyCalendar\n *   year={2026}\n *   month={2}\n *   headers={['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']}\n *   darkMode={false}\n * />\n * ```\n */\nconst MonthlyCalendar: React.FC<MonthlyCalendarProps> = ({\n  year,\n  month,\n  annotations = [],\n  headers,\n  style = {},\n  darkMode = false\n}) => {\n  const theme = darkMode ? DARK_THEME : LIGHT_THEME;\n\n  const weeks = useMemo(() => {\n    const daysInMonth = new Date(year, month, 0).getDate();\n    const startDay = new Date(year, month - 1, 1).getDay(); // 0=Sun\n    const totalCells = Math.ceil((startDay + daysInMonth) / 7) * 7;\n    const result: (number | null)[][] = [];\n    let currentDay = 1 - startDay;\n\n    for (let w = 0; w < totalCells / 7; w++) {\n      const week: (number | null)[] = [];\n      for (let d = 0; d < 7; d++) {\n        week.push(currentDay >= 1 && currentDay <= daysInMonth ? currentDay : null);\n        currentDay++;\n      }\n      result.push(week);\n    }\n    return result;\n  }, [year, month]);\n\n  const mergedTableStyle = { ...defaultTableStyle, ...style };\n\n  return (\n    <table style={mergedTableStyle}>\n      {headers && (\n        <thead>\n          <tr>\n            {headers.map((h, i) => (\n              <th\n                key={i}\n                style={{\n                  ...defaultCellStyle,\n                  fontWeight: 600,\n                  fontSize: '0.85rem',\n                  paddingBottom: 6,\n                  color: theme.headerColor\n                }}\n              >\n                {h}\n              </th>\n            ))}\n          </tr>\n        </thead>\n      )}\n      <tbody>\n        {weeks.map((week, wi) => (\n          <tr key={wi}>\n            {week.map((day, di) => (\n              <td key={di} style={defaultCellStyle}>\n                <div\n                  style={{\n                    width: '100%',\n                    paddingBottom: '100%',\n                    position: 'relative'\n                  }}\n                >\n                  <div\n                    style={{\n                      position: 'absolute',\n                      inset: 0,\n                      display: 'flex',\n                      flexDirection: 'column',\n                      alignItems: 'center',\n                      justifyContent: 'flex-start',\n                      paddingTop: 6,\n                      gap: 4,\n                      overflow: 'hidden'\n                    }}\n                  >\n                    {day !== null && (\n                      <>\n                        <span\n                          style={{\n                            fontFamily: 'sans-serif',\n                            fontSize: '0.95rem',\n                            fontWeight: 500,\n                            color: theme.dayColor\n                          }}\n                        >\n                          {day}\n                        </span>\n                        {annotations[day - 1] != null && (\n                          <div\n                            style={{\n                              fontSize: '0.75rem',\n                              lineHeight: 1.2,\n                              overflow: 'hidden',\n                              width: '100%',\n                              textAlign: 'center',\n                              color: theme.annotationColor\n                            }}\n                          >\n                            {annotations[day - 1]}\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                </div>\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nexport default MonthlyCalendar;\n"],"names":["LIGHT_THEME","DARK_THEME","defaultTableStyle","defaultCellStyle","MonthlyCalendar","year","month","annotations","headers","style","darkMode","theme","weeks","useMemo","daysInMonth","startDay","totalCells","result","currentDay","w","week","d","mergedTableStyle","jsxs","jsx","h","i","wi","day","di","Fragment"],"mappings":"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"}

package/dist/ThemeSwitch-C7k1_MA4.cjs

@@ -1,2 +0,0 @@
-"use strict";require('./ThemeSwitch.css');const e=require("react/jsx-runtime"),l="ThemeSwitch-module__sunCore___tUhud",m="ThemeSwitch-module__small___YlvWo",d="ThemeSwitch-module__medium___Q8Rro",r="ThemeSwitch-module__large___BMOxC",n="ThemeSwitch-module__sunspot1___8RI1V",u="ThemeSwitch-module__sunspot2___U0whF",i="ThemeSwitch-module__sunspot3___kWYEI",h="ThemeSwitch-module__sunRay___t1B4U",w="ThemeSwitch-module__rotateSun___JQByd",S="ThemeSwitch-module__switchContainer___VENjU",T="ThemeSwitch-module__dark___a4vSn",N="ThemeSwitch-module__background___Rpodp",x="ThemeSwitch-module__cloud___OoOyx",j="ThemeSwitch-module__light___ddTa2",v="ThemeSwitch-module__cloud1___aqGNx",g="ThemeSwitch-module__floatCloud1___MdWMj",$="ThemeSwitch-module__cloud2___guY71",C="ThemeSwitch-module__floatCloud2___2x6Sp",p="ThemeSwitch-module__cloud3___7-NhR",R="ThemeSwitch-module__floatCloud3___FJCbV",y="ThemeSwitch-module__star___Z98bU",k="ThemeSwitch-module__star1___rhotb",b="ThemeSwitch-module__star2___pzbNR",f="ThemeSwitch-module__star3___iK7lJ",I="ThemeSwitch-module__star4___t5pqN",F="ThemeSwitch-module__star5___dx42N",J="ThemeSwitch-module__star6___wur-I",K="ThemeSwitch-module__star7___KONgd",U="ThemeSwitch-module__star8___gIYpk",O="ThemeSwitch-module__twinkle___Abun5",V="ThemeSwitch-module__toggle___L5FGS",W="ThemeSwitch-module__sun___s8noI",Y="ThemeSwitch-module__moon___TNpFJ",q="ThemeSwitch-module__moonCore___svwjb",B="ThemeSwitch-module__crater1___swpHc",E="ThemeSwitch-module__crater2___WQVKR",Q="ThemeSwitch-module__crater3___F-KJu",G="ThemeSwitch-module__crater4___ZsIb7",s={sunCore:l,small:m,medium:d,large:r,sunspot1:n,sunspot2:u,sunspot3:i,sunRay:h,rotateSun:w,switchContainer:S,dark:T,background:N,cloud:x,light:j,cloud1:v,floatCloud1:g,cloud2:$,floatCloud2:C,cloud3:p,floatCloud3:R,star:y,star1:k,star2:b,star3:f,star4:I,star5:F,star6:J,star7:K,star8:U,twinkle:O,toggle:V,sun:W,moon:Y,moonCore:q,crater1:B,crater2:E,crater3:Q,crater4:G},Z=({enableDarkMode:t,setEnableDarkMode:a,size:c="large"})=>{const _=()=>{a(!t)};return e.jsxs("div",{className:`${s.switchContainer} ${s[c]} ${t?s.dark:s.light}`,onClick:_,role:"button",tabIndex:0,"aria-label":`Switch to ${t?"light":"dark"} mode`,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&_()},children:[e.jsxs("div",{className:s.background,children:[e.jsx("div",{className:`${s.cloud} ${s.cloud1}`}),e.jsx("div",{className:`${s.cloud} ${s.cloud2}`}),e.jsx("div",{className:`${s.cloud} ${s.cloud3}`}),e.jsx("div",{className:`${s.star} ${s.star1}`}),e.jsx("div",{className:`${s.star} ${s.star2}`}),e.jsx("div",{className:`${s.star} ${s.star3}`}),e.jsx("div",{className:`${s.star} ${s.star4}`}),e.jsx("div",{className:`${s.star} ${s.star5}`}),e.jsx("div",{className:`${s.star} ${s.star6}`}),e.jsx("div",{className:`${s.star} ${s.star7}`}),e.jsx("div",{className:`${s.star} ${s.star8}`})]}),e.jsxs("div",{className:s.toggle,children:[e.jsxs("div",{className:s.sun,children:[e.jsxs("div",{className:s.sunCore,children:[e.jsx("div",{className:s.sunspot1}),e.jsx("div",{className:s.sunspot2}),e.jsx("div",{className:s.sunspot3})]}),e.jsx("div",{className:s.sunRay}),e.jsx("div",{className:s.sunRay}),e.jsx("div",{className:s.sunRay}),e.jsx("div",{className:s.sunRay}),e.jsx("div",{className:s.sunRay}),e.jsx("div",{className:s.sunRay}),e.jsx("div",{className:s.sunRay}),e.jsx("div",{className:s.sunRay})]}),e.jsx("div",{className:s.moon,children:e.jsxs("div",{className:s.moonCore,children:[e.jsx("div",{className:s.crater1}),e.jsx("div",{className:s.crater2}),e.jsx("div",{className:s.crater3}),e.jsx("div",{className:s.crater4})]})})]})]})};exports.ThemeSwitch=Z;
-//# sourceMappingURL=ThemeSwitch-C7k1_MA4.cjs.map

package/dist/ThemeSwitch-C7k1_MA4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeSwitch-C7k1_MA4.cjs","sources":["../src/components/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './ThemeSwitch.module.css';\n\n/**\n * Props for the ThemeSwitch component\n */\nexport interface ThemeSwitchProps {\n  /** Whether dark mode is currently enabled */\n  enableDarkMode: boolean;\n  /** Callback function to update the dark mode state */\n  setEnableDarkMode: (value: boolean) => void;\n  /** Size variant of the switch. Defaults to 'large' */\n  size?: 'small' | 'medium' | 'large';\n}\n\n/**\n * ThemeSwitch Component\n *\n * An animated toggle switch for switching between light and dark themes.\n * Features sun/moon icons with animated clouds (light mode) and stars (dark mode).\n *\n * @component\n * @example\n * ```tsx\n * const [darkMode, setDarkMode] = useState(false);\n * <ThemeSwitch\n *   enableDarkMode={darkMode}\n *   setEnableDarkMode={setDarkMode}\n *   size=\"medium\"\n * />\n * ```\n */\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = ({\n  enableDarkMode,\n  setEnableDarkMode,\n  size = 'large'\n}) => {\n  const handleToggle = () => {\n    setEnableDarkMode(!enableDarkMode);\n  };\n\n  return (\n    <div\n      className={`${styles.switchContainer} ${styles[size]} ${\n        enableDarkMode ? styles.dark : styles.light\n      }`}\n      onClick={handleToggle}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Switch to ${enableDarkMode ? 'light' : 'dark'} mode`}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          handleToggle();\n        }\n      }}\n    >\n      {/* Background elements */}\n      <div className={styles.background}>\n        {/* Clouds for light mode */}\n        <div className={`${styles.cloud} ${styles.cloud1}`}></div>\n        <div className={`${styles.cloud} ${styles.cloud2}`}></div>\n        <div className={`${styles.cloud} ${styles.cloud3}`}></div>\n\n        {/* Stars for dark mode */}\n        <div className={`${styles.star} ${styles.star1}`}></div>\n        <div className={`${styles.star} ${styles.star2}`}></div>\n        <div className={`${styles.star} ${styles.star3}`}></div>\n        <div className={`${styles.star} ${styles.star4}`}></div>\n        <div className={`${styles.star} ${styles.star5}`}></div>\n        <div className={`${styles.star} ${styles.star6}`}></div>\n        <div className={`${styles.star} ${styles.star7}`}></div>\n        <div className={`${styles.star} ${styles.star8}`}></div>\n      </div>\n\n      {/* Toggle circle with sun/moon */}\n      <div className={styles.toggle}>\n        {/* Sun */}\n        <div className={styles.sun}>\n          <div className={styles.sunCore}>\n            <div className={styles.sunspot1}></div>\n            <div className={styles.sunspot2}></div>\n            <div className={styles.sunspot3}></div>\n          </div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n        </div>\n\n        {/* Moon */}\n        <div className={styles.moon}>\n          <div className={styles.moonCore}>\n            <div className={styles.crater1}></div>\n            <div className={styles.crater2}></div>\n            <div className={styles.crater3}></div>\n            <div className={styles.crater4}></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ThemeSwitch;\n"],"names":["ThemeSwitch","enableDarkMode","setEnableDarkMode","size","handleToggle","jsxs","styles","e","jsx"],"mappings":"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"}

package/dist/ThemeSwitch-DbaEio36.js

@@ -1,104 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import './ThemeSwitch.css';const m = "ThemeSwitch-module__sunCore___tUhud", d = "ThemeSwitch-module__small___YlvWo", r = "ThemeSwitch-module__medium___Q8Rro", n = "ThemeSwitch-module__large___BMOxC", u = "ThemeSwitch-module__sunspot1___8RI1V", i = "ThemeSwitch-module__sunspot2___U0whF", h = "ThemeSwitch-module__sunspot3___kWYEI", w = "ThemeSwitch-module__sunRay___t1B4U", S = "ThemeSwitch-module__rotateSun___JQByd", T = "ThemeSwitch-module__switchContainer___VENjU", N = "ThemeSwitch-module__dark___a4vSn", v = "ThemeSwitch-module__background___Rpodp", g = "ThemeSwitch-module__cloud___OoOyx", $ = "ThemeSwitch-module__light___ddTa2", C = "ThemeSwitch-module__cloud1___aqGNx", p = "ThemeSwitch-module__floatCloud1___MdWMj", y = "ThemeSwitch-module__cloud2___guY71", R = "ThemeSwitch-module__floatCloud2___2x6Sp", k = "ThemeSwitch-module__cloud3___7-NhR", b = "ThemeSwitch-module__floatCloud3___FJCbV", f = "ThemeSwitch-module__star___Z98bU", x = "ThemeSwitch-module__star1___rhotb", I = "ThemeSwitch-module__star2___pzbNR", j = "ThemeSwitch-module__star3___iK7lJ", F = "ThemeSwitch-module__star4___t5pqN", J = "ThemeSwitch-module__star5___dx42N", K = "ThemeSwitch-module__star6___wur-I", U = "ThemeSwitch-module__star7___KONgd", O = "ThemeSwitch-module__star8___gIYpk", V = "ThemeSwitch-module__twinkle___Abun5", W = "ThemeSwitch-module__toggle___L5FGS", Y = "ThemeSwitch-module__sun___s8noI", B = "ThemeSwitch-module__moon___TNpFJ", E = "ThemeSwitch-module__moonCore___svwjb", Q = "ThemeSwitch-module__crater1___swpHc", q = "ThemeSwitch-module__crater2___WQVKR", G = "ThemeSwitch-module__crater3___F-KJu", Z = "ThemeSwitch-module__crater4___ZsIb7", s = {
-  sunCore: m,
-  small: d,
-  medium: r,
-  large: n,
-  sunspot1: u,
-  sunspot2: i,
-  sunspot3: h,
-  sunRay: w,
-  rotateSun: S,
-  switchContainer: T,
-  dark: N,
-  background: v,
-  cloud: g,
-  light: $,
-  cloud1: C,
-  floatCloud1: p,
-  cloud2: y,
-  floatCloud2: R,
-  cloud3: k,
-  floatCloud3: b,
-  star: f,
-  star1: x,
-  star2: I,
-  star3: j,
-  star4: F,
-  star5: J,
-  star6: K,
-  star7: U,
-  star8: O,
-  twinkle: V,
-  toggle: W,
-  sun: Y,
-  moon: B,
-  moonCore: E,
-  crater1: Q,
-  crater2: q,
-  crater3: G,
-  crater4: Z
-}, A = ({
-  enableDarkMode: _,
-  setEnableDarkMode: c,
-  size: l = "large"
-}) => {
-  const o = () => {
-    c(!_);
-  };
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: `${s.switchContainer} ${s[l]} ${_ ? s.dark : s.light}`,
-      onClick: o,
-      role: "button",
-      tabIndex: 0,
-      "aria-label": `Switch to ${_ ? "light" : "dark"} mode`,
-      onKeyDown: (a) => {
-        (a.key === "Enter" || a.key === " ") && o();
-      },
-      children: [
-        /* @__PURE__ */ t("div", { className: s.background, children: [
-          /* @__PURE__ */ e("div", { className: `${s.cloud} ${s.cloud1}` }),
-          /* @__PURE__ */ e("div", { className: `${s.cloud} ${s.cloud2}` }),
-          /* @__PURE__ */ e("div", { className: `${s.cloud} ${s.cloud3}` }),
-          /* @__PURE__ */ e("div", { className: `${s.star} ${s.star1}` }),
-          /* @__PURE__ */ e("div", { className: `${s.star} ${s.star2}` }),
-          /* @__PURE__ */ e("div", { className: `${s.star} ${s.star3}` }),
-          /* @__PURE__ */ e("div", { className: `${s.star} ${s.star4}` }),
-          /* @__PURE__ */ e("div", { className: `${s.star} ${s.star5}` }),
-          /* @__PURE__ */ e("div", { className: `${s.star} ${s.star6}` }),
-          /* @__PURE__ */ e("div", { className: `${s.star} ${s.star7}` }),
-          /* @__PURE__ */ e("div", { className: `${s.star} ${s.star8}` })
-        ] }),
-        /* @__PURE__ */ t("div", { className: s.toggle, children: [
-          /* @__PURE__ */ t("div", { className: s.sun, children: [
-            /* @__PURE__ */ t("div", { className: s.sunCore, children: [
-              /* @__PURE__ */ e("div", { className: s.sunspot1 }),
-              /* @__PURE__ */ e("div", { className: s.sunspot2 }),
-              /* @__PURE__ */ e("div", { className: s.sunspot3 })
-            ] }),
-            /* @__PURE__ */ e("div", { className: s.sunRay }),
-            /* @__PURE__ */ e("div", { className: s.sunRay }),
-            /* @__PURE__ */ e("div", { className: s.sunRay }),
-            /* @__PURE__ */ e("div", { className: s.sunRay }),
-            /* @__PURE__ */ e("div", { className: s.sunRay }),
-            /* @__PURE__ */ e("div", { className: s.sunRay }),
-            /* @__PURE__ */ e("div", { className: s.sunRay }),
-            /* @__PURE__ */ e("div", { className: s.sunRay })
-          ] }),
-          /* @__PURE__ */ e("div", { className: s.moon, children: /* @__PURE__ */ t("div", { className: s.moonCore, children: [
-            /* @__PURE__ */ e("div", { className: s.crater1 }),
-            /* @__PURE__ */ e("div", { className: s.crater2 }),
-            /* @__PURE__ */ e("div", { className: s.crater3 }),
-            /* @__PURE__ */ e("div", { className: s.crater4 })
-          ] }) })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  A as T
-};
-//# sourceMappingURL=ThemeSwitch-DbaEio36.js.map

package/dist/ThemeSwitch-DbaEio36.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeSwitch-DbaEio36.js","sources":["../src/components/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './ThemeSwitch.module.css';\n\n/**\n * Props for the ThemeSwitch component\n */\nexport interface ThemeSwitchProps {\n  /** Whether dark mode is currently enabled */\n  enableDarkMode: boolean;\n  /** Callback function to update the dark mode state */\n  setEnableDarkMode: (value: boolean) => void;\n  /** Size variant of the switch. Defaults to 'large' */\n  size?: 'small' | 'medium' | 'large';\n}\n\n/**\n * ThemeSwitch Component\n *\n * An animated toggle switch for switching between light and dark themes.\n * Features sun/moon icons with animated clouds (light mode) and stars (dark mode).\n *\n * @component\n * @example\n * ```tsx\n * const [darkMode, setDarkMode] = useState(false);\n * <ThemeSwitch\n *   enableDarkMode={darkMode}\n *   setEnableDarkMode={setDarkMode}\n *   size=\"medium\"\n * />\n * ```\n */\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = ({\n  enableDarkMode,\n  setEnableDarkMode,\n  size = 'large'\n}) => {\n  const handleToggle = () => {\n    setEnableDarkMode(!enableDarkMode);\n  };\n\n  return (\n    <div\n      className={`${styles.switchContainer} ${styles[size]} ${\n        enableDarkMode ? styles.dark : styles.light\n      }`}\n      onClick={handleToggle}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Switch to ${enableDarkMode ? 'light' : 'dark'} mode`}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          handleToggle();\n        }\n      }}\n    >\n      {/* Background elements */}\n      <div className={styles.background}>\n        {/* Clouds for light mode */}\n        <div className={`${styles.cloud} ${styles.cloud1}`}></div>\n        <div className={`${styles.cloud} ${styles.cloud2}`}></div>\n        <div className={`${styles.cloud} ${styles.cloud3}`}></div>\n\n        {/* Stars for dark mode */}\n        <div className={`${styles.star} ${styles.star1}`}></div>\n        <div className={`${styles.star} ${styles.star2}`}></div>\n        <div className={`${styles.star} ${styles.star3}`}></div>\n        <div className={`${styles.star} ${styles.star4}`}></div>\n        <div className={`${styles.star} ${styles.star5}`}></div>\n        <div className={`${styles.star} ${styles.star6}`}></div>\n        <div className={`${styles.star} ${styles.star7}`}></div>\n        <div className={`${styles.star} ${styles.star8}`}></div>\n      </div>\n\n      {/* Toggle circle with sun/moon */}\n      <div className={styles.toggle}>\n        {/* Sun */}\n        <div className={styles.sun}>\n          <div className={styles.sunCore}>\n            <div className={styles.sunspot1}></div>\n            <div className={styles.sunspot2}></div>\n            <div className={styles.sunspot3}></div>\n          </div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n          <div className={styles.sunRay}></div>\n        </div>\n\n        {/* Moon */}\n        <div className={styles.moon}>\n          <div className={styles.moonCore}>\n            <div className={styles.crater1}></div>\n            <div className={styles.crater2}></div>\n            <div className={styles.crater3}></div>\n            <div className={styles.crater4}></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ThemeSwitch;\n"],"names":["ThemeSwitch","enableDarkMode","setEnableDarkMode","size","handleToggle","jsxs","styles","e","jsx"],"mappings":"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"}

package/dist/index.cjs.map

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

package/dist/index.js.map

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

package/dist/markdown-render.cjs.map

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

package/dist/markdown-render.js.map

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

package/dist/monthly-calendar.cjs.map

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

package/dist/monthly-calendar.js.map

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

package/dist/theme-switch.cjs.map

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

package/dist/theme-switch.js.map

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