@blueshift-gg/ui-components 0.1.49 → 0.1.51

package/dist/Difficulty.mjs

@@ -1,140 +1,174 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { motion, anticipate } from 'motion/react';
+"use client";
 
+import { anticipate, motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Difficulty.tsx
 const difficultyColorClasses = {
-  1: "[color:#00C7E6]",
-  // Beginner - cyan
-  2: "[color:#00E66B]",
-  // Intermediate - green
-  3: "[color:#E6D700]",
-  // Advanced - yellow
-  4: "[color:#FF285A]"
-  // Expert - red
+	1: "[color:#00C7E6]",
+	2: "[color:#00E66B]",
+	3: "[color:#E6D700]",
+	4: "[color:#FF285A]"
 };
-const Difficulty = ({
-  className,
-  size = 18,
-  difficulties = []
-}) => {
-  const getSlotConfig = () => {
-    if (difficulties.length === 0) {
-      return {
-        slot1: { colorClass: "text-shade-secondary", opacity: 0.4 },
-        slot2: { colorClass: "text-shade-secondary", opacity: 0.4 },
-        slot3: { colorClass: "text-shade-secondary", opacity: 0.4 },
-        slot4: { colorClass: "text-shade-secondary", opacity: 0.4 },
-        center: { colorClass: "text-shade-secondary", opacity: 0.4 }
-      };
-    }
-    if (difficulties.length === 1) {
-      const difficulty = difficulties[0];
-      const colorClass = difficultyColorClasses[difficulty];
-      return {
-        slot1: { colorClass, opacity: 1 },
-        slot2: { colorClass, opacity: difficulty > 1 ? 1 : 0.4 },
-        slot3: { colorClass, opacity: difficulty > 2 ? 1 : 0.4 },
-        slot4: { colorClass, opacity: difficulty > 3 ? 1 : 0.4 },
-        center: { colorClass, opacity: [0.4, 1, 0.4] }
-      };
-    }
-    const slotColorClasses = [
-      "text-shade-secondary/40",
-      "text-shade-secondary/40",
-      "text-shade-secondary/40",
-      "text-shade-secondary/40"
-    ];
-    difficulties.forEach((diff) => {
-      slotColorClasses[diff - 1] = difficultyColorClasses[diff];
-    });
-    return {
-      slot1: { colorClass: slotColorClasses[0], opacity: 1 },
-      // Slot 4 position
-      slot2: { colorClass: slotColorClasses[1], opacity: 1 },
-      // Slot 2 position
-      slot3: { colorClass: slotColorClasses[2], opacity: 1 },
-      // Slot 3 position
-      slot4: { colorClass: slotColorClasses[3], opacity: 1 },
-      // Slot 1 position
-      center: { colorClass: "text-shade-secondary", opacity: 0.4 }
-    };
-  };
-  const config = getSlotConfig();
-  return /* @__PURE__ */ jsxs(
-    motion.svg,
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 18 18",
-      className,
-      fill: "none",
-      children: [
-        /* @__PURE__ */ jsx(
-          motion.path,
-          {
-            initial: { opacity: 0.4 },
-            animate: { opacity: config.slot1.opacity },
-            transition: { duration: 0.05, delay: 0.05, ease: anticipate },
-            d: "M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z",
-            fill: "currentColor",
-            className: config.slot1.colorClass
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          motion.path,
-          {
-            initial: { opacity: 0.4 },
-            animate: { opacity: config.slot2.opacity },
-            transition: { duration: 0.05, delay: 0.1, ease: anticipate },
-            d: "M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z",
-            fill: "currentColor",
-            className: config.slot2.colorClass
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          motion.path,
-          {
-            initial: { opacity: 0.4 },
-            animate: { opacity: config.slot3.opacity },
-            transition: { duration: 0.05, delay: 0.15, ease: anticipate },
-            d: "M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z",
-            fill: "currentColor",
-            className: config.slot3.colorClass
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          motion.path,
-          {
-            initial: { opacity: 0.4 },
-            animate: { opacity: config.slot4.opacity },
-            transition: { duration: 0.05, delay: 0.2, ease: anticipate },
-            d: "M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z",
-            fill: "currentColor",
-            className: config.slot4.colorClass
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          motion.path,
-          {
-            initial: { opacity: 0.4 },
-            animate: {
-              opacity: config.center.opacity
-            },
-            transition: {
-              duration: 1,
-              repeat: difficulties.length === 1 ? Infinity : 0,
-              ease: "easeInOut"
-            },
-            d: "M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z",
-            fill: "currentColor",
-            className: config.center.colorClass
-          }
-        )
-      ]
-    }
-  );
+const Difficulty = ({ className, size = 18, difficulties = [] }) => {
+	const getSlotConfig = () => {
+		if (difficulties.length === 0) return {
+			slot1: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			},
+			slot2: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			},
+			slot3: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			},
+			slot4: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			},
+			center: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			}
+		};
+		if (difficulties.length === 1) {
+			const difficulty = difficulties[0];
+			const colorClass = difficultyColorClasses[difficulty];
+			return {
+				slot1: {
+					colorClass,
+					opacity: 1
+				},
+				slot2: {
+					colorClass,
+					opacity: difficulty > 1 ? 1 : .4
+				},
+				slot3: {
+					colorClass,
+					opacity: difficulty > 2 ? 1 : .4
+				},
+				slot4: {
+					colorClass,
+					opacity: difficulty > 3 ? 1 : .4
+				},
+				center: {
+					colorClass,
+					opacity: [
+						.4,
+						1,
+						.4
+					]
+				}
+			};
+		}
+		const slotColorClasses = [
+			"text-shade-secondary/40",
+			"text-shade-secondary/40",
+			"text-shade-secondary/40",
+			"text-shade-secondary/40"
+		];
+		difficulties.forEach((diff) => {
+			slotColorClasses[diff - 1] = difficultyColorClasses[diff];
+		});
+		return {
+			slot1: {
+				colorClass: slotColorClasses[0],
+				opacity: 1
+			},
+			slot2: {
+				colorClass: slotColorClasses[1],
+				opacity: 1
+			},
+			slot3: {
+				colorClass: slotColorClasses[2],
+				opacity: 1
+			},
+			slot4: {
+				colorClass: slotColorClasses[3],
+				opacity: 1
+			},
+			center: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			}
+		};
+	};
+	const config = getSlotConfig();
+	return /* @__PURE__ */ jsxs(motion.svg, {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size,
+		height: size,
+		viewBox: "0 0 18 18",
+		className,
+		fill: "none",
+		children: [
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.slot1.opacity },
+				transition: {
+					duration: .05,
+					delay: .05,
+					ease: anticipate
+				},
+				d: "M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z",
+				fill: "currentColor",
+				className: config.slot1.colorClass
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.slot2.opacity },
+				transition: {
+					duration: .05,
+					delay: .1,
+					ease: anticipate
+				},
+				d: "M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z",
+				fill: "currentColor",
+				className: config.slot2.colorClass
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.slot3.opacity },
+				transition: {
+					duration: .05,
+					delay: .15,
+					ease: anticipate
+				},
+				d: "M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z",
+				fill: "currentColor",
+				className: config.slot3.colorClass
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.slot4.opacity },
+				transition: {
+					duration: .05,
+					delay: .2,
+					ease: anticipate
+				},
+				d: "M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z",
+				fill: "currentColor",
+				className: config.slot4.colorClass
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.center.opacity },
+				transition: {
+					duration: 1,
+					repeat: difficulties.length === 1 ? Infinity : 0,
+					ease: "easeInOut"
+				},
+				d: "M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z",
+				fill: "currentColor",
+				className: config.center.colorClass
+			})
+		]
+	});
 };
 
+//#endregion
 export { Difficulty };
-//# sourceMappingURL=Difficulty.mjs.map
 //# sourceMappingURL=Difficulty.mjs.map

package/dist/Difficulty.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Difficulty.tsx"],"names":[],"mappings":"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","file":"Difficulty.mjs","sourcesContent":["\"use client\";\n\nimport { type courseDifficulty } from \"./utils/colours\";\nimport { anticipate, motion } from \"motion/react\";\nimport { IconProps } from \"./Icon\";\n\nexport interface DifficultyProps extends Omit<IconProps, \"name\"> {\n  difficulties?: Array<keyof typeof courseDifficulty>;\n}\n\n// Map difficulty level to Tailwind color class\nconst difficultyColorClasses = {\n  1: \"[color:#00C7E6]\", // Beginner - cyan\n  2: \"[color:#00E66B]\", // Intermediate - green\n  3: \"[color:#E6D700]\", // Advanced - yellow\n  4: \"[color:#FF285A]\", // Expert - red\n} as const;\n\nexport const Difficulty = ({\n  className,\n  size = 18,\n  difficulties = [],\n}: DifficultyProps) => {\n  // Determine colors for each slot based on the number of selected difficulties\n  const getSlotConfig = () => {\n    if (difficulties.length === 0) {\n      // No difficulties selected - all slots use text-shade-secondary\n      return {\n        slot1: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot2: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot3: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot4: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n      };\n    }\n\n    if (difficulties.length === 1) {\n      // Single difficulty - use existing behavior\n      const difficulty = difficulties[0];\n      const colorClass = difficultyColorClasses[difficulty];\n      return {\n        slot1: { colorClass, opacity: 1 },\n        slot2: { colorClass, opacity: difficulty > 1 ? 1 : 0.4 },\n        slot3: { colorClass, opacity: difficulty > 2 ? 1 : 0.4 },\n        slot4: { colorClass, opacity: difficulty > 3 ? 1 : 0.4 },\n        center: { colorClass, opacity: [0.4, 1, 0.4] },\n      };\n    }\n\n    // Multiple difficulties - each selected difficulty gets its slot colored\n    const slotColorClasses = [\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n    ];\n\n    difficulties.forEach((diff) => {\n      slotColorClasses[diff - 1] = difficultyColorClasses[diff];\n    });\n\n    return {\n      slot1: { colorClass: slotColorClasses[0], opacity: 1 }, // Slot 4 position\n      slot2: { colorClass: slotColorClasses[1], opacity: 1 }, // Slot 2 position\n      slot3: { colorClass: slotColorClasses[2], opacity: 1 }, // Slot 3 position\n      slot4: { colorClass: slotColorClasses[3], opacity: 1 }, // Slot 1 position\n      center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n    };\n  };\n\n  const config = getSlotConfig();\n\n  return (\n    <motion.svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      fill=\"none\"\n    >\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot1.opacity }}\n        transition={{ duration: 0.05, delay: 0.05, ease: anticipate }}\n        d=\"M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z\"\n        fill=\"currentColor\"\n        className={config.slot1.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot2.opacity }}\n        transition={{ duration: 0.05, delay: 0.1, ease: anticipate }}\n        d=\"M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z\"\n        fill=\"currentColor\"\n        className={config.slot2.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot3.opacity }}\n        transition={{ duration: 0.05, delay: 0.15, ease: anticipate }}\n        d=\"M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z\"\n        fill=\"currentColor\"\n        className={config.slot3.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot4.opacity }}\n        transition={{ duration: 0.05, delay: 0.2, ease: anticipate }}\n        d=\"M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z\"\n        fill=\"currentColor\"\n        className={config.slot4.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{\n          opacity: config.center.opacity,\n        }}\n        transition={{\n          duration: 1,\n          repeat: difficulties.length === 1 ? Infinity : 0,\n          ease: \"easeInOut\",\n        }}\n        d=\"M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z\"\n        fill=\"currentColor\"\n        className={config.center.colorClass}\n      />\n    </motion.svg>\n  );\n};\n\n"]}
+{"version":3,"file":"Difficulty.mjs","names":[],"sources":["../src/Difficulty.tsx"],"sourcesContent":["\"use client\";\n\nimport { type courseDifficulty } from \"./utils/colours\";\nimport { anticipate, motion } from \"motion/react\";\nimport { IconProps } from \"./Icon\";\n\nexport interface DifficultyProps extends Omit<IconProps, \"name\"> {\n  difficulties?: Array<keyof typeof courseDifficulty>;\n}\n\n// Map difficulty level to Tailwind color class\nconst difficultyColorClasses = {\n  1: \"[color:#00C7E6]\", // Beginner - cyan\n  2: \"[color:#00E66B]\", // Intermediate - green\n  3: \"[color:#E6D700]\", // Advanced - yellow\n  4: \"[color:#FF285A]\", // Expert - red\n} as const;\n\nexport const Difficulty = ({\n  className,\n  size = 18,\n  difficulties = [],\n}: DifficultyProps) => {\n  // Determine colors for each slot based on the number of selected difficulties\n  const getSlotConfig = () => {\n    if (difficulties.length === 0) {\n      // No difficulties selected - all slots use text-shade-secondary\n      return {\n        slot1: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot2: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot3: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot4: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n      };\n    }\n\n    if (difficulties.length === 1) {\n      // Single difficulty - use existing behavior\n      const difficulty = difficulties[0];\n      const colorClass = difficultyColorClasses[difficulty];\n      return {\n        slot1: { colorClass, opacity: 1 },\n        slot2: { colorClass, opacity: difficulty > 1 ? 1 : 0.4 },\n        slot3: { colorClass, opacity: difficulty > 2 ? 1 : 0.4 },\n        slot4: { colorClass, opacity: difficulty > 3 ? 1 : 0.4 },\n        center: { colorClass, opacity: [0.4, 1, 0.4] },\n      };\n    }\n\n    // Multiple difficulties - each selected difficulty gets its slot colored\n    const slotColorClasses = [\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n    ];\n\n    difficulties.forEach((diff) => {\n      slotColorClasses[diff - 1] = difficultyColorClasses[diff];\n    });\n\n    return {\n      slot1: { colorClass: slotColorClasses[0], opacity: 1 }, // Slot 4 position\n      slot2: { colorClass: slotColorClasses[1], opacity: 1 }, // Slot 2 position\n      slot3: { colorClass: slotColorClasses[2], opacity: 1 }, // Slot 3 position\n      slot4: { colorClass: slotColorClasses[3], opacity: 1 }, // Slot 1 position\n      center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n    };\n  };\n\n  const config = getSlotConfig();\n\n  return (\n    <motion.svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      fill=\"none\"\n    >\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot1.opacity }}\n        transition={{ duration: 0.05, delay: 0.05, ease: anticipate }}\n        d=\"M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z\"\n        fill=\"currentColor\"\n        className={config.slot1.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot2.opacity }}\n        transition={{ duration: 0.05, delay: 0.1, ease: anticipate }}\n        d=\"M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z\"\n        fill=\"currentColor\"\n        className={config.slot2.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot3.opacity }}\n        transition={{ duration: 0.05, delay: 0.15, ease: anticipate }}\n        d=\"M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z\"\n        fill=\"currentColor\"\n        className={config.slot3.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot4.opacity }}\n        transition={{ duration: 0.05, delay: 0.2, ease: anticipate }}\n        d=\"M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z\"\n        fill=\"currentColor\"\n        className={config.slot4.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{\n          opacity: config.center.opacity,\n        }}\n        transition={{\n          duration: 1,\n          repeat: difficulties.length === 1 ? Infinity : 0,\n          ease: \"easeInOut\",\n        }}\n        d=\"M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z\"\n        fill=\"currentColor\"\n        className={config.center.colorClass}\n      />\n    </motion.svg>\n  );\n};\n\n"],"mappings":";;;;;;AAWA,MAAM,yBAAyB;CAC7B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAED,MAAa,cAAc,EACzB,WACA,OAAO,IACP,eAAe,EAAE,OACI;CAErB,MAAM,sBAAsB;AAC1B,MAAI,aAAa,WAAW,EAE1B,QAAO;GACL,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,QAAQ;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC7D;AAGH,MAAI,aAAa,WAAW,GAAG;GAE7B,MAAM,aAAa,aAAa;GAChC,MAAM,aAAa,uBAAuB;AAC1C,UAAO;IACL,OAAO;KAAE;KAAY,SAAS;KAAG;IACjC,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,QAAQ;KAAE;KAAY,SAAS;MAAC;MAAK;MAAG;MAAI;KAAE;IAC/C;;EAIH,MAAM,mBAAmB;GACvB;GACA;GACA;GACA;GACD;AAED,eAAa,SAAS,SAAS;AAC7B,oBAAiB,OAAO,KAAK,uBAAuB;IACpD;AAEF,SAAO;GACL,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,QAAQ;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC7D;;CAGH,MAAM,SAAS,eAAe;AAE9B,QACE,qBAAC,OAAO;EACN,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACG;EACX,MAAK;;GAEL,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAM,MAAM;KAAY;IAC7D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAK,MAAM;KAAY;IAC5D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAM,MAAM;KAAY;IAC7D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAK,MAAM;KAAY;IAC5D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EACP,SAAS,OAAO,OAAO,SACxB;IACD,YAAY;KACV,UAAU;KACV,QAAQ,aAAa,WAAW,IAAI,WAAW;KAC/C,MAAM;KACP;IACD,GAAE;IACF,MAAK;IACL,WAAW,OAAO,OAAO;KACzB;;GACS"}

package/dist/Divider.cjs

@@ -0,0 +1,18 @@
+"use client";
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/Divider.tsx
+const Divider = ({ className, direction = "horizontal" }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)("flex", direction === "horizontal" && "flex-col w-full", direction === "vertical" && "flex-row h-full", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)("bg-background", direction === "horizontal" && "w-full h-px", direction === "vertical" && "h-full w-px") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)("bg-border-light", direction === "horizontal" && "w-full h-px", direction === "vertical" && "h-full w-px") })]
+	});
+};
+
+//#endregion
+exports.Divider = Divider;
+//# sourceMappingURL=Divider.cjs.map

package/dist/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","names":[],"sources":["../src/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\n\nexport type DividerProps = {\n  className?: string;\n  direction?: \"horizontal\" | \"vertical\";\n};\n\nexport const Divider = ({\n  className,\n  direction = \"horizontal\",\n}: DividerProps) => {\n  return (\n    <div\n      className={classNames(\n        \"flex\",\n        direction === \"horizontal\" && \"flex-col w-full\",\n        direction === \"vertical\" && \"flex-row h-full\",\n        className\n      )}\n    >\n      <div\n        className={classNames(\n          \"bg-background\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n      <div\n        className={classNames(\n          \"bg-border-light\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AASA,MAAa,WAAW,EACtB,WACA,YAAY,mBACM;AAClB,QACE,4CAAC;EACC,mCACE,QACA,cAAc,gBAAgB,mBAC9B,cAAc,cAAc,mBAC5B,UACD;aAED,2CAAC,SACC,mCACE,iBACA,cAAc,gBAAgB,eAC9B,cAAc,cAAc,cAC7B,GACD,EACF,2CAAC,SACC,mCACE,mBACA,cAAc,gBAAgB,eAC9B,cAAc,cAAc,cAC7B,GACD;GACE"}

package/dist/Divider.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime49 from "react/jsx-runtime";
+
+//#region src/Divider.d.ts
+type DividerProps = {
+  className?: string;
+  direction?: "horizontal" | "vertical";
+};
+declare const Divider: ({
+  className,
+  direction
+}: DividerProps) => react_jsx_runtime49.JSX.Element;
+//#endregion
+export { Divider, DividerProps };
+//# sourceMappingURL=Divider.d.cts.map

package/dist/Divider.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.cts","names":[],"sources":["../src/Divider.tsx"],"sourcesContent":[],"mappings":";;;KAIY,YAAA;;;AAAZ,CAAA;AAKa,cAAA,OA6BZ,EAAA,CAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EA1BE,YA0BF,EAAA,GA1Bc,mBAAA,CAAA,GAAA,CAAA,OA0Bd"}

package/dist/Divider.d.mts

@@ -1,9 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
+//#region src/Divider.d.ts
 type DividerProps = {
-    className?: string;
-    direction?: "horizontal" | "vertical";
+  className?: string;
+  direction?: "horizontal" | "vertical";
 };
-declare const Divider: ({ className, direction, }: DividerProps) => react_jsx_runtime.JSX.Element;
-
-export { Divider, type DividerProps };
+declare const Divider: ({
+  className,
+  direction
+}: DividerProps) => react_jsx_runtime12.JSX.Element;
+//#endregion
+export { Divider, DividerProps };
+//# sourceMappingURL=Divider.d.mts.map

package/dist/Divider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.mts","names":[],"sources":["../src/Divider.tsx"],"sourcesContent":[],"mappings":";;;KAIY,YAAA;;;AAAZ,CAAA;AAKa,cAAA,OA6BZ,EAAA,CAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EA1BE,YA0BF,EAAA,GA1Bc,mBAAA,CAAA,GAAA,CAAA,OA0Bd"}

package/dist/Divider.mjs

@@ -1,45 +1,16 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
+"use client";
 
-const Divider = ({
-  className,
-  direction = "horizontal"
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames(
-        "flex",
-        direction === "horizontal" && "flex-col w-full",
-        direction === "vertical" && "flex-row h-full",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classNames(
-              "bg-background",
-              direction === "horizontal" && "w-full h-px",
-              direction === "vertical" && "h-full w-px"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classNames(
-              "bg-border-light",
-              direction === "horizontal" && "w-full h-px",
-              direction === "vertical" && "h-full w-px"
-            )
-          }
-        )
-      ]
-    }
-  );
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Divider.tsx
+const Divider = ({ className, direction = "horizontal" }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames("flex", direction === "horizontal" && "flex-col w-full", direction === "vertical" && "flex-row h-full", className),
+		children: [/* @__PURE__ */ jsx("div", { className: classNames("bg-background", direction === "horizontal" && "w-full h-px", direction === "vertical" && "h-full w-px") }), /* @__PURE__ */ jsx("div", { className: classNames("bg-border-light", direction === "horizontal" && "w-full h-px", direction === "vertical" && "h-full w-px") })]
+	});
 };
 
+//#endregion
 export { Divider };
-//# sourceMappingURL=Divider.mjs.map
 //# sourceMappingURL=Divider.mjs.map

package/dist/Divider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Divider.tsx"],"names":[],"mappings":";;;AASO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAoB;AAClB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,MAAA;AAAA,QACA,cAAc,YAAA,IAAgB,iBAAA;AAAA,QAC9B,cAAc,UAAA,IAAc,iBAAA;AAAA,QAC5B;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT,eAAA;AAAA,cACA,cAAc,YAAA,IAAgB,aAAA;AAAA,cAC9B,cAAc,UAAA,IAAc;AAAA;AAC9B;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT,iBAAA;AAAA,cACA,cAAc,YAAA,IAAgB,aAAA;AAAA,cAC9B,cAAc,UAAA,IAAc;AAAA;AAC9B;AAAA;AACF;AAAA;AAAA,GACF;AAEJ","file":"Divider.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\n\nexport type DividerProps = {\n  className?: string;\n  direction?: \"horizontal\" | \"vertical\";\n};\n\nexport const Divider = ({\n  className,\n  direction = \"horizontal\",\n}: DividerProps) => {\n  return (\n    <div\n      className={classNames(\n        \"flex\",\n        direction === \"horizontal\" && \"flex-col w-full\",\n        direction === \"vertical\" && \"flex-row h-full\",\n        className\n      )}\n    >\n      <div\n        className={classNames(\n          \"bg-background\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n      <div\n        className={classNames(\n          \"bg-border-light\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"Divider.mjs","names":[],"sources":["../src/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\n\nexport type DividerProps = {\n  className?: string;\n  direction?: \"horizontal\" | \"vertical\";\n};\n\nexport const Divider = ({\n  className,\n  direction = \"horizontal\",\n}: DividerProps) => {\n  return (\n    <div\n      className={classNames(\n        \"flex\",\n        direction === \"horizontal\" && \"flex-col w-full\",\n        direction === \"vertical\" && \"flex-row h-full\",\n        className\n      )}\n    >\n      <div\n        className={classNames(\n          \"bg-background\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n      <div\n        className={classNames(\n          \"bg-border-light\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AASA,MAAa,WAAW,EACtB,WACA,YAAY,mBACM;AAClB,QACE,qBAAC;EACC,WAAW,WACT,QACA,cAAc,gBAAgB,mBAC9B,cAAc,cAAc,mBAC5B,UACD;aAED,oBAAC,SACC,WAAW,WACT,iBACA,cAAc,gBAAgB,eAC9B,cAAc,cAAc,cAC7B,GACD,EACF,oBAAC,SACC,WAAW,WACT,mBACA,cAAc,gBAAgB,eAC9B,cAAc,cAAc,cAC7B,GACD;GACE"}