@aristobyte-ui/presets 1.0.68 → 1.0.72

package/dist/index.js

@@ -1,5 +1,4 @@
 "use client";
-import "./index.css";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -106,1120 +105,460 @@ module.exports = __toCommonJS(index_exports);
 
 // components/ActionButtons/index.tsx
 var React = __toESM(require("react"));
-
-// components/ActionButtons/ActionButtons.module.scss
-var ActionButtons_module_default = {};
-
-// components/ActionButtons/index.tsx
 var import_react = require("react");
 var ActionButtons = ({ ...props }) => {
   const uniqId = React.useId();
-  return /* @__PURE__ */ (0, import_react.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `action-buttons ${ActionButtons_module_default["action-buttons"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react.createElement)("div", { ...props, key: uniqId, className: "action-buttons" });
 };
 
 // components/ActivityFeed/index.tsx
 var React2 = __toESM(require("react"));
-
-// components/ActivityFeed/ActivityFeed.module.scss
-var ActivityFeed_module_default = {};
-
-// components/ActivityFeed/index.tsx
 var import_react2 = require("react");
 var ActivityFeed = ({ ...props }) => {
   const uniqId = React2.useId();
-  return /* @__PURE__ */ (0, import_react2.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `activity-feed ${ActivityFeed_module_default["activity-feed"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react2.createElement)("div", { ...props, key: uniqId, className: "activity-feed" });
 };
 
 // components/AIAssistant/index.tsx
 var React3 = __toESM(require("react"));
-
-// components/AIAssistant/AIAssistant.module.scss
-var AIAssistant_module_default = {};
-
-// components/AIAssistant/index.tsx
 var import_react3 = require("react");
 var AIAssistant = ({ ...props }) => {
   const uniqId = React3.useId();
-  return /* @__PURE__ */ (0, import_react3.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `ai-assistant ${AIAssistant_module_default["ai-assistant"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react3.createElement)("div", { ...props, key: uniqId, className: "ai-assistant" });
 };
 
 // components/AnalyticsDashboard/index.tsx
 var React4 = __toESM(require("react"));
-
-// components/AnalyticsDashboard/AnalyticsDashboard.module.scss
-var AnalyticsDashboard_module_default = {};
-
-// components/AnalyticsDashboard/index.tsx
 var import_react4 = require("react");
 var AnalyticsDashboard = ({
   ...props
 }) => {
   const uniqId = React4.useId();
-  return /* @__PURE__ */ (0, import_react4.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `analytics-dashboard ${AnalyticsDashboard_module_default["analytics-dashboard"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react4.createElement)("div", { ...props, key: uniqId, className: "analytics-dashboard" });
 };
 
 // components/BudgetTracker/index.tsx
 var React5 = __toESM(require("react"));
-
-// components/BudgetTracker/BudgetTracker.module.scss
-var BudgetTracker_module_default = {};
-
-// components/BudgetTracker/index.tsx
 var import_react5 = require("react");
 var BudgetTracker = ({ ...props }) => {
   const uniqId = React5.useId();
-  return /* @__PURE__ */ (0, import_react5.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `budget-tracker ${BudgetTracker_module_default["budget-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react5.createElement)("div", { ...props, key: uniqId, className: "budget-tracker" });
 };
 
 // components/CalendarWidget/index.tsx
 var React6 = __toESM(require("react"));
-
-// components/CalendarWidget/CalendarWidget.module.scss
-var CalendarWidget_module_default = {};
-
-// components/CalendarWidget/index.tsx
 var import_react6 = require("react");
 var CalendarWidget = ({ ...props }) => {
   const uniqId = React6.useId();
-  return /* @__PURE__ */ (0, import_react6.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `calendar-widget ${CalendarWidget_module_default["calendar-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react6.createElement)("div", { ...props, key: uniqId, className: "calendar-widget" });
 };
 
 // components/ChatMessages/index.tsx
 var React7 = __toESM(require("react"));
-
-// components/ChatMessages/ChatMessages.module.scss
-var ChatMessages_module_default = {};
-
-// components/ChatMessages/index.tsx
 var import_react7 = require("react");
 var ChatMessages = ({ ...props }) => {
   const uniqId = React7.useId();
-  return /* @__PURE__ */ (0, import_react7.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `chat-messages ${ChatMessages_module_default["chat-messages"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react7.createElement)("div", { ...props, key: uniqId, className: "chat-messages" });
 };
 
 // components/CloudStorage/index.tsx
 var React8 = __toESM(require("react"));
-
-// components/CloudStorage/CloudStorage.module.scss
-var CloudStorage_module_default = {};
-
-// components/CloudStorage/index.tsx
 var import_react8 = require("react");
 var CloudStorage = ({ ...props }) => {
   const uniqId = React8.useId();
-  return /* @__PURE__ */ (0, import_react8.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `cloud-storage ${CloudStorage_module_default["cloud-storage"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react8.createElement)("div", { ...props, key: uniqId, className: "cloud-storage" });
 };
 
 // components/CodeEditor/index.tsx
 var React9 = __toESM(require("react"));
-
-// components/CodeEditor/CodeEditor.module.scss
-var CodeEditor_module_default = {};
-
-// components/CodeEditor/index.tsx
 var import_react9 = require("react");
 var CodeEditor = ({ ...props }) => {
   const uniqId = React9.useId();
-  return /* @__PURE__ */ (0, import_react9.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `code-editor ${CodeEditor_module_default["code-editor"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react9.createElement)("div", { ...props, key: uniqId, className: "code-editor" });
 };
 
 // components/CodeStats/index.tsx
 var React10 = __toESM(require("react"));
-
-// components/CodeStats/CodeStats.module.scss
-var CodeStats_module_default = {};
-
-// components/CodeStats/index.tsx
 var import_react10 = require("react");
 var CodeStats = ({ ...props }) => {
   const uniqId = React10.useId();
-  return /* @__PURE__ */ (0, import_react10.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `code-stats ${CodeStats_module_default["code-stats"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react10.createElement)("div", { ...props, key: uniqId, className: "code-stats" });
 };
 
 // components/ColorPaletteWidget/index.tsx
 var React11 = __toESM(require("react"));
-
-// components/ColorPaletteWidget/ColorPaletteWidget.module.scss
-var ColorPaletteWidget_module_default = {};
-
-// components/ColorPaletteWidget/index.tsx
 var import_react11 = require("react");
 var ColorPaletteWidget = ({
   ...props
 }) => {
   const uniqId = React11.useId();
-  return /* @__PURE__ */ (0, import_react11.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `color-palette-widget ${ColorPaletteWidget_module_default["color-palette-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react11.createElement)("div", { ...props, key: uniqId, className: "color-palette-widget" });
 };
 
 // components/ContactCard/index.tsx
 var React12 = __toESM(require("react"));
-
-// components/ContactCard/ContactCard.module.scss
-var ContactCard_module_default = {};
-
-// components/ContactCard/index.tsx
 var import_react12 = require("react");
 var ContactCard = ({ ...props }) => {
   const uniqId = React12.useId();
-  return /* @__PURE__ */ (0, import_react12.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `contact-card ${ContactCard_module_default["contact-card"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react12.createElement)("div", { ...props, key: uniqId, className: "contact-card" });
 };
 
 // components/CryptocurrencyWidget/index.tsx
 var React13 = __toESM(require("react"));
-
-// components/CryptocurrencyWidget/CryptocurrencyWidget.module.scss
-var CryptocurrencyWidget_module_default = {};
-
-// components/CryptocurrencyWidget/index.tsx
 var import_react13 = require("react");
 var CryptocurrencyWidget = ({
   ...props
 }) => {
   const uniqId = React13.useId();
-  return /* @__PURE__ */ (0, import_react13.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `cryptocurrency-widget ${CryptocurrencyWidget_module_default["cryptocurrency-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react13.createElement)("div", { ...props, key: uniqId, className: "cryptocurrency-widget" });
 };
 
 // components/DatabaseWidget/index.tsx
 var React14 = __toESM(require("react"));
-
-// components/DatabaseWidget/DatabaseWidget.module.scss
-var DatabaseWidget_module_default = {};
-
-// components/DatabaseWidget/index.tsx
 var import_react14 = require("react");
 var DatabaseWidget = ({ ...props }) => {
   const uniqId = React14.useId();
-  return /* @__PURE__ */ (0, import_react14.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `database-widget ${DatabaseWidget_module_default["database-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react14.createElement)("div", { ...props, key: uniqId, className: "database-widget" });
 };
 
 // components/DesignSystem/index.tsx
 var React15 = __toESM(require("react"));
-
-// components/DesignSystem/DesignSystem.module.scss
-var DesignSystem_module_default = {};
-
-// components/DesignSystem/index.tsx
 var import_react15 = require("react");
 var DesignSystem = ({ ...props }) => {
   const uniqId = React15.useId();
-  return /* @__PURE__ */ (0, import_react15.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `design-system ${DesignSystem_module_default["design-system"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react15.createElement)("div", { ...props, key: uniqId, className: "design-system" });
 };
 
 // components/DeviceStatus/index.tsx
 var React16 = __toESM(require("react"));
-
-// components/DeviceStatus/DeviceStatus.module.scss
-var DeviceStatus_module_default = {};
-
-// components/DeviceStatus/index.tsx
 var import_react16 = require("react");
 var DeviceStatus = ({ ...props }) => {
   const uniqId = React16.useId();
-  return /* @__PURE__ */ (0, import_react16.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `device-status ${DeviceStatus_module_default["device-status"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react16.createElement)("div", { ...props, key: uniqId, className: "device-status" });
 };
 
 // components/DocumentScanner/index.tsx
 var React17 = __toESM(require("react"));
-
-// components/DocumentScanner/DocumentScanner.module.scss
-var DocumentScanner_module_default = {};
-
-// components/DocumentScanner/index.tsx
 var import_react17 = require("react");
 var DocumentScanner = ({ ...props }) => {
   const uniqId = React17.useId();
-  return /* @__PURE__ */ (0, import_react17.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `document-scanner ${DocumentScanner_module_default["document-scanner"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react17.createElement)("div", { ...props, key: uniqId, className: "document-scanner" });
 };
 
 // components/EmailDashboard/index.tsx
 var React18 = __toESM(require("react"));
-
-// components/EmailDashboard/EmailDashboard.module.scss
-var EmailDashboard_module_default = {};
-
-// components/EmailDashboard/index.tsx
 var import_react18 = require("react");
 var EmailDashboard = ({ ...props }) => {
   const uniqId = React18.useId();
-  return /* @__PURE__ */ (0, import_react18.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `email-dashboard ${EmailDashboard_module_default["email-dashboard"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react18.createElement)("div", { ...props, key: uniqId, className: "email-dashboard" });
 };
 
 // components/EnergyMeter/index.tsx
 var React19 = __toESM(require("react"));
-
-// components/EnergyMeter/EnergyMeter.module.scss
-var EnergyMeter_module_default = {};
-
-// components/EnergyMeter/index.tsx
 var import_react19 = require("react");
 var EnergyMeter = ({ ...props }) => {
   const uniqId = React19.useId();
-  return /* @__PURE__ */ (0, import_react19.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `energy-meter ${EnergyMeter_module_default["energy-meter"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react19.createElement)("div", { ...props, key: uniqId, className: "energy-meter" });
 };
 
 // components/FileManager/index.tsx
 var React20 = __toESM(require("react"));
-
-// components/FileManager/FileManager.module.scss
-var FileManager_module_default = {};
-
-// components/FileManager/index.tsx
 var import_react20 = require("react");
 var FileManager = ({ ...props }) => {
   const uniqId = React20.useId();
-  return /* @__PURE__ */ (0, import_react20.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `file-manager ${FileManager_module_default["file-manager"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react20.createElement)("div", { ...props, key: uniqId, className: "file-manager" });
 };
 
 // components/FileUploadArea/index.tsx
 var React21 = __toESM(require("react"));
-
-// components/FileUploadArea/FileUploadArea.module.scss
-var FileUploadArea_module_default = {};
-
-// components/FileUploadArea/index.tsx
 var import_react21 = require("react");
 var FileUploadArea = ({ ...props }) => {
   const uniqId = React21.useId();
-  return /* @__PURE__ */ (0, import_react21.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `file-upload-area ${FileUploadArea_module_default["file-upload-area"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react21.createElement)("div", { ...props, key: uniqId, className: "file-upload-area" });
 };
 
 // components/FitnessTracker/index.tsx
 var React22 = __toESM(require("react"));
-
-// components/FitnessTracker/FitnessTracker.module.scss
-var FitnessTracker_module_default = {};
-
-// components/FitnessTracker/index.tsx
 var import_react22 = require("react");
 var FitnessTracker = ({ ...props }) => {
   const uniqId = React22.useId();
-  return /* @__PURE__ */ (0, import_react22.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `fitness-tracker ${FitnessTracker_module_default["fitness-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react22.createElement)("div", { ...props, key: uniqId, className: "fitness-tracker" });
 };
 
 // components/GamingControllerWidget/index.tsx
 var React23 = __toESM(require("react"));
-
-// components/GamingControllerWidget/GamingControllerWidget.module.scss
-var GamingControllerWidget_module_default = {};
-
-// components/GamingControllerWidget/index.tsx
 var import_react23 = require("react");
 var GamingControllerWidget = ({
   ...props
 }) => {
   const uniqId = React23.useId();
-  return /* @__PURE__ */ (0, import_react23.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `gaming-controller-widget ${GamingControllerWidget_module_default["gaming-controller-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react23.createElement)("div", { ...props, key: uniqId, className: "gaming-controller-widget" });
 };
 
 // components/HabitTracker/index.tsx
 var React24 = __toESM(require("react"));
-
-// components/HabitTracker/HabitTracker.module.scss
-var HabitTracker_module_default = {};
-
-// components/HabitTracker/index.tsx
 var import_react24 = require("react");
 var HabitTracker = ({ ...props }) => {
   const uniqId = React24.useId();
-  return /* @__PURE__ */ (0, import_react24.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `habit-tracker ${HabitTracker_module_default["habit-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react24.createElement)("div", { ...props, key: uniqId, className: "habit-tracker" });
 };
 
 // components/HealthMonitor/index.tsx
 var React25 = __toESM(require("react"));
-
-// components/HealthMonitor/HealthMonitor.module.scss
-var HealthMonitor_module_default = {};
-
-// components/HealthMonitor/index.tsx
 var import_react25 = require("react");
 var HealthMonitor = ({ ...props }) => {
   const uniqId = React25.useId();
-  return /* @__PURE__ */ (0, import_react25.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `health-monitor ${HealthMonitor_module_default["health-monitor"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react25.createElement)("div", { ...props, key: uniqId, className: "health-monitor" });
 };
 
 // components/IdeaBulbWidget/index.tsx
 var React26 = __toESM(require("react"));
-
-// components/IdeaBulbWidget/IdeaBulbWidget.module.scss
-var IdeaBulbWidget_module_default = {};
-
-// components/IdeaBulbWidget/index.tsx
 var import_react26 = require("react");
 var IdeaBulbWidget = ({ ...props }) => {
   const uniqId = React26.useId();
-  return /* @__PURE__ */ (0, import_react26.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `idea-bulb-widget ${IdeaBulbWidget_module_default["idea-bulb-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react26.createElement)("div", { ...props, key: uniqId, className: "idea-bulb-widget" });
 };
 
 // components/InspirationWidget/index.tsx
 var React27 = __toESM(require("react"));
-
-// components/InspirationWidget/InspirationWidget.module.scss
-var InspirationWidget_module_default = {};
-
-// components/InspirationWidget/index.tsx
 var import_react27 = require("react");
 var InspirationWidget = ({
   ...props
 }) => {
   const uniqId = React27.useId();
-  return /* @__PURE__ */ (0, import_react27.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `inspiration-widget ${InspirationWidget_module_default["inspiration-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react27.createElement)("div", { ...props, key: uniqId, className: "inspiration-widget" });
 };
 
 // components/LanguageLearning/index.tsx
 var React28 = __toESM(require("react"));
-
-// components/LanguageLearning/LanguageLearning.module.scss
-var LanguageLearning_module_default = {};
-
-// components/LanguageLearning/index.tsx
 var import_react28 = require("react");
 var LanguageLearning = ({ ...props }) => {
   const uniqId = React28.useId();
-  return /* @__PURE__ */ (0, import_react28.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `language-learning ${LanguageLearning_module_default["language-learning"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react28.createElement)("div", { ...props, key: uniqId, className: "language-learning" });
 };
 
 // components/LayerStackWidget/index.tsx
 var React29 = __toESM(require("react"));
-
-// components/LayerStackWidget/LayerStackWidget.module.scss
-var LayerStackWidget_module_default = {};
-
-// components/LayerStackWidget/index.tsx
 var import_react29 = require("react");
 var LayerStackWidget = ({ ...props }) => {
   const uniqId = React29.useId();
-  return /* @__PURE__ */ (0, import_react29.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `layer-stack-widget ${LayerStackWidget_module_default["layer-stack-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react29.createElement)("div", { ...props, key: uniqId, className: "layer-stack-widget" });
 };
 
 // components/MediaControls/index.tsx
 var React30 = __toESM(require("react"));
-
-// components/MediaControls/MediaControls.module.scss
-var MediaControls_module_default = {};
-
-// components/MediaControls/index.tsx
 var import_react30 = require("react");
 var MediaControls = ({ ...props }) => {
   const uniqId = React30.useId();
-  return /* @__PURE__ */ (0, import_react30.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `media-controls ${MediaControls_module_default["media-controls"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react30.createElement)("div", { ...props, key: uniqId, className: "media-controls" });
 };
 
 // components/MiniMenu/index.tsx
 var React31 = __toESM(require("react"));
-
-// components/MiniMenu/MiniMenu.module.scss
-var MiniMenu_module_default = {};
-
-// components/MiniMenu/index.tsx
 var import_react31 = require("react");
 var MiniMenu = ({ ...props }) => {
   const uniqId = React31.useId();
-  return /* @__PURE__ */ (0, import_react31.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `mini-menu ${MiniMenu_module_default["mini-menu"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react31.createElement)("div", { ...props, key: uniqId, className: "mini-menu" });
 };
 
 // components/MouseTracker/index.tsx
 var React32 = __toESM(require("react"));
-
-// components/MouseTracker/MouseTracker.module.scss
-var MouseTracker_module_default = {};
-
-// components/MouseTracker/index.tsx
 var import_react32 = require("react");
 var MouseTracker = ({ ...props }) => {
   const uniqId = React32.useId();
-  return /* @__PURE__ */ (0, import_react32.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `mouse-tracker ${MouseTracker_module_default["mouse-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react32.createElement)("div", { ...props, key: uniqId, className: "mouse-tracker" });
 };
 
 // components/MusicPlayer/index.tsx
 var React33 = __toESM(require("react"));
-
-// components/MusicPlayer/MusicPlayer.module.scss
-var MusicPlayer_module_default = {};
-
-// components/MusicPlayer/index.tsx
 var import_react33 = require("react");
 var MusicPlayer = ({ ...props }) => {
   const uniqId = React33.useId();
-  return /* @__PURE__ */ (0, import_react33.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `music-player ${MusicPlayer_module_default["music-player"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react33.createElement)("div", { ...props, key: uniqId, className: "music-player" });
 };
 
 // components/MusicProduction/index.tsx
 var React34 = __toESM(require("react"));
-
-// components/MusicProduction/MusicProduction.module.scss
-var MusicProduction_module_default = {};
-
-// components/MusicProduction/index.tsx
 var import_react34 = require("react");
 var MusicProduction = ({ ...props }) => {
   const uniqId = React34.useId();
-  return /* @__PURE__ */ (0, import_react34.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `music-production ${MusicProduction_module_default["music-production"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react34.createElement)("div", { ...props, key: uniqId, className: "music-production" });
 };
 
 // components/NatureWidget/index.tsx
 var React35 = __toESM(require("react"));
-
-// components/NatureWidget/NatureWidget.module.scss
-var NatureWidget_module_default = {};
-
-// components/NatureWidget/index.tsx
 var import_react35 = require("react");
 var NatureWidget = ({ ...props }) => {
   const uniqId = React35.useId();
-  return /* @__PURE__ */ (0, import_react35.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `nature-widget ${NatureWidget_module_default["nature-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react35.createElement)("div", { ...props, key: uniqId, className: "nature-widget" });
 };
 
 // components/NavigationPills/index.tsx
 var React36 = __toESM(require("react"));
-
-// components/NavigationPills/NavigationPills.module.scss
-var NavigationPills_module_default = {};
-
-// components/NavigationPills/index.tsx
 var import_react36 = require("react");
 var NavigationPills = ({ ...props }) => {
   const uniqId = React36.useId();
-  return /* @__PURE__ */ (0, import_react36.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `navigation-pills ${NavigationPills_module_default["navigation-pills"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react36.createElement)("div", { ...props, key: uniqId, className: "navigation-pills" });
 };
 
 // components/NetworkStatus/index.tsx
 var React37 = __toESM(require("react"));
-
-// components/NetworkStatus/NetworkStatus.module.scss
-var NetworkStatus_module_default = {};
-
-// components/NetworkStatus/index.tsx
 var import_react37 = require("react");
 var NetworkStatus = ({ ...props }) => {
   const uniqId = React37.useId();
-  return /* @__PURE__ */ (0, import_react37.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `network-status ${NetworkStatus_module_default["network-status"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react37.createElement)("div", { ...props, key: uniqId, className: "network-status" });
 };
 
 // components/NotificationBadges/index.tsx
 var React38 = __toESM(require("react"));
-
-// components/NotificationBadges/NotificationBadges.module.scss
-var NotificationBadges_module_default = {};
-
-// components/NotificationBadges/index.tsx
 var import_react38 = require("react");
 var NotificationBadges = ({
   ...props
 }) => {
   const uniqId = React38.useId();
-  return /* @__PURE__ */ (0, import_react38.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `notification-badges ${NotificationBadges_module_default["notification-badges"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react38.createElement)("div", { ...props, key: uniqId, className: "notification-badges" });
 };
 
 // components/NotificationCards/index.tsx
 var React39 = __toESM(require("react"));
-
-// components/NotificationCards/NotificationCards.module.scss
-var NotificationCards_module_default = {};
-
-// components/NotificationCards/index.tsx
 var import_react39 = require("react");
 var NotificationCards = ({
   ...props
 }) => {
   const uniqId = React39.useId();
-  return /* @__PURE__ */ (0, import_react39.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `notification-cards ${NotificationCards_module_default["notification-cards"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react39.createElement)("div", { ...props, key: uniqId, className: "notification-cards" });
 };
 
 // components/OfficeBuildingWidget/index.tsx
 var React40 = __toESM(require("react"));
-
-// components/OfficeBuildingWidget/OfficeBuildingWidget.module.scss
-var OfficeBuildingWidget_module_default = {};
-
-// components/OfficeBuildingWidget/index.tsx
 var import_react40 = require("react");
 var OfficeBuildingWidget = ({
   ...props
 }) => {
   const uniqId = React40.useId();
-  return /* @__PURE__ */ (0, import_react40.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `office-building-widget ${OfficeBuildingWidget_module_default["office-building-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react40.createElement)("div", { ...props, key: uniqId, className: "office-building-widget" });
 };
 
 // components/PasswordManager/index.tsx
 var React41 = __toESM(require("react"));
-
-// components/PasswordManager/PasswordManager.module.scss
-var PasswordManager_module_default = {};
-
-// components/PasswordManager/index.tsx
 var import_react41 = require("react");
 var PasswordManager = ({ ...props }) => {
   const uniqId = React41.useId();
-  return /* @__PURE__ */ (0, import_react41.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `password-manager ${PasswordManager_module_default["password-manager"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react41.createElement)("div", { ...props, key: uniqId, className: "password-manager" });
 };
 
 // components/PhotoEditor/index.tsx
 var React42 = __toESM(require("react"));
-
-// components/PhotoEditor/PhotoEditor.module.scss
-var PhotoEditor_module_default = {};
-
-// components/PhotoEditor/index.tsx
 var import_react42 = require("react");
 var PhotoEditor = ({ ...props }) => {
   const uniqId = React42.useId();
-  return /* @__PURE__ */ (0, import_react42.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `photo-editor ${PhotoEditor_module_default["photo-editor"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react42.createElement)("div", { ...props, key: uniqId, className: "photo-editor" });
 };
 
 // components/PomodoroTimer/index.tsx
 var React43 = __toESM(require("react"));
-
-// components/PomodoroTimer/PomodoroTimer.module.scss
-var PomodoroTimer_module_default = {};
-
-// components/PomodoroTimer/index.tsx
 var import_react43 = require("react");
 var PomodoroTimer = ({ ...props }) => {
   const uniqId = React43.useId();
-  return /* @__PURE__ */ (0, import_react43.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `pomodoro-timer ${PomodoroTimer_module_default["pomodoro-timer"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react43.createElement)("div", { ...props, key: uniqId, className: "pomodoro-timer" });
 };
 
 // components/PricingCard/index.tsx
 var React44 = __toESM(require("react"));
-
-// components/PricingCard/PricingCard.module.scss
-var PricingCard_module_default = {};
-
-// components/PricingCard/index.tsx
 var import_react44 = require("react");
 var PricingCard = ({ ...props }) => {
   const uniqId = React44.useId();
-  return /* @__PURE__ */ (0, import_react44.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `pricing-card ${PricingCard_module_default["pricing-card"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react44.createElement)("div", { ...props, key: uniqId, className: "pricing-card" });
 };
 
 // components/ProfileBadge/index.tsx
 var React45 = __toESM(require("react"));
-
-// components/ProfileBadge/ProfileBadge.module.scss
-var ProfileBadge_module_default = {};
-
-// components/ProfileBadge/index.tsx
 var import_react45 = require("react");
 var ProfileBadge = ({ ...props }) => {
   const uniqId = React45.useId();
-  return /* @__PURE__ */ (0, import_react45.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `profile-badge ${ProfileBadge_module_default["profile-badge"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react45.createElement)("div", { ...props, key: uniqId, className: "profile-badge" });
 };
 
 // components/ProgressTracker/index.tsx
 var React46 = __toESM(require("react"));
-
-// components/ProgressTracker/ProgressTracker.module.scss
-var ProgressTracker_module_default = {};
-
-// components/ProgressTracker/index.tsx
 var import_react46 = require("react");
 var ProgressTracker = ({ ...props }) => {
   const uniqId = React46.useId();
-  return /* @__PURE__ */ (0, import_react46.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `progress-tracker ${ProgressTracker_module_default["progress-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react46.createElement)("div", { ...props, key: uniqId, className: "progress-tracker" });
 };
 
 // components/QuickActions/index.tsx
 var React47 = __toESM(require("react"));
-
-// components/QuickActions/QuickActions.module.scss
-var QuickActions_module_default = {};
-
-// components/QuickActions/index.tsx
 var import_react47 = require("react");
 var QuickActions = ({ ...props }) => {
   const uniqId = React47.useId();
-  return /* @__PURE__ */ (0, import_react47.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `quick-actions ${QuickActions_module_default["quick-actions"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react47.createElement)("div", { ...props, key: uniqId, className: "quick-actions" });
 };
 
 // components/QuickStats/index.tsx
 var React48 = __toESM(require("react"));
-
-// components/QuickStats/QuickStats.module.scss
-var QuickStats_module_default = {};
-
-// components/QuickStats/index.tsx
 var import_react48 = require("react");
 var QuickStats = ({ ...props }) => {
   const uniqId = React48.useId();
-  return /* @__PURE__ */ (0, import_react48.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `quick-stats ${QuickStats_module_default["quick-stats"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react48.createElement)("div", { ...props, key: uniqId, className: "quick-stats" });
 };
 
 // components/ReadingProgress/index.tsx
 var React49 = __toESM(require("react"));
-
-// components/ReadingProgress/ReadingProgress.module.scss
-var ReadingProgress_module_default = {};
-
-// components/ReadingProgress/index.tsx
 var import_react49 = require("react");
 var ReadingProgress = ({ ...props }) => {
   const uniqId = React49.useId();
-  return /* @__PURE__ */ (0, import_react49.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `reading-progress ${ReadingProgress_module_default["reading-progress"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react49.createElement)("div", { ...props, key: uniqId, className: "reading-progress" });
 };
 
 // components/RecipeFinder/index.tsx
 var React50 = __toESM(require("react"));
-
-// components/RecipeFinder/RecipeFinder.module.scss
-var RecipeFinder_module_default = {};
-
-// components/RecipeFinder/index.tsx
 var import_react50 = require("react");
 var RecipeFinder = ({ ...props }) => {
   const uniqId = React50.useId();
-  return /* @__PURE__ */ (0, import_react50.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `recipe-finder ${RecipeFinder_module_default["recipe-finder"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react50.createElement)("div", { ...props, key: uniqId, className: "recipe-finder" });
 };
 
 // components/RocketLaunchWidget/index.tsx
 var React51 = __toESM(require("react"));
-
-// components/RocketLaunchWidget/RocketLaunchWidget.module.scss
-var RocketLaunchWidget_module_default = {};
-
-// components/RocketLaunchWidget/index.tsx
 var import_react51 = require("react");
 var RocketLaunchWidget = ({
   ...props
 }) => {
   const uniqId = React51.useId();
-  return /* @__PURE__ */ (0, import_react51.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `rocket-launch-widget ${RocketLaunchWidget_module_default["rocket-launch-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react51.createElement)("div", { ...props, key: uniqId, className: "rocket-launch-widget" });
 };
 
 // components/SettingsPanel/index.tsx
 var React52 = __toESM(require("react"));
-
-// components/SettingsPanel/SettingsPanel.module.scss
-var SettingsPanel_module_default = {};
-
-// components/SettingsPanel/index.tsx
 var import_react52 = require("react");
 var SettingsPanel = ({ ...props }) => {
   const uniqId = React52.useId();
-  return /* @__PURE__ */ (0, import_react52.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `settings-panel ${SettingsPanel_module_default["settings-panel"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react52.createElement)("div", { ...props, key: uniqId, className: "settings-panel" });
 };
 
 // components/ShoppingCart/index.tsx
 var React53 = __toESM(require("react"));
-
-// components/ShoppingCart/ShoppingCart.module.scss
-var ShoppingCart_module_default = {};
-
-// components/ShoppingCart/index.tsx
 var import_react53 = require("react");
 var ShoppingCart = ({ ...props }) => {
   const uniqId = React53.useId();
-  return /* @__PURE__ */ (0, import_react53.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `shopping-cart ${ShoppingCart_module_default["shopping-cart"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react53.createElement)("div", { ...props, key: uniqId, className: "shopping-cart" });
 };
 
 // components/ShoppingList/index.tsx
 var React54 = __toESM(require("react"));
-
-// components/ShoppingList/ShoppingList.module.scss
-var ShoppingList_module_default = {};
-
-// components/ShoppingList/index.tsx
 var import_react54 = require("react");
 var ShoppingList = ({ ...props }) => {
   const uniqId = React54.useId();
-  return /* @__PURE__ */ (0, import_react54.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `shopping-list ${ShoppingList_module_default["shopping-list"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react54.createElement)("div", { ...props, key: uniqId, className: "shopping-list" });
 };
 
 // components/SocialEngagement/index.tsx
 var React55 = __toESM(require("react"));
-
-// components/SocialEngagement/SocialEngagement.module.scss
-var SocialEngagement_module_default = {};
-
-// components/SocialEngagement/index.tsx
 var import_react55 = require("react");
 var SocialEngagement = ({ ...props }) => {
   const uniqId = React55.useId();
-  return /* @__PURE__ */ (0, import_react55.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `social-engagement ${SocialEngagement_module_default["social-engagement"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react55.createElement)("div", { ...props, key: uniqId, className: "social-engagement" });
 };
 
 // components/SocialMediaCard/index.tsx
@@ -1227,48 +566,19 @@ var React56 = __toESM(require("react"));
 var import_anchor = require("@aristobyte-ui/anchor");
 var import_button = require("@aristobyte-ui/button");
 var import_utils = require("@aristobyte-ui/utils");
-
-// components/SocialMediaCard/SocialMediaCard.module.scss
-var SocialMediaCard_module_default = {
-  "social-media-card": "SocialMediaCard_module_social-media-card",
-  "social-media-card-radius--none": "SocialMediaCard_module_social-media-card-radius--none",
-  "social-media-card-radius--sm": "SocialMediaCard_module_social-media-card-radius--sm",
-  "social-media-card-radius--md": "SocialMediaCard_module_social-media-card-radius--md",
-  "social-media-card-radius--lg": "SocialMediaCard_module_social-media-card-radius--lg",
-  "social-media-card-radius--full": "SocialMediaCard_module_social-media-card-radius--full",
-  "social-media-card__header": "SocialMediaCard_module_social-media-card__header",
-  "social-media-card__avatar": "SocialMediaCard_module_social-media-card__avatar",
-  "social-media-card__avatar-icon": "SocialMediaCard_module_social-media-card__avatar-icon",
-  "social-media-card__avatar-img": "SocialMediaCard_module_social-media-card__avatar-img",
-  "social-media-card__text": "SocialMediaCard_module_social-media-card__text",
-  "social-media-card__title": "SocialMediaCard_module_social-media-card__title",
-  "social-media-card__subtitle": "SocialMediaCard_module_social-media-card__subtitle",
-  "social-media-card__content": "SocialMediaCard_module_social-media-card__content",
-  "social-media-card__metrics": "SocialMediaCard_module_social-media-card__metrics",
-  "social-media-card__metric": "SocialMediaCard_module_social-media-card__metric",
-  "social-media-card__metric-par": "SocialMediaCard_module_social-media-card__metric-par",
-  "social-media-card__metric-text": "SocialMediaCard_module_social-media-card__metric-text",
-  "social-media-card__metric-icon": "SocialMediaCard_module_social-media-card__metric-icon",
-  "social-media-card__metric-value": "SocialMediaCard_module_social-media-card__metric-value",
-  "social-media-card__tags": "SocialMediaCard_module_social-media-card__tags",
-  "social-media-card__tag": "SocialMediaCard_module_social-media-card__tag",
-  "social-media-card__tag-anchor": "SocialMediaCard_module_social-media-card__tag-anchor"
-};
-
-// components/SocialMediaCard/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var renderAvatar = (avatar) => {
   if (avatar == null ? void 0 : avatar.image) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "img",
       {
-        className: SocialMediaCard_module_default["social-media-card__avatar-img"],
+        className: "social-media-card__avatar-img",
         src: avatar.image,
         alt: avatar.imageAltText
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: SocialMediaCard_module_default["social-media-card__avatar-icon"], children: ((avatar == null ? void 0 : avatar.icon) || import_utils.Icons.User)({ size: 24 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "social-media-card__avatar-icon", children: ((avatar == null ? void 0 : avatar.icon) || import_utils.Icons.User)({ size: 24 }) });
 };
 var SocialMediaCard = ({
   variant = "default",
@@ -1286,22 +596,22 @@ var SocialMediaCard = ({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      className: `social-media-card ${SocialMediaCard_module_default[`social-media-card-radius--${radius}`]} ${SocialMediaCard_module_default[`social-media-radius-variant--${variant}`]} ${SocialMediaCard_module_default["social-media-card"]} ${className}`,
+      className: `social-media-card social-media-card-radius--${radius} social-media-radius-variant--${variant} social-media-card ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: SocialMediaCard_module_default["social-media-card__header"], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "social-media-card__header", children: [
           avatar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_button.Button,
             {
-              className: SocialMediaCard_module_default["social-media-card__avatar"],
+              className: "social-media-card__avatar",
               style: { background: avatar == null ? void 0 : avatar.background },
               href: avatar == null ? void 0 : avatar.href,
               target: avatar == null ? void 0 : avatar.target,
               children: renderAvatar(avatar)
             }
           ),
-          title && subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: SocialMediaCard_module_default["social-media-card__text"], children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: SocialMediaCard_module_default["social-media-card__title"], children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: SocialMediaCard_module_default["social-media-card__subtitle"], children: subtitle })
+          title && subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "social-media-card__text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "social-media-card__title", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "social-media-card__subtitle", children: subtitle })
           ] }),
           button && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_button.Button,
@@ -1309,25 +619,25 @@ var SocialMediaCard = ({
               ...button,
               variant: (button == null ? void 0 : button.variant) || "primary",
               radius: (button == null ? void 0 : button.radius) || "full",
-              className: SocialMediaCard_module_default["social-media-card__button"]
+              className: "social-media-card__button"
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: SocialMediaCard_module_default["social-media-card__content"], children: content }),
-        tags && tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: SocialMediaCard_module_default["social-media-card__tags"], children: tags.map(({ variant: tagVariant, ...rest }, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: SocialMediaCard_module_default["social-media-card__tag"], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "social-media-card__content", children: content }),
+        tags && tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "social-media-card__tags", children: tags.map(({ variant: tagVariant, ...rest }, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "social-media-card__tag", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_anchor.Anchor,
           {
             ...rest,
-            className: SocialMediaCard_module_default["social-media-card__tag-anchor"],
+            className: "social-media-card__tag-anchor",
             variant: tagVariant || "white"
           }
         ) }, i)) }),
-        metrics && metrics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: SocialMediaCard_module_default["social-media-card__metrics"], children: metrics.map(({ icon, label, value, ...rest }, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: SocialMediaCard_module_default["social-media-card__metric"], children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { ...rest, transparent: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: SocialMediaCard_module_default["social-media-card__metric-par"], children: [
-            icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: SocialMediaCard_module_default["social-media-card__metric-icon"], children: icon({ size: 22 }) }),
-            value && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: SocialMediaCard_module_default["social-media-card__metric-value"], children: value })
+        metrics && metrics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "social-media-card__metrics", children: metrics.map(({ icon, label, value, ...rest }, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "social-media-card__metric", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { ...rest, transparent: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "social-media-card__metric-par", children: [
+            icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "social-media-card__metric-icon", children: icon({ size: 22 }) }),
+            value && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "social-media-card__metric-value", children: value })
           ] }),
-          label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: SocialMediaCard_module_default["social-media-card__metrics-label"], children: label })
+          label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "social-media-card__metrics-label", children: label })
         ] }) }, i)) })
       ]
     },
@@ -1337,266 +647,110 @@ var SocialMediaCard = ({
 
 // components/StatisticsCards/index.tsx
 var React57 = __toESM(require("react"));
-
-// components/StatisticsCards/StatisticsCards.module.scss
-var StatisticsCards_module_default = {};
-
-// components/StatisticsCards/index.tsx
 var import_react56 = require("react");
 var StatisticsCards = ({ ...props }) => {
   const uniqId = React57.useId();
-  return /* @__PURE__ */ (0, import_react56.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `statistics-cards ${StatisticsCards_module_default["statistics-cards"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react56.createElement)("div", { ...props, key: uniqId, className: "statistics-cards" });
 };
 
 // components/StatusIndicators/index.tsx
 var React58 = __toESM(require("react"));
-
-// components/StatusIndicators/StatusIndicators.module.scss
-var StatusIndicators_module_default = {};
-
-// components/StatusIndicators/index.tsx
 var import_react57 = require("react");
 var StatusIndicators = ({ ...props }) => {
   const uniqId = React58.useId();
-  return /* @__PURE__ */ (0, import_react57.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `status-indicators ${StatusIndicators_module_default["status-indicators"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react57.createElement)("div", { ...props, key: uniqId, className: "status-indicators" });
 };
 
 // components/StockMarket/index.tsx
 var React59 = __toESM(require("react"));
-
-// components/StockMarket/StockMarket.module.scss
-var StockMarket_module_default = {};
-
-// components/StockMarket/index.tsx
 var import_react58 = require("react");
 var StockMarket = ({ ...props }) => {
   const uniqId = React59.useId();
-  return /* @__PURE__ */ (0, import_react58.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `stock-market ${StockMarket_module_default["stock-market"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react58.createElement)("div", { ...props, key: uniqId, className: "stock-market" });
 };
 
 // components/StreakCounter/index.tsx
 var React60 = __toESM(require("react"));
-
-// components/StreakCounter/StreakCounter.module.scss
-var StreakCounter_module_default = {};
-
-// components/StreakCounter/index.tsx
 var import_react59 = require("react");
 var StreakCounter = ({ ...props }) => {
   const uniqId = React60.useId();
-  return /* @__PURE__ */ (0, import_react59.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `streak-counter ${StreakCounter_module_default["streak-counter"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react59.createElement)("div", { ...props, key: uniqId, className: "streak-counter" });
 };
 
 // components/SystemStatus/index.tsx
 var React61 = __toESM(require("react"));
-
-// components/SystemStatus/SystemStatus.module.scss
-var SystemStatus_module_default = {};
-
-// components/SystemStatus/index.tsx
 var import_react60 = require("react");
 var SystemStatus = ({ ...props }) => {
   const uniqId = React61.useId();
-  return /* @__PURE__ */ (0, import_react60.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `system-status ${SystemStatus_module_default["system-status"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react60.createElement)("div", { ...props, key: uniqId, className: "system-status" });
 };
 
 // components/TaskManager/index.tsx
 var React62 = __toESM(require("react"));
-
-// components/TaskManager/TaskManager.module.scss
-var TaskManager_module_default = {};
-
-// components/TaskManager/index.tsx
 var import_react61 = require("react");
 var TaskManager = ({ ...props }) => {
   const uniqId = React62.useId();
-  return /* @__PURE__ */ (0, import_react61.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `task-manager ${TaskManager_module_default["task-manager"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react61.createElement)("div", { ...props, key: uniqId, className: "task-manager" });
 };
 
 // components/TeamCollaborationWidget/index.tsx
 var React63 = __toESM(require("react"));
-
-// components/TeamCollaborationWidget/TeamCollaborationWidget.module.scss
-var TeamCollaborationWidget_module_default = {};
-
-// components/TeamCollaborationWidget/index.tsx
 var import_react62 = require("react");
 var TeamCollaborationWidget = ({
   ...props
 }) => {
   const uniqId = React63.useId();
-  return /* @__PURE__ */ (0, import_react62.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `team-collaboration-widget ${TeamCollaborationWidget_module_default["team-collaboration-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react62.createElement)("div", { ...props, key: uniqId, className: "team-collaboration-widget" });
 };
 
 // components/TimeLocationWidget/index.tsx
 var React64 = __toESM(require("react"));
-
-// components/TimeLocationWidget/TimeLocationWidget.module.scss
-var TimeLocationWidget_module_default = {};
-
-// components/TimeLocationWidget/index.tsx
 var import_react63 = require("react");
 var TimeLocationWidget = ({
   ...props
 }) => {
   const uniqId = React64.useId();
-  return /* @__PURE__ */ (0, import_react63.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `time-location-widget ${TimeLocationWidget_module_default["time-location-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react63.createElement)("div", { ...props, key: uniqId, className: "time-location-widget" });
 };
 
 // components/TodoList/index.tsx
 var React65 = __toESM(require("react"));
-
-// components/TodoList/TodoList.module.scss
-var TodoList_module_default = {};
-
-// components/TodoList/index.tsx
 var import_react64 = require("react");
 var TodoList = ({ ...props }) => {
   const uniqId = React65.useId();
-  return /* @__PURE__ */ (0, import_react64.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `todo-list ${TodoList_module_default["todo-list"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react64.createElement)("div", { ...props, key: uniqId, className: "todo-list" });
 };
 
 // components/ToolWidget/index.tsx
 var React66 = __toESM(require("react"));
-
-// components/ToolWidget/ToolWidget.module.scss
-var ToolWidget_module_default = {};
-
-// components/ToolWidget/index.tsx
 var import_react65 = require("react");
 var ToolWidget = ({ ...props }) => {
   const uniqId = React66.useId();
-  return /* @__PURE__ */ (0, import_react65.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `tool-widget ${ToolWidget_module_default["tool-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react65.createElement)("div", { ...props, key: uniqId, className: "tool-widget" });
 };
 
 // components/TravelPlanner/index.tsx
 var React67 = __toESM(require("react"));
-
-// components/TravelPlanner/TravelPlanner.module.scss
-var TravelPlanner_module_default = {};
-
-// components/TravelPlanner/index.tsx
 var import_react66 = require("react");
 var TravelPlanner = ({ ...props }) => {
   const uniqId = React67.useId();
-  return /* @__PURE__ */ (0, import_react66.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `travel-planner ${TravelPlanner_module_default["travel-planner"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react66.createElement)("div", { ...props, key: uniqId, className: "travel-planner" });
 };
 
 // components/VideoCallWidget/index.tsx
 var React68 = __toESM(require("react"));
-
-// components/VideoCallWidget/VideoCallWidget.module.scss
-var VideoCallWidget_module_default = {};
-
-// components/VideoCallWidget/index.tsx
 var import_react67 = require("react");
 var VideoCallWidget = ({ ...props }) => {
   const uniqId = React68.useId();
-  return /* @__PURE__ */ (0, import_react67.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `video-call-widget ${VideoCallWidget_module_default["video-call-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react67.createElement)("div", { ...props, key: uniqId, className: "video-call-widget" });
 };
 
 // components/WeatherWidget/index.tsx
 var React69 = __toESM(require("react"));
-
-// components/WeatherWidget/WeatherWidget.module.scss
-var WeatherWidget_module_default = {};
-
-// components/WeatherWidget/index.tsx
 var import_react68 = require("react");
 var WeatherWidget = ({ ...props }) => {
   const uniqId = React69.useId();
-  return /* @__PURE__ */ (0, import_react68.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `weather-widget ${WeatherWidget_module_default["weather-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ (0, import_react68.createElement)("div", { ...props, key: uniqId, className: "weather-widget" });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {