@aristobyte-ui/presets 1.0.67 → 1.0.70

package/dist/index.mjs

@@ -1,1122 +1,461 @@
 "use client";
-import "./index.css";
 
 // components/ActionButtons/index.tsx
 import * as React from "react";
-
-// components/ActionButtons/ActionButtons.module.scss
-var ActionButtons_module_default = {};
-
-// components/ActionButtons/index.tsx
 import { createElement } from "react";
 var ActionButtons = ({ ...props }) => {
   const uniqId = React.useId();
-  return /* @__PURE__ */ createElement(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `action-buttons ${ActionButtons_module_default["action-buttons"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement("div", { ...props, key: uniqId, className: "action-buttons" });
 };
 
 // components/ActivityFeed/index.tsx
 import * as React2 from "react";
-
-// components/ActivityFeed/ActivityFeed.module.scss
-var ActivityFeed_module_default = {};
-
-// components/ActivityFeed/index.tsx
 import { createElement as createElement2 } from "react";
 var ActivityFeed = ({ ...props }) => {
   const uniqId = React2.useId();
-  return /* @__PURE__ */ createElement2(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `activity-feed ${ActivityFeed_module_default["activity-feed"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement2("div", { ...props, key: uniqId, className: "activity-feed" });
 };
 
 // components/AIAssistant/index.tsx
 import * as React3 from "react";
-
-// components/AIAssistant/AIAssistant.module.scss
-var AIAssistant_module_default = {};
-
-// components/AIAssistant/index.tsx
 import { createElement as createElement3 } from "react";
 var AIAssistant = ({ ...props }) => {
   const uniqId = React3.useId();
-  return /* @__PURE__ */ createElement3(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `ai-assistant ${AIAssistant_module_default["ai-assistant"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement3("div", { ...props, key: uniqId, className: "ai-assistant" });
 };
 
 // components/AnalyticsDashboard/index.tsx
 import * as React4 from "react";
-
-// components/AnalyticsDashboard/AnalyticsDashboard.module.scss
-var AnalyticsDashboard_module_default = {};
-
-// components/AnalyticsDashboard/index.tsx
 import { createElement as createElement4 } from "react";
 var AnalyticsDashboard = ({
   ...props
 }) => {
   const uniqId = React4.useId();
-  return /* @__PURE__ */ createElement4(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `analytics-dashboard ${AnalyticsDashboard_module_default["analytics-dashboard"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement4("div", { ...props, key: uniqId, className: "analytics-dashboard" });
 };
 
 // components/BudgetTracker/index.tsx
 import * as React5 from "react";
-
-// components/BudgetTracker/BudgetTracker.module.scss
-var BudgetTracker_module_default = {};
-
-// components/BudgetTracker/index.tsx
 import { createElement as createElement5 } from "react";
 var BudgetTracker = ({ ...props }) => {
   const uniqId = React5.useId();
-  return /* @__PURE__ */ createElement5(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `budget-tracker ${BudgetTracker_module_default["budget-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement5("div", { ...props, key: uniqId, className: "budget-tracker" });
 };
 
 // components/CalendarWidget/index.tsx
 import * as React6 from "react";
-
-// components/CalendarWidget/CalendarWidget.module.scss
-var CalendarWidget_module_default = {};
-
-// components/CalendarWidget/index.tsx
 import { createElement as createElement6 } from "react";
 var CalendarWidget = ({ ...props }) => {
   const uniqId = React6.useId();
-  return /* @__PURE__ */ createElement6(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `calendar-widget ${CalendarWidget_module_default["calendar-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement6("div", { ...props, key: uniqId, className: "calendar-widget" });
 };
 
 // components/ChatMessages/index.tsx
 import * as React7 from "react";
-
-// components/ChatMessages/ChatMessages.module.scss
-var ChatMessages_module_default = {};
-
-// components/ChatMessages/index.tsx
 import { createElement as createElement7 } from "react";
 var ChatMessages = ({ ...props }) => {
   const uniqId = React7.useId();
-  return /* @__PURE__ */ createElement7(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `chat-messages ${ChatMessages_module_default["chat-messages"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement7("div", { ...props, key: uniqId, className: "chat-messages" });
 };
 
 // components/CloudStorage/index.tsx
 import * as React8 from "react";
-
-// components/CloudStorage/CloudStorage.module.scss
-var CloudStorage_module_default = {};
-
-// components/CloudStorage/index.tsx
 import { createElement as createElement8 } from "react";
 var CloudStorage = ({ ...props }) => {
   const uniqId = React8.useId();
-  return /* @__PURE__ */ createElement8(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `cloud-storage ${CloudStorage_module_default["cloud-storage"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement8("div", { ...props, key: uniqId, className: "cloud-storage" });
 };
 
 // components/CodeEditor/index.tsx
 import * as React9 from "react";
-
-// components/CodeEditor/CodeEditor.module.scss
-var CodeEditor_module_default = {};
-
-// components/CodeEditor/index.tsx
 import { createElement as createElement9 } from "react";
 var CodeEditor = ({ ...props }) => {
   const uniqId = React9.useId();
-  return /* @__PURE__ */ createElement9(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `code-editor ${CodeEditor_module_default["code-editor"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement9("div", { ...props, key: uniqId, className: "code-editor" });
 };
 
 // components/CodeStats/index.tsx
 import * as React10 from "react";
-
-// components/CodeStats/CodeStats.module.scss
-var CodeStats_module_default = {};
-
-// components/CodeStats/index.tsx
 import { createElement as createElement10 } from "react";
 var CodeStats = ({ ...props }) => {
   const uniqId = React10.useId();
-  return /* @__PURE__ */ createElement10(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `code-stats ${CodeStats_module_default["code-stats"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement10("div", { ...props, key: uniqId, className: "code-stats" });
 };
 
 // components/ColorPaletteWidget/index.tsx
 import * as React11 from "react";
-
-// components/ColorPaletteWidget/ColorPaletteWidget.module.scss
-var ColorPaletteWidget_module_default = {};
-
-// components/ColorPaletteWidget/index.tsx
 import { createElement as createElement11 } from "react";
 var ColorPaletteWidget = ({
   ...props
 }) => {
   const uniqId = React11.useId();
-  return /* @__PURE__ */ createElement11(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `color-palette-widget ${ColorPaletteWidget_module_default["color-palette-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement11("div", { ...props, key: uniqId, className: "color-palette-widget" });
 };
 
 // components/ContactCard/index.tsx
 import * as React12 from "react";
-
-// components/ContactCard/ContactCard.module.scss
-var ContactCard_module_default = {};
-
-// components/ContactCard/index.tsx
 import { createElement as createElement12 } from "react";
 var ContactCard = ({ ...props }) => {
   const uniqId = React12.useId();
-  return /* @__PURE__ */ createElement12(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `contact-card ${ContactCard_module_default["contact-card"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement12("div", { ...props, key: uniqId, className: "contact-card" });
 };
 
 // components/CryptocurrencyWidget/index.tsx
 import * as React13 from "react";
-
-// components/CryptocurrencyWidget/CryptocurrencyWidget.module.scss
-var CryptocurrencyWidget_module_default = {};
-
-// components/CryptocurrencyWidget/index.tsx
 import { createElement as createElement13 } from "react";
 var CryptocurrencyWidget = ({
   ...props
 }) => {
   const uniqId = React13.useId();
-  return /* @__PURE__ */ createElement13(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `cryptocurrency-widget ${CryptocurrencyWidget_module_default["cryptocurrency-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement13("div", { ...props, key: uniqId, className: "cryptocurrency-widget" });
 };
 
 // components/DatabaseWidget/index.tsx
 import * as React14 from "react";
-
-// components/DatabaseWidget/DatabaseWidget.module.scss
-var DatabaseWidget_module_default = {};
-
-// components/DatabaseWidget/index.tsx
 import { createElement as createElement14 } from "react";
 var DatabaseWidget = ({ ...props }) => {
   const uniqId = React14.useId();
-  return /* @__PURE__ */ createElement14(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `database-widget ${DatabaseWidget_module_default["database-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement14("div", { ...props, key: uniqId, className: "database-widget" });
 };
 
 // components/DesignSystem/index.tsx
 import * as React15 from "react";
-
-// components/DesignSystem/DesignSystem.module.scss
-var DesignSystem_module_default = {};
-
-// components/DesignSystem/index.tsx
 import { createElement as createElement15 } from "react";
 var DesignSystem = ({ ...props }) => {
   const uniqId = React15.useId();
-  return /* @__PURE__ */ createElement15(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `design-system ${DesignSystem_module_default["design-system"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement15("div", { ...props, key: uniqId, className: "design-system" });
 };
 
 // components/DeviceStatus/index.tsx
 import * as React16 from "react";
-
-// components/DeviceStatus/DeviceStatus.module.scss
-var DeviceStatus_module_default = {};
-
-// components/DeviceStatus/index.tsx
 import { createElement as createElement16 } from "react";
 var DeviceStatus = ({ ...props }) => {
   const uniqId = React16.useId();
-  return /* @__PURE__ */ createElement16(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `device-status ${DeviceStatus_module_default["device-status"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement16("div", { ...props, key: uniqId, className: "device-status" });
 };
 
 // components/DocumentScanner/index.tsx
 import * as React17 from "react";
-
-// components/DocumentScanner/DocumentScanner.module.scss
-var DocumentScanner_module_default = {};
-
-// components/DocumentScanner/index.tsx
 import { createElement as createElement17 } from "react";
 var DocumentScanner = ({ ...props }) => {
   const uniqId = React17.useId();
-  return /* @__PURE__ */ createElement17(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `document-scanner ${DocumentScanner_module_default["document-scanner"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement17("div", { ...props, key: uniqId, className: "document-scanner" });
 };
 
 // components/EmailDashboard/index.tsx
 import * as React18 from "react";
-
-// components/EmailDashboard/EmailDashboard.module.scss
-var EmailDashboard_module_default = {};
-
-// components/EmailDashboard/index.tsx
 import { createElement as createElement18 } from "react";
 var EmailDashboard = ({ ...props }) => {
   const uniqId = React18.useId();
-  return /* @__PURE__ */ createElement18(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `email-dashboard ${EmailDashboard_module_default["email-dashboard"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement18("div", { ...props, key: uniqId, className: "email-dashboard" });
 };
 
 // components/EnergyMeter/index.tsx
 import * as React19 from "react";
-
-// components/EnergyMeter/EnergyMeter.module.scss
-var EnergyMeter_module_default = {};
-
-// components/EnergyMeter/index.tsx
 import { createElement as createElement19 } from "react";
 var EnergyMeter = ({ ...props }) => {
   const uniqId = React19.useId();
-  return /* @__PURE__ */ createElement19(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `energy-meter ${EnergyMeter_module_default["energy-meter"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement19("div", { ...props, key: uniqId, className: "energy-meter" });
 };
 
 // components/FileManager/index.tsx
 import * as React20 from "react";
-
-// components/FileManager/FileManager.module.scss
-var FileManager_module_default = {};
-
-// components/FileManager/index.tsx
 import { createElement as createElement20 } from "react";
 var FileManager = ({ ...props }) => {
   const uniqId = React20.useId();
-  return /* @__PURE__ */ createElement20(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `file-manager ${FileManager_module_default["file-manager"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement20("div", { ...props, key: uniqId, className: "file-manager" });
 };
 
 // components/FileUploadArea/index.tsx
 import * as React21 from "react";
-
-// components/FileUploadArea/FileUploadArea.module.scss
-var FileUploadArea_module_default = {};
-
-// components/FileUploadArea/index.tsx
 import { createElement as createElement21 } from "react";
 var FileUploadArea = ({ ...props }) => {
   const uniqId = React21.useId();
-  return /* @__PURE__ */ createElement21(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `file-upload-area ${FileUploadArea_module_default["file-upload-area"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement21("div", { ...props, key: uniqId, className: "file-upload-area" });
 };
 
 // components/FitnessTracker/index.tsx
 import * as React22 from "react";
-
-// components/FitnessTracker/FitnessTracker.module.scss
-var FitnessTracker_module_default = {};
-
-// components/FitnessTracker/index.tsx
 import { createElement as createElement22 } from "react";
 var FitnessTracker = ({ ...props }) => {
   const uniqId = React22.useId();
-  return /* @__PURE__ */ createElement22(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `fitness-tracker ${FitnessTracker_module_default["fitness-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement22("div", { ...props, key: uniqId, className: "fitness-tracker" });
 };
 
 // components/GamingControllerWidget/index.tsx
 import * as React23 from "react";
-
-// components/GamingControllerWidget/GamingControllerWidget.module.scss
-var GamingControllerWidget_module_default = {};
-
-// components/GamingControllerWidget/index.tsx
 import { createElement as createElement23 } from "react";
 var GamingControllerWidget = ({
   ...props
 }) => {
   const uniqId = React23.useId();
-  return /* @__PURE__ */ createElement23(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `gaming-controller-widget ${GamingControllerWidget_module_default["gaming-controller-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement23("div", { ...props, key: uniqId, className: "gaming-controller-widget" });
 };
 
 // components/HabitTracker/index.tsx
 import * as React24 from "react";
-
-// components/HabitTracker/HabitTracker.module.scss
-var HabitTracker_module_default = {};
-
-// components/HabitTracker/index.tsx
 import { createElement as createElement24 } from "react";
 var HabitTracker = ({ ...props }) => {
   const uniqId = React24.useId();
-  return /* @__PURE__ */ createElement24(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `habit-tracker ${HabitTracker_module_default["habit-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement24("div", { ...props, key: uniqId, className: "habit-tracker" });
 };
 
 // components/HealthMonitor/index.tsx
 import * as React25 from "react";
-
-// components/HealthMonitor/HealthMonitor.module.scss
-var HealthMonitor_module_default = {};
-
-// components/HealthMonitor/index.tsx
 import { createElement as createElement25 } from "react";
 var HealthMonitor = ({ ...props }) => {
   const uniqId = React25.useId();
-  return /* @__PURE__ */ createElement25(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `health-monitor ${HealthMonitor_module_default["health-monitor"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement25("div", { ...props, key: uniqId, className: "health-monitor" });
 };
 
 // components/IdeaBulbWidget/index.tsx
 import * as React26 from "react";
-
-// components/IdeaBulbWidget/IdeaBulbWidget.module.scss
-var IdeaBulbWidget_module_default = {};
-
-// components/IdeaBulbWidget/index.tsx
 import { createElement as createElement26 } from "react";
 var IdeaBulbWidget = ({ ...props }) => {
   const uniqId = React26.useId();
-  return /* @__PURE__ */ createElement26(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `idea-bulb-widget ${IdeaBulbWidget_module_default["idea-bulb-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement26("div", { ...props, key: uniqId, className: "idea-bulb-widget" });
 };
 
 // components/InspirationWidget/index.tsx
 import * as React27 from "react";
-
-// components/InspirationWidget/InspirationWidget.module.scss
-var InspirationWidget_module_default = {};
-
-// components/InspirationWidget/index.tsx
 import { createElement as createElement27 } from "react";
 var InspirationWidget = ({
   ...props
 }) => {
   const uniqId = React27.useId();
-  return /* @__PURE__ */ createElement27(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `inspiration-widget ${InspirationWidget_module_default["inspiration-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement27("div", { ...props, key: uniqId, className: "inspiration-widget" });
 };
 
 // components/LanguageLearning/index.tsx
 import * as React28 from "react";
-
-// components/LanguageLearning/LanguageLearning.module.scss
-var LanguageLearning_module_default = {};
-
-// components/LanguageLearning/index.tsx
 import { createElement as createElement28 } from "react";
 var LanguageLearning = ({ ...props }) => {
   const uniqId = React28.useId();
-  return /* @__PURE__ */ createElement28(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `language-learning ${LanguageLearning_module_default["language-learning"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement28("div", { ...props, key: uniqId, className: "language-learning" });
 };
 
 // components/LayerStackWidget/index.tsx
 import * as React29 from "react";
-
-// components/LayerStackWidget/LayerStackWidget.module.scss
-var LayerStackWidget_module_default = {};
-
-// components/LayerStackWidget/index.tsx
 import { createElement as createElement29 } from "react";
 var LayerStackWidget = ({ ...props }) => {
   const uniqId = React29.useId();
-  return /* @__PURE__ */ createElement29(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `layer-stack-widget ${LayerStackWidget_module_default["layer-stack-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement29("div", { ...props, key: uniqId, className: "layer-stack-widget" });
 };
 
 // components/MediaControls/index.tsx
 import * as React30 from "react";
-
-// components/MediaControls/MediaControls.module.scss
-var MediaControls_module_default = {};
-
-// components/MediaControls/index.tsx
 import { createElement as createElement30 } from "react";
 var MediaControls = ({ ...props }) => {
   const uniqId = React30.useId();
-  return /* @__PURE__ */ createElement30(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `media-controls ${MediaControls_module_default["media-controls"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement30("div", { ...props, key: uniqId, className: "media-controls" });
 };
 
 // components/MiniMenu/index.tsx
 import * as React31 from "react";
-
-// components/MiniMenu/MiniMenu.module.scss
-var MiniMenu_module_default = {};
-
-// components/MiniMenu/index.tsx
 import { createElement as createElement31 } from "react";
 var MiniMenu = ({ ...props }) => {
   const uniqId = React31.useId();
-  return /* @__PURE__ */ createElement31(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `mini-menu ${MiniMenu_module_default["mini-menu"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement31("div", { ...props, key: uniqId, className: "mini-menu" });
 };
 
 // components/MouseTracker/index.tsx
 import * as React32 from "react";
-
-// components/MouseTracker/MouseTracker.module.scss
-var MouseTracker_module_default = {};
-
-// components/MouseTracker/index.tsx
 import { createElement as createElement32 } from "react";
 var MouseTracker = ({ ...props }) => {
   const uniqId = React32.useId();
-  return /* @__PURE__ */ createElement32(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `mouse-tracker ${MouseTracker_module_default["mouse-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement32("div", { ...props, key: uniqId, className: "mouse-tracker" });
 };
 
 // components/MusicPlayer/index.tsx
 import * as React33 from "react";
-
-// components/MusicPlayer/MusicPlayer.module.scss
-var MusicPlayer_module_default = {};
-
-// components/MusicPlayer/index.tsx
 import { createElement as createElement33 } from "react";
 var MusicPlayer = ({ ...props }) => {
   const uniqId = React33.useId();
-  return /* @__PURE__ */ createElement33(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `music-player ${MusicPlayer_module_default["music-player"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement33("div", { ...props, key: uniqId, className: "music-player" });
 };
 
 // components/MusicProduction/index.tsx
 import * as React34 from "react";
-
-// components/MusicProduction/MusicProduction.module.scss
-var MusicProduction_module_default = {};
-
-// components/MusicProduction/index.tsx
 import { createElement as createElement34 } from "react";
 var MusicProduction = ({ ...props }) => {
   const uniqId = React34.useId();
-  return /* @__PURE__ */ createElement34(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `music-production ${MusicProduction_module_default["music-production"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement34("div", { ...props, key: uniqId, className: "music-production" });
 };
 
 // components/NatureWidget/index.tsx
 import * as React35 from "react";
-
-// components/NatureWidget/NatureWidget.module.scss
-var NatureWidget_module_default = {};
-
-// components/NatureWidget/index.tsx
 import { createElement as createElement35 } from "react";
 var NatureWidget = ({ ...props }) => {
   const uniqId = React35.useId();
-  return /* @__PURE__ */ createElement35(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `nature-widget ${NatureWidget_module_default["nature-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement35("div", { ...props, key: uniqId, className: "nature-widget" });
 };
 
 // components/NavigationPills/index.tsx
 import * as React36 from "react";
-
-// components/NavigationPills/NavigationPills.module.scss
-var NavigationPills_module_default = {};
-
-// components/NavigationPills/index.tsx
 import { createElement as createElement36 } from "react";
 var NavigationPills = ({ ...props }) => {
   const uniqId = React36.useId();
-  return /* @__PURE__ */ createElement36(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `navigation-pills ${NavigationPills_module_default["navigation-pills"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement36("div", { ...props, key: uniqId, className: "navigation-pills" });
 };
 
 // components/NetworkStatus/index.tsx
 import * as React37 from "react";
-
-// components/NetworkStatus/NetworkStatus.module.scss
-var NetworkStatus_module_default = {};
-
-// components/NetworkStatus/index.tsx
 import { createElement as createElement37 } from "react";
 var NetworkStatus = ({ ...props }) => {
   const uniqId = React37.useId();
-  return /* @__PURE__ */ createElement37(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `network-status ${NetworkStatus_module_default["network-status"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement37("div", { ...props, key: uniqId, className: "network-status" });
 };
 
 // components/NotificationBadges/index.tsx
 import * as React38 from "react";
-
-// components/NotificationBadges/NotificationBadges.module.scss
-var NotificationBadges_module_default = {};
-
-// components/NotificationBadges/index.tsx
 import { createElement as createElement38 } from "react";
 var NotificationBadges = ({
   ...props
 }) => {
   const uniqId = React38.useId();
-  return /* @__PURE__ */ createElement38(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `notification-badges ${NotificationBadges_module_default["notification-badges"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement38("div", { ...props, key: uniqId, className: "notification-badges" });
 };
 
 // components/NotificationCards/index.tsx
 import * as React39 from "react";
-
-// components/NotificationCards/NotificationCards.module.scss
-var NotificationCards_module_default = {};
-
-// components/NotificationCards/index.tsx
 import { createElement as createElement39 } from "react";
 var NotificationCards = ({
   ...props
 }) => {
   const uniqId = React39.useId();
-  return /* @__PURE__ */ createElement39(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `notification-cards ${NotificationCards_module_default["notification-cards"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement39("div", { ...props, key: uniqId, className: "notification-cards" });
 };
 
 // components/OfficeBuildingWidget/index.tsx
 import * as React40 from "react";
-
-// components/OfficeBuildingWidget/OfficeBuildingWidget.module.scss
-var OfficeBuildingWidget_module_default = {};
-
-// components/OfficeBuildingWidget/index.tsx
 import { createElement as createElement40 } from "react";
 var OfficeBuildingWidget = ({
   ...props
 }) => {
   const uniqId = React40.useId();
-  return /* @__PURE__ */ createElement40(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `office-building-widget ${OfficeBuildingWidget_module_default["office-building-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement40("div", { ...props, key: uniqId, className: "office-building-widget" });
 };
 
 // components/PasswordManager/index.tsx
 import * as React41 from "react";
-
-// components/PasswordManager/PasswordManager.module.scss
-var PasswordManager_module_default = {};
-
-// components/PasswordManager/index.tsx
 import { createElement as createElement41 } from "react";
 var PasswordManager = ({ ...props }) => {
   const uniqId = React41.useId();
-  return /* @__PURE__ */ createElement41(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `password-manager ${PasswordManager_module_default["password-manager"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement41("div", { ...props, key: uniqId, className: "password-manager" });
 };
 
 // components/PhotoEditor/index.tsx
 import * as React42 from "react";
-
-// components/PhotoEditor/PhotoEditor.module.scss
-var PhotoEditor_module_default = {};
-
-// components/PhotoEditor/index.tsx
 import { createElement as createElement42 } from "react";
 var PhotoEditor = ({ ...props }) => {
   const uniqId = React42.useId();
-  return /* @__PURE__ */ createElement42(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `photo-editor ${PhotoEditor_module_default["photo-editor"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement42("div", { ...props, key: uniqId, className: "photo-editor" });
 };
 
 // components/PomodoroTimer/index.tsx
 import * as React43 from "react";
-
-// components/PomodoroTimer/PomodoroTimer.module.scss
-var PomodoroTimer_module_default = {};
-
-// components/PomodoroTimer/index.tsx
 import { createElement as createElement43 } from "react";
 var PomodoroTimer = ({ ...props }) => {
   const uniqId = React43.useId();
-  return /* @__PURE__ */ createElement43(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `pomodoro-timer ${PomodoroTimer_module_default["pomodoro-timer"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement43("div", { ...props, key: uniqId, className: "pomodoro-timer" });
 };
 
 // components/PricingCard/index.tsx
 import * as React44 from "react";
-
-// components/PricingCard/PricingCard.module.scss
-var PricingCard_module_default = {};
-
-// components/PricingCard/index.tsx
 import { createElement as createElement44 } from "react";
 var PricingCard = ({ ...props }) => {
   const uniqId = React44.useId();
-  return /* @__PURE__ */ createElement44(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `pricing-card ${PricingCard_module_default["pricing-card"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement44("div", { ...props, key: uniqId, className: "pricing-card" });
 };
 
 // components/ProfileBadge/index.tsx
 import * as React45 from "react";
-
-// components/ProfileBadge/ProfileBadge.module.scss
-var ProfileBadge_module_default = {};
-
-// components/ProfileBadge/index.tsx
 import { createElement as createElement45 } from "react";
 var ProfileBadge = ({ ...props }) => {
   const uniqId = React45.useId();
-  return /* @__PURE__ */ createElement45(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `profile-badge ${ProfileBadge_module_default["profile-badge"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement45("div", { ...props, key: uniqId, className: "profile-badge" });
 };
 
 // components/ProgressTracker/index.tsx
 import * as React46 from "react";
-
-// components/ProgressTracker/ProgressTracker.module.scss
-var ProgressTracker_module_default = {};
-
-// components/ProgressTracker/index.tsx
 import { createElement as createElement46 } from "react";
 var ProgressTracker = ({ ...props }) => {
   const uniqId = React46.useId();
-  return /* @__PURE__ */ createElement46(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `progress-tracker ${ProgressTracker_module_default["progress-tracker"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement46("div", { ...props, key: uniqId, className: "progress-tracker" });
 };
 
 // components/QuickActions/index.tsx
 import * as React47 from "react";
-
-// components/QuickActions/QuickActions.module.scss
-var QuickActions_module_default = {};
-
-// components/QuickActions/index.tsx
 import { createElement as createElement47 } from "react";
 var QuickActions = ({ ...props }) => {
   const uniqId = React47.useId();
-  return /* @__PURE__ */ createElement47(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `quick-actions ${QuickActions_module_default["quick-actions"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement47("div", { ...props, key: uniqId, className: "quick-actions" });
 };
 
 // components/QuickStats/index.tsx
 import * as React48 from "react";
-
-// components/QuickStats/QuickStats.module.scss
-var QuickStats_module_default = {};
-
-// components/QuickStats/index.tsx
 import { createElement as createElement48 } from "react";
 var QuickStats = ({ ...props }) => {
   const uniqId = React48.useId();
-  return /* @__PURE__ */ createElement48(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `quick-stats ${QuickStats_module_default["quick-stats"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement48("div", { ...props, key: uniqId, className: "quick-stats" });
 };
 
 // components/ReadingProgress/index.tsx
 import * as React49 from "react";
-
-// components/ReadingProgress/ReadingProgress.module.scss
-var ReadingProgress_module_default = {};
-
-// components/ReadingProgress/index.tsx
 import { createElement as createElement49 } from "react";
 var ReadingProgress = ({ ...props }) => {
   const uniqId = React49.useId();
-  return /* @__PURE__ */ createElement49(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `reading-progress ${ReadingProgress_module_default["reading-progress"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement49("div", { ...props, key: uniqId, className: "reading-progress" });
 };
 
 // components/RecipeFinder/index.tsx
 import * as React50 from "react";
-
-// components/RecipeFinder/RecipeFinder.module.scss
-var RecipeFinder_module_default = {};
-
-// components/RecipeFinder/index.tsx
 import { createElement as createElement50 } from "react";
 var RecipeFinder = ({ ...props }) => {
   const uniqId = React50.useId();
-  return /* @__PURE__ */ createElement50(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `recipe-finder ${RecipeFinder_module_default["recipe-finder"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement50("div", { ...props, key: uniqId, className: "recipe-finder" });
 };
 
 // components/RocketLaunchWidget/index.tsx
 import * as React51 from "react";
-
-// components/RocketLaunchWidget/RocketLaunchWidget.module.scss
-var RocketLaunchWidget_module_default = {};
-
-// components/RocketLaunchWidget/index.tsx
 import { createElement as createElement51 } from "react";
 var RocketLaunchWidget = ({
   ...props
 }) => {
   const uniqId = React51.useId();
-  return /* @__PURE__ */ createElement51(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `rocket-launch-widget ${RocketLaunchWidget_module_default["rocket-launch-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement51("div", { ...props, key: uniqId, className: "rocket-launch-widget" });
 };
 
 // components/SettingsPanel/index.tsx
 import * as React52 from "react";
-
-// components/SettingsPanel/SettingsPanel.module.scss
-var SettingsPanel_module_default = {};
-
-// components/SettingsPanel/index.tsx
 import { createElement as createElement52 } from "react";
 var SettingsPanel = ({ ...props }) => {
   const uniqId = React52.useId();
-  return /* @__PURE__ */ createElement52(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `settings-panel ${SettingsPanel_module_default["settings-panel"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement52("div", { ...props, key: uniqId, className: "settings-panel" });
 };
 
 // components/ShoppingCart/index.tsx
 import * as React53 from "react";
-
-// components/ShoppingCart/ShoppingCart.module.scss
-var ShoppingCart_module_default = {};
-
-// components/ShoppingCart/index.tsx
 import { createElement as createElement53 } from "react";
 var ShoppingCart = ({ ...props }) => {
   const uniqId = React53.useId();
-  return /* @__PURE__ */ createElement53(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `shopping-cart ${ShoppingCart_module_default["shopping-cart"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement53("div", { ...props, key: uniqId, className: "shopping-cart" });
 };
 
 // components/ShoppingList/index.tsx
 import * as React54 from "react";
-
-// components/ShoppingList/ShoppingList.module.scss
-var ShoppingList_module_default = {};
-
-// components/ShoppingList/index.tsx
 import { createElement as createElement54 } from "react";
 var ShoppingList = ({ ...props }) => {
   const uniqId = React54.useId();
-  return /* @__PURE__ */ createElement54(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `shopping-list ${ShoppingList_module_default["shopping-list"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement54("div", { ...props, key: uniqId, className: "shopping-list" });
 };
 
 // components/SocialEngagement/index.tsx
 import * as React55 from "react";
-
-// components/SocialEngagement/SocialEngagement.module.scss
-var SocialEngagement_module_default = {};
-
-// components/SocialEngagement/index.tsx
 import { createElement as createElement55 } from "react";
 var SocialEngagement = ({ ...props }) => {
   const uniqId = React55.useId();
-  return /* @__PURE__ */ createElement55(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `social-engagement ${SocialEngagement_module_default["social-engagement"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement55("div", { ...props, key: uniqId, className: "social-engagement" });
 };
 
 // components/SocialMediaCard/index.tsx
@@ -1124,48 +463,19 @@ import * as React56 from "react";
 import { Anchor } from "@aristobyte-ui/anchor";
 import { Button } from "@aristobyte-ui/button";
 import { Icons } from "@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
 import { jsx, jsxs } from "react/jsx-runtime";
 var renderAvatar = (avatar) => {
   if (avatar == null ? void 0 : avatar.image) {
     return /* @__PURE__ */ 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__ */ jsx("div", { className: SocialMediaCard_module_default["social-media-card__avatar-icon"], children: ((avatar == null ? void 0 : avatar.icon) || Icons.User)({ size: 24 }) });
+  return /* @__PURE__ */ jsx("div", { className: "social-media-card__avatar-icon", children: ((avatar == null ? void 0 : avatar.icon) || Icons.User)({ size: 24 }) });
 };
 var SocialMediaCard = ({
   variant = "default",
@@ -1183,22 +493,22 @@ var SocialMediaCard = ({
   return /* @__PURE__ */ 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__ */ jsxs("div", { className: SocialMediaCard_module_default["social-media-card__header"], children: [
+        /* @__PURE__ */ jsxs("div", { className: "social-media-card__header", children: [
           avatar && /* @__PURE__ */ jsx(
             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__ */ jsxs("div", { className: SocialMediaCard_module_default["social-media-card__text"], children: [
-            /* @__PURE__ */ jsx("h3", { className: SocialMediaCard_module_default["social-media-card__title"], children: title }),
-            /* @__PURE__ */ jsx("h4", { className: SocialMediaCard_module_default["social-media-card__subtitle"], children: subtitle })
+          title && subtitle && /* @__PURE__ */ jsxs("div", { className: "social-media-card__text", children: [
+            /* @__PURE__ */ jsx("h3", { className: "social-media-card__title", children: title }),
+            /* @__PURE__ */ jsx("h4", { className: "social-media-card__subtitle", children: subtitle })
           ] }),
           button && /* @__PURE__ */ jsx(
             Button,
@@ -1206,25 +516,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__ */ jsx("div", { className: SocialMediaCard_module_default["social-media-card__content"], children: content }),
-        tags && tags.length > 0 && /* @__PURE__ */ jsx("ul", { className: SocialMediaCard_module_default["social-media-card__tags"], children: tags.map(({ variant: tagVariant, ...rest }, i) => /* @__PURE__ */ jsx("li", { className: SocialMediaCard_module_default["social-media-card__tag"], children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "social-media-card__content", children: content }),
+        tags && tags.length > 0 && /* @__PURE__ */ jsx("ul", { className: "social-media-card__tags", children: tags.map(({ variant: tagVariant, ...rest }, i) => /* @__PURE__ */ jsx("li", { className: "social-media-card__tag", children: /* @__PURE__ */ jsx(
           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__ */ jsx("ul", { className: SocialMediaCard_module_default["social-media-card__metrics"], children: metrics.map(({ icon, label, value, ...rest }, i) => /* @__PURE__ */ jsx("li", { className: SocialMediaCard_module_default["social-media-card__metric"], children: /* @__PURE__ */ jsxs(Button, { ...rest, transparent: true, children: [
-          /* @__PURE__ */ jsxs("p", { className: SocialMediaCard_module_default["social-media-card__metric-par"], children: [
-            icon && /* @__PURE__ */ jsx("span", { className: SocialMediaCard_module_default["social-media-card__metric-icon"], children: icon({ size: 22 }) }),
-            value && /* @__PURE__ */ jsx("span", { className: SocialMediaCard_module_default["social-media-card__metric-value"], children: value })
+        metrics && metrics.length > 0 && /* @__PURE__ */ jsx("ul", { className: "social-media-card__metrics", children: metrics.map(({ icon, label, value, ...rest }, i) => /* @__PURE__ */ jsx("li", { className: "social-media-card__metric", children: /* @__PURE__ */ jsxs(Button, { ...rest, transparent: true, children: [
+          /* @__PURE__ */ jsxs("p", { className: "social-media-card__metric-par", children: [
+            icon && /* @__PURE__ */ jsx("span", { className: "social-media-card__metric-icon", children: icon({ size: 22 }) }),
+            value && /* @__PURE__ */ jsx("span", { className: "social-media-card__metric-value", children: value })
           ] }),
-          label && /* @__PURE__ */ jsx("p", { className: SocialMediaCard_module_default["social-media-card__metrics-label"], children: label })
+          label && /* @__PURE__ */ jsx("p", { className: "social-media-card__metrics-label", children: label })
         ] }) }, i)) })
       ]
     },
@@ -1234,266 +544,110 @@ var SocialMediaCard = ({
 
 // components/StatisticsCards/index.tsx
 import * as React57 from "react";
-
-// components/StatisticsCards/StatisticsCards.module.scss
-var StatisticsCards_module_default = {};
-
-// components/StatisticsCards/index.tsx
 import { createElement as createElement56 } from "react";
 var StatisticsCards = ({ ...props }) => {
   const uniqId = React57.useId();
-  return /* @__PURE__ */ createElement56(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `statistics-cards ${StatisticsCards_module_default["statistics-cards"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement56("div", { ...props, key: uniqId, className: "statistics-cards" });
 };
 
 // components/StatusIndicators/index.tsx
 import * as React58 from "react";
-
-// components/StatusIndicators/StatusIndicators.module.scss
-var StatusIndicators_module_default = {};
-
-// components/StatusIndicators/index.tsx
 import { createElement as createElement57 } from "react";
 var StatusIndicators = ({ ...props }) => {
   const uniqId = React58.useId();
-  return /* @__PURE__ */ createElement57(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `status-indicators ${StatusIndicators_module_default["status-indicators"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement57("div", { ...props, key: uniqId, className: "status-indicators" });
 };
 
 // components/StockMarket/index.tsx
 import * as React59 from "react";
-
-// components/StockMarket/StockMarket.module.scss
-var StockMarket_module_default = {};
-
-// components/StockMarket/index.tsx
 import { createElement as createElement58 } from "react";
 var StockMarket = ({ ...props }) => {
   const uniqId = React59.useId();
-  return /* @__PURE__ */ createElement58(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `stock-market ${StockMarket_module_default["stock-market"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement58("div", { ...props, key: uniqId, className: "stock-market" });
 };
 
 // components/StreakCounter/index.tsx
 import * as React60 from "react";
-
-// components/StreakCounter/StreakCounter.module.scss
-var StreakCounter_module_default = {};
-
-// components/StreakCounter/index.tsx
 import { createElement as createElement59 } from "react";
 var StreakCounter = ({ ...props }) => {
   const uniqId = React60.useId();
-  return /* @__PURE__ */ createElement59(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `streak-counter ${StreakCounter_module_default["streak-counter"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement59("div", { ...props, key: uniqId, className: "streak-counter" });
 };
 
 // components/SystemStatus/index.tsx
 import * as React61 from "react";
-
-// components/SystemStatus/SystemStatus.module.scss
-var SystemStatus_module_default = {};
-
-// components/SystemStatus/index.tsx
 import { createElement as createElement60 } from "react";
 var SystemStatus = ({ ...props }) => {
   const uniqId = React61.useId();
-  return /* @__PURE__ */ createElement60(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `system-status ${SystemStatus_module_default["system-status"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement60("div", { ...props, key: uniqId, className: "system-status" });
 };
 
 // components/TaskManager/index.tsx
 import * as React62 from "react";
-
-// components/TaskManager/TaskManager.module.scss
-var TaskManager_module_default = {};
-
-// components/TaskManager/index.tsx
 import { createElement as createElement61 } from "react";
 var TaskManager = ({ ...props }) => {
   const uniqId = React62.useId();
-  return /* @__PURE__ */ createElement61(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `task-manager ${TaskManager_module_default["task-manager"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement61("div", { ...props, key: uniqId, className: "task-manager" });
 };
 
 // components/TeamCollaborationWidget/index.tsx
 import * as React63 from "react";
-
-// components/TeamCollaborationWidget/TeamCollaborationWidget.module.scss
-var TeamCollaborationWidget_module_default = {};
-
-// components/TeamCollaborationWidget/index.tsx
 import { createElement as createElement62 } from "react";
 var TeamCollaborationWidget = ({
   ...props
 }) => {
   const uniqId = React63.useId();
-  return /* @__PURE__ */ createElement62(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `team-collaboration-widget ${TeamCollaborationWidget_module_default["team-collaboration-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement62("div", { ...props, key: uniqId, className: "team-collaboration-widget" });
 };
 
 // components/TimeLocationWidget/index.tsx
 import * as React64 from "react";
-
-// components/TimeLocationWidget/TimeLocationWidget.module.scss
-var TimeLocationWidget_module_default = {};
-
-// components/TimeLocationWidget/index.tsx
 import { createElement as createElement63 } from "react";
 var TimeLocationWidget = ({
   ...props
 }) => {
   const uniqId = React64.useId();
-  return /* @__PURE__ */ createElement63(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `time-location-widget ${TimeLocationWidget_module_default["time-location-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement63("div", { ...props, key: uniqId, className: "time-location-widget" });
 };
 
 // components/TodoList/index.tsx
 import * as React65 from "react";
-
-// components/TodoList/TodoList.module.scss
-var TodoList_module_default = {};
-
-// components/TodoList/index.tsx
 import { createElement as createElement64 } from "react";
 var TodoList = ({ ...props }) => {
   const uniqId = React65.useId();
-  return /* @__PURE__ */ createElement64(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `todo-list ${TodoList_module_default["todo-list"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement64("div", { ...props, key: uniqId, className: "todo-list" });
 };
 
 // components/ToolWidget/index.tsx
 import * as React66 from "react";
-
-// components/ToolWidget/ToolWidget.module.scss
-var ToolWidget_module_default = {};
-
-// components/ToolWidget/index.tsx
 import { createElement as createElement65 } from "react";
 var ToolWidget = ({ ...props }) => {
   const uniqId = React66.useId();
-  return /* @__PURE__ */ createElement65(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `tool-widget ${ToolWidget_module_default["tool-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement65("div", { ...props, key: uniqId, className: "tool-widget" });
 };
 
 // components/TravelPlanner/index.tsx
 import * as React67 from "react";
-
-// components/TravelPlanner/TravelPlanner.module.scss
-var TravelPlanner_module_default = {};
-
-// components/TravelPlanner/index.tsx
 import { createElement as createElement66 } from "react";
 var TravelPlanner = ({ ...props }) => {
   const uniqId = React67.useId();
-  return /* @__PURE__ */ createElement66(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `travel-planner ${TravelPlanner_module_default["travel-planner"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement66("div", { ...props, key: uniqId, className: "travel-planner" });
 };
 
 // components/VideoCallWidget/index.tsx
 import * as React68 from "react";
-
-// components/VideoCallWidget/VideoCallWidget.module.scss
-var VideoCallWidget_module_default = {};
-
-// components/VideoCallWidget/index.tsx
 import { createElement as createElement67 } from "react";
 var VideoCallWidget = ({ ...props }) => {
   const uniqId = React68.useId();
-  return /* @__PURE__ */ createElement67(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `video-call-widget ${VideoCallWidget_module_default["video-call-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement67("div", { ...props, key: uniqId, className: "video-call-widget" });
 };
 
 // components/WeatherWidget/index.tsx
 import * as React69 from "react";
-
-// components/WeatherWidget/WeatherWidget.module.scss
-var WeatherWidget_module_default = {};
-
-// components/WeatherWidget/index.tsx
 import { createElement as createElement68 } from "react";
 var WeatherWidget = ({ ...props }) => {
   const uniqId = React69.useId();
-  return /* @__PURE__ */ createElement68(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `weather-widget ${WeatherWidget_module_default["weather-widget"]}`
-    }
-  );
+  return /* @__PURE__ */ createElement68("div", { ...props, key: uniqId, className: "weather-widget" });
 };
 export {
   AIAssistant,