@aristobyte-ui/presets 1.0.33 → 1.0.35

package/dist/index.js

@@ -32,75 +32,75 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // index.ts
 var index_exports = {};
 __export(index_exports, {
-  IAIAssistant: () => IAIAssistant,
-  IActionButtons: () => IActionButtons,
-  IActivityFeed: () => IActivityFeed,
-  IAnalyticsDashboard: () => IAnalyticsDashboard,
-  IBudgetTracker: () => IBudgetTracker,
-  ICalendarWidget: () => ICalendarWidget,
-  IChatMessages: () => IChatMessages,
-  ICloudStorage: () => ICloudStorage,
-  ICodeEditor: () => ICodeEditor,
-  ICodeStats: () => ICodeStats,
-  IColorPaletteWidget: () => IColorPaletteWidget,
-  IContactCard: () => IContactCard,
-  ICryptocurrencyWidget: () => ICryptocurrencyWidget,
-  IDatabaseWidget: () => IDatabaseWidget,
-  IDesignSystem: () => IDesignSystem,
-  IDeviceStatus: () => IDeviceStatus,
-  IDocumentScanner: () => IDocumentScanner,
-  IEmailDashboard: () => IEmailDashboard,
-  IEnergyMeter: () => IEnergyMeter,
-  IFileManager: () => IFileManager,
-  IFileUploadArea: () => IFileUploadArea,
-  IFitnessTracker: () => IFitnessTracker,
-  IGamingControllerWidget: () => IGamingControllerWidget,
-  IHabitTracker: () => IHabitTracker,
-  IHealthMonitor: () => IHealthMonitor,
-  IIdeaBulbWidget: () => IIdeaBulbWidget,
-  IInspirationWidget: () => IInspirationWidget,
-  ILanguageLearning: () => ILanguageLearning,
-  ILayerStackWidget: () => ILayerStackWidget,
-  IMediaControls: () => IMediaControls,
-  IMiniMenu: () => IMiniMenu,
-  IMouseTracker: () => IMouseTracker,
-  IMusicPlayer: () => IMusicPlayer,
-  IMusicProduction: () => IMusicProduction,
-  INatureWidget: () => INatureWidget,
-  INavigationPills: () => INavigationPills,
-  INetworkStatus: () => INetworkStatus,
-  INotificationBadges: () => INotificationBadges,
-  INotificationCards: () => INotificationCards,
-  IOfficeBuildingWidget: () => IOfficeBuildingWidget,
-  IPasswordManager: () => IPasswordManager,
-  IPhotoEditor: () => IPhotoEditor,
-  IPomodoroTimer: () => IPomodoroTimer,
-  IPricingCard: () => IPricingCard,
-  IProfileBadge: () => IProfileBadge,
-  IProgressTracker: () => IProgressTracker,
-  IQuickActions: () => IQuickActions,
-  IQuickStats: () => IQuickStats,
-  IReadingProgress: () => IReadingProgress,
-  IRecipeFinder: () => IRecipeFinder,
-  IRocketLaunchWidget: () => IRocketLaunchWidget,
-  ISettingsPanel: () => ISettingsPanel,
-  IShoppingCart: () => IShoppingCart,
-  IShoppingList: () => IShoppingList,
-  ISocialEngagement: () => ISocialEngagement,
-  ISocialMediaCard: () => ISocialMediaCard,
-  IStatisticsCards: () => IStatisticsCards,
-  IStatusIndicators: () => IStatusIndicators,
-  IStockMarket: () => IStockMarket,
-  IStreakCounter: () => IStreakCounter,
-  ISystemStatus: () => ISystemStatus,
-  ITaskManager: () => ITaskManager,
-  ITeamCollaborationWidget: () => ITeamCollaborationWidget,
-  ITimeLocationWidget: () => ITimeLocationWidget,
-  ITodoList: () => ITodoList,
-  IToolWidget: () => IToolWidget,
-  ITravelPlanner: () => ITravelPlanner,
-  IVideoCallWidget: () => IVideoCallWidget,
-  IWeatherWidget: () => IWeatherWidget
+  AIAssistant: () => AIAssistant,
+  ActionButtons: () => ActionButtons,
+  ActivityFeed: () => ActivityFeed,
+  AnalyticsDashboard: () => AnalyticsDashboard,
+  BudgetTracker: () => BudgetTracker,
+  CalendarWidget: () => CalendarWidget,
+  ChatMessages: () => ChatMessages,
+  CloudStorage: () => CloudStorage,
+  CodeEditor: () => CodeEditor,
+  CodeStats: () => CodeStats,
+  ColorPaletteWidget: () => ColorPaletteWidget,
+  ContactCard: () => ContactCard,
+  CryptocurrencyWidget: () => CryptocurrencyWidget,
+  DatabaseWidget: () => DatabaseWidget,
+  DesignSystem: () => DesignSystem,
+  DeviceStatus: () => DeviceStatus,
+  DocumentScanner: () => DocumentScanner,
+  EmailDashboard: () => EmailDashboard,
+  EnergyMeter: () => EnergyMeter,
+  FileManager: () => FileManager,
+  FileUploadArea: () => FileUploadArea,
+  FitnessTracker: () => FitnessTracker,
+  GamingControllerWidget: () => GamingControllerWidget,
+  HabitTracker: () => HabitTracker,
+  HealthMonitor: () => HealthMonitor,
+  IdeaBulbWidget: () => IdeaBulbWidget,
+  InspirationWidget: () => InspirationWidget,
+  LanguageLearning: () => LanguageLearning,
+  LayerStackWidget: () => LayerStackWidget,
+  MediaControls: () => MediaControls,
+  MiniMenu: () => MiniMenu,
+  MouseTracker: () => MouseTracker,
+  MusicPlayer: () => MusicPlayer,
+  MusicProduction: () => MusicProduction,
+  NatureWidget: () => NatureWidget,
+  NavigationPills: () => NavigationPills,
+  NetworkStatus: () => NetworkStatus,
+  NotificationBadges: () => NotificationBadges,
+  NotificationCards: () => NotificationCards,
+  OfficeBuildingWidget: () => OfficeBuildingWidget,
+  PasswordManager: () => PasswordManager,
+  PhotoEditor: () => PhotoEditor,
+  PomodoroTimer: () => PomodoroTimer,
+  PricingCard: () => PricingCard,
+  ProfileBadge: () => ProfileBadge,
+  ProgressTracker: () => ProgressTracker,
+  QuickActions: () => QuickActions,
+  QuickStats: () => QuickStats,
+  ReadingProgress: () => ReadingProgress,
+  RecipeFinder: () => RecipeFinder,
+  RocketLaunchWidget: () => RocketLaunchWidget,
+  SettingsPanel: () => SettingsPanel,
+  ShoppingCart: () => ShoppingCart,
+  ShoppingList: () => ShoppingList,
+  SocialEngagement: () => SocialEngagement,
+  SocialMediaCard: () => SocialMediaCard,
+  StatisticsCards: () => StatisticsCards,
+  StatusIndicators: () => StatusIndicators,
+  StockMarket: () => StockMarket,
+  StreakCounter: () => StreakCounter,
+  SystemStatus: () => SystemStatus,
+  TaskManager: () => TaskManager,
+  TeamCollaborationWidget: () => TeamCollaborationWidget,
+  TimeLocationWidget: () => TimeLocationWidget,
+  TodoList: () => TodoList,
+  ToolWidget: () => ToolWidget,
+  TravelPlanner: () => TravelPlanner,
+  VideoCallWidget: () => VideoCallWidget,
+  WeatherWidget: () => WeatherWidget
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -112,7 +112,7 @@ var ActionButtons_module_default = {};
 
 // components/ActionButtons/index.tsx
 var import_react = require("react");
-var IActionButtons = ({ ...props }) => {
+var ActionButtons = ({ ...props }) => {
   const uniqId = React.useId();
   return /* @__PURE__ */ (0, import_react.createElement)(
     "div",
@@ -132,7 +132,7 @@ var ActivityFeed_module_default = {};
 
 // components/ActivityFeed/index.tsx
 var import_react2 = require("react");
-var IActivityFeed = ({ ...props }) => {
+var ActivityFeed = ({ ...props }) => {
   const uniqId = React2.useId();
   return /* @__PURE__ */ (0, import_react2.createElement)(
     "div",
@@ -152,7 +152,7 @@ var AIAssistant_module_default = {};
 
 // components/AIAssistant/index.tsx
 var import_react3 = require("react");
-var IAIAssistant = ({ ...props }) => {
+var AIAssistant = ({ ...props }) => {
   const uniqId = React3.useId();
   return /* @__PURE__ */ (0, import_react3.createElement)(
     "div",
@@ -172,7 +172,7 @@ var AnalyticsDashboard_module_default = {};
 
 // components/AnalyticsDashboard/index.tsx
 var import_react4 = require("react");
-var IAnalyticsDashboard = ({
+var AnalyticsDashboard = ({
   ...props
 }) => {
   const uniqId = React4.useId();
@@ -194,7 +194,7 @@ var BudgetTracker_module_default = {};
 
 // components/BudgetTracker/index.tsx
 var import_react5 = require("react");
-var IBudgetTracker = ({ ...props }) => {
+var BudgetTracker = ({ ...props }) => {
   const uniqId = React5.useId();
   return /* @__PURE__ */ (0, import_react5.createElement)(
     "div",
@@ -214,7 +214,7 @@ var CalendarWidget_module_default = {};
 
 // components/CalendarWidget/index.tsx
 var import_react6 = require("react");
-var ICalendarWidget = ({ ...props }) => {
+var CalendarWidget = ({ ...props }) => {
   const uniqId = React6.useId();
   return /* @__PURE__ */ (0, import_react6.createElement)(
     "div",
@@ -234,7 +234,7 @@ var ChatMessages_module_default = {};
 
 // components/ChatMessages/index.tsx
 var import_react7 = require("react");
-var IChatMessages = ({ ...props }) => {
+var ChatMessages = ({ ...props }) => {
   const uniqId = React7.useId();
   return /* @__PURE__ */ (0, import_react7.createElement)(
     "div",
@@ -254,7 +254,7 @@ var CloudStorage_module_default = {};
 
 // components/CloudStorage/index.tsx
 var import_react8 = require("react");
-var ICloudStorage = ({ ...props }) => {
+var CloudStorage = ({ ...props }) => {
   const uniqId = React8.useId();
   return /* @__PURE__ */ (0, import_react8.createElement)(
     "div",
@@ -274,7 +274,7 @@ var CodeEditor_module_default = {};
 
 // components/CodeEditor/index.tsx
 var import_react9 = require("react");
-var ICodeEditor = ({ ...props }) => {
+var CodeEditor = ({ ...props }) => {
   const uniqId = React9.useId();
   return /* @__PURE__ */ (0, import_react9.createElement)(
     "div",
@@ -294,7 +294,7 @@ var CodeStats_module_default = {};
 
 // components/CodeStats/index.tsx
 var import_react10 = require("react");
-var ICodeStats = ({ ...props }) => {
+var CodeStats = ({ ...props }) => {
   const uniqId = React10.useId();
   return /* @__PURE__ */ (0, import_react10.createElement)(
     "div",
@@ -314,7 +314,7 @@ var ColorPaletteWidget_module_default = {};
 
 // components/ColorPaletteWidget/index.tsx
 var import_react11 = require("react");
-var IColorPaletteWidget = ({
+var ColorPaletteWidget = ({
   ...props
 }) => {
   const uniqId = React11.useId();
@@ -336,7 +336,7 @@ var ContactCard_module_default = {};
 
 // components/ContactCard/index.tsx
 var import_react12 = require("react");
-var IContactCard = ({ ...props }) => {
+var ContactCard = ({ ...props }) => {
   const uniqId = React12.useId();
   return /* @__PURE__ */ (0, import_react12.createElement)(
     "div",
@@ -356,7 +356,7 @@ var CryptocurrencyWidget_module_default = {};
 
 // components/CryptocurrencyWidget/index.tsx
 var import_react13 = require("react");
-var ICryptocurrencyWidget = ({
+var CryptocurrencyWidget = ({
   ...props
 }) => {
   const uniqId = React13.useId();
@@ -378,7 +378,7 @@ var DatabaseWidget_module_default = {};
 
 // components/DatabaseWidget/index.tsx
 var import_react14 = require("react");
-var IDatabaseWidget = ({ ...props }) => {
+var DatabaseWidget = ({ ...props }) => {
   const uniqId = React14.useId();
   return /* @__PURE__ */ (0, import_react14.createElement)(
     "div",
@@ -398,7 +398,7 @@ var DesignSystem_module_default = {};
 
 // components/DesignSystem/index.tsx
 var import_react15 = require("react");
-var IDesignSystem = ({ ...props }) => {
+var DesignSystem = ({ ...props }) => {
   const uniqId = React15.useId();
   return /* @__PURE__ */ (0, import_react15.createElement)(
     "div",
@@ -418,7 +418,7 @@ var DeviceStatus_module_default = {};
 
 // components/DeviceStatus/index.tsx
 var import_react16 = require("react");
-var IDeviceStatus = ({ ...props }) => {
+var DeviceStatus = ({ ...props }) => {
   const uniqId = React16.useId();
   return /* @__PURE__ */ (0, import_react16.createElement)(
     "div",
@@ -438,7 +438,7 @@ var DocumentScanner_module_default = {};
 
 // components/DocumentScanner/index.tsx
 var import_react17 = require("react");
-var IDocumentScanner = ({ ...props }) => {
+var DocumentScanner = ({ ...props }) => {
   const uniqId = React17.useId();
   return /* @__PURE__ */ (0, import_react17.createElement)(
     "div",
@@ -458,7 +458,7 @@ var EmailDashboard_module_default = {};
 
 // components/EmailDashboard/index.tsx
 var import_react18 = require("react");
-var IEmailDashboard = ({ ...props }) => {
+var EmailDashboard = ({ ...props }) => {
   const uniqId = React18.useId();
   return /* @__PURE__ */ (0, import_react18.createElement)(
     "div",
@@ -478,7 +478,7 @@ var EnergyMeter_module_default = {};
 
 // components/EnergyMeter/index.tsx
 var import_react19 = require("react");
-var IEnergyMeter = ({ ...props }) => {
+var EnergyMeter = ({ ...props }) => {
   const uniqId = React19.useId();
   return /* @__PURE__ */ (0, import_react19.createElement)(
     "div",
@@ -498,7 +498,7 @@ var FileManager_module_default = {};
 
 // components/FileManager/index.tsx
 var import_react20 = require("react");
-var IFileManager = ({ ...props }) => {
+var FileManager = ({ ...props }) => {
   const uniqId = React20.useId();
   return /* @__PURE__ */ (0, import_react20.createElement)(
     "div",
@@ -518,7 +518,7 @@ var FileUploadArea_module_default = {};
 
 // components/FileUploadArea/index.tsx
 var import_react21 = require("react");
-var IFileUploadArea = ({ ...props }) => {
+var FileUploadArea = ({ ...props }) => {
   const uniqId = React21.useId();
   return /* @__PURE__ */ (0, import_react21.createElement)(
     "div",
@@ -538,7 +538,7 @@ var FitnessTracker_module_default = {};
 
 // components/FitnessTracker/index.tsx
 var import_react22 = require("react");
-var IFitnessTracker = ({ ...props }) => {
+var FitnessTracker = ({ ...props }) => {
   const uniqId = React22.useId();
   return /* @__PURE__ */ (0, import_react22.createElement)(
     "div",
@@ -558,7 +558,7 @@ var GamingControllerWidget_module_default = {};
 
 // components/GamingControllerWidget/index.tsx
 var import_react23 = require("react");
-var IGamingControllerWidget = ({
+var GamingControllerWidget = ({
   ...props
 }) => {
   const uniqId = React23.useId();
@@ -580,7 +580,7 @@ var HabitTracker_module_default = {};
 
 // components/HabitTracker/index.tsx
 var import_react24 = require("react");
-var IHabitTracker = ({ ...props }) => {
+var HabitTracker = ({ ...props }) => {
   const uniqId = React24.useId();
   return /* @__PURE__ */ (0, import_react24.createElement)(
     "div",
@@ -600,7 +600,7 @@ var HealthMonitor_module_default = {};
 
 // components/HealthMonitor/index.tsx
 var import_react25 = require("react");
-var IHealthMonitor = ({ ...props }) => {
+var HealthMonitor = ({ ...props }) => {
   const uniqId = React25.useId();
   return /* @__PURE__ */ (0, import_react25.createElement)(
     "div",
@@ -620,7 +620,7 @@ var IdeaBulbWidget_module_default = {};
 
 // components/IdeaBulbWidget/index.tsx
 var import_react26 = require("react");
-var IIdeaBulbWidget = ({ ...props }) => {
+var IdeaBulbWidget = ({ ...props }) => {
   const uniqId = React26.useId();
   return /* @__PURE__ */ (0, import_react26.createElement)(
     "div",
@@ -640,7 +640,7 @@ var InspirationWidget_module_default = {};
 
 // components/InspirationWidget/index.tsx
 var import_react27 = require("react");
-var IInspirationWidget = ({
+var InspirationWidget = ({
   ...props
 }) => {
   const uniqId = React27.useId();
@@ -662,9 +662,7 @@ var LanguageLearning_module_default = {};
 
 // components/LanguageLearning/index.tsx
 var import_react28 = require("react");
-var ILanguageLearning = ({
-  ...props
-}) => {
+var LanguageLearning = ({ ...props }) => {
   const uniqId = React28.useId();
   return /* @__PURE__ */ (0, import_react28.createElement)(
     "div",
@@ -684,9 +682,7 @@ var LayerStackWidget_module_default = {};
 
 // components/LayerStackWidget/index.tsx
 var import_react29 = require("react");
-var ILayerStackWidget = ({
-  ...props
-}) => {
+var LayerStackWidget = ({ ...props }) => {
   const uniqId = React29.useId();
   return /* @__PURE__ */ (0, import_react29.createElement)(
     "div",
@@ -706,7 +702,7 @@ var MediaControls_module_default = {};
 
 // components/MediaControls/index.tsx
 var import_react30 = require("react");
-var IMediaControls = ({ ...props }) => {
+var MediaControls = ({ ...props }) => {
   const uniqId = React30.useId();
   return /* @__PURE__ */ (0, import_react30.createElement)(
     "div",
@@ -726,7 +722,7 @@ var MiniMenu_module_default = {};
 
 // components/MiniMenu/index.tsx
 var import_react31 = require("react");
-var IMiniMenu = ({ ...props }) => {
+var MiniMenu = ({ ...props }) => {
   const uniqId = React31.useId();
   return /* @__PURE__ */ (0, import_react31.createElement)(
     "div",
@@ -746,7 +742,7 @@ var MouseTracker_module_default = {};
 
 // components/MouseTracker/index.tsx
 var import_react32 = require("react");
-var IMouseTracker = ({ ...props }) => {
+var MouseTracker = ({ ...props }) => {
   const uniqId = React32.useId();
   return /* @__PURE__ */ (0, import_react32.createElement)(
     "div",
@@ -766,7 +762,7 @@ var MusicPlayer_module_default = {};
 
 // components/MusicPlayer/index.tsx
 var import_react33 = require("react");
-var IMusicPlayer = ({ ...props }) => {
+var MusicPlayer = ({ ...props }) => {
   const uniqId = React33.useId();
   return /* @__PURE__ */ (0, import_react33.createElement)(
     "div",
@@ -786,7 +782,7 @@ var MusicProduction_module_default = {};
 
 // components/MusicProduction/index.tsx
 var import_react34 = require("react");
-var IMusicProduction = ({ ...props }) => {
+var MusicProduction = ({ ...props }) => {
   const uniqId = React34.useId();
   return /* @__PURE__ */ (0, import_react34.createElement)(
     "div",
@@ -806,7 +802,7 @@ var NatureWidget_module_default = {};
 
 // components/NatureWidget/index.tsx
 var import_react35 = require("react");
-var INatureWidget = ({ ...props }) => {
+var NatureWidget = ({ ...props }) => {
   const uniqId = React35.useId();
   return /* @__PURE__ */ (0, import_react35.createElement)(
     "div",
@@ -826,7 +822,7 @@ var NavigationPills_module_default = {};
 
 // components/NavigationPills/index.tsx
 var import_react36 = require("react");
-var INavigationPills = ({ ...props }) => {
+var NavigationPills = ({ ...props }) => {
   const uniqId = React36.useId();
   return /* @__PURE__ */ (0, import_react36.createElement)(
     "div",
@@ -846,7 +842,7 @@ var NetworkStatus_module_default = {};
 
 // components/NetworkStatus/index.tsx
 var import_react37 = require("react");
-var INetworkStatus = ({ ...props }) => {
+var NetworkStatus = ({ ...props }) => {
   const uniqId = React37.useId();
   return /* @__PURE__ */ (0, import_react37.createElement)(
     "div",
@@ -866,7 +862,7 @@ var NotificationBadges_module_default = {};
 
 // components/NotificationBadges/index.tsx
 var import_react38 = require("react");
-var INotificationBadges = ({
+var NotificationBadges = ({
   ...props
 }) => {
   const uniqId = React38.useId();
@@ -888,7 +884,7 @@ var NotificationCards_module_default = {};
 
 // components/NotificationCards/index.tsx
 var import_react39 = require("react");
-var INotificationCards = ({
+var NotificationCards = ({
   ...props
 }) => {
   const uniqId = React39.useId();
@@ -910,7 +906,7 @@ var OfficeBuildingWidget_module_default = {};
 
 // components/OfficeBuildingWidget/index.tsx
 var import_react40 = require("react");
-var IOfficeBuildingWidget = ({
+var OfficeBuildingWidget = ({
   ...props
 }) => {
   const uniqId = React40.useId();
@@ -932,7 +928,7 @@ var PasswordManager_module_default = {};
 
 // components/PasswordManager/index.tsx
 var import_react41 = require("react");
-var IPasswordManager = ({ ...props }) => {
+var PasswordManager = ({ ...props }) => {
   const uniqId = React41.useId();
   return /* @__PURE__ */ (0, import_react41.createElement)(
     "div",
@@ -952,7 +948,7 @@ var PhotoEditor_module_default = {};
 
 // components/PhotoEditor/index.tsx
 var import_react42 = require("react");
-var IPhotoEditor = ({ ...props }) => {
+var PhotoEditor = ({ ...props }) => {
   const uniqId = React42.useId();
   return /* @__PURE__ */ (0, import_react42.createElement)(
     "div",
@@ -972,7 +968,7 @@ var PomodoroTimer_module_default = {};
 
 // components/PomodoroTimer/index.tsx
 var import_react43 = require("react");
-var IPomodoroTimer = ({ ...props }) => {
+var PomodoroTimer = ({ ...props }) => {
   const uniqId = React43.useId();
   return /* @__PURE__ */ (0, import_react43.createElement)(
     "div",
@@ -992,7 +988,7 @@ var PricingCard_module_default = {};
 
 // components/PricingCard/index.tsx
 var import_react44 = require("react");
-var IPricingCard = ({ ...props }) => {
+var PricingCard = ({ ...props }) => {
   const uniqId = React44.useId();
   return /* @__PURE__ */ (0, import_react44.createElement)(
     "div",
@@ -1012,7 +1008,7 @@ var ProfileBadge_module_default = {};
 
 // components/ProfileBadge/index.tsx
 var import_react45 = require("react");
-var IProfileBadge = ({ ...props }) => {
+var ProfileBadge = ({ ...props }) => {
   const uniqId = React45.useId();
   return /* @__PURE__ */ (0, import_react45.createElement)(
     "div",
@@ -1032,7 +1028,7 @@ var ProgressTracker_module_default = {};
 
 // components/ProgressTracker/index.tsx
 var import_react46 = require("react");
-var IProgressTracker = ({ ...props }) => {
+var ProgressTracker = ({ ...props }) => {
   const uniqId = React46.useId();
   return /* @__PURE__ */ (0, import_react46.createElement)(
     "div",
@@ -1052,7 +1048,7 @@ var QuickActions_module_default = {};
 
 // components/QuickActions/index.tsx
 var import_react47 = require("react");
-var IQuickActions = ({ ...props }) => {
+var QuickActions = ({ ...props }) => {
   const uniqId = React47.useId();
   return /* @__PURE__ */ (0, import_react47.createElement)(
     "div",
@@ -1072,7 +1068,7 @@ var QuickStats_module_default = {};
 
 // components/QuickStats/index.tsx
 var import_react48 = require("react");
-var IQuickStats = ({ ...props }) => {
+var QuickStats = ({ ...props }) => {
   const uniqId = React48.useId();
   return /* @__PURE__ */ (0, import_react48.createElement)(
     "div",
@@ -1092,7 +1088,7 @@ var ReadingProgress_module_default = {};
 
 // components/ReadingProgress/index.tsx
 var import_react49 = require("react");
-var IReadingProgress = ({ ...props }) => {
+var ReadingProgress = ({ ...props }) => {
   const uniqId = React49.useId();
   return /* @__PURE__ */ (0, import_react49.createElement)(
     "div",
@@ -1112,7 +1108,7 @@ var RecipeFinder_module_default = {};
 
 // components/RecipeFinder/index.tsx
 var import_react50 = require("react");
-var IRecipeFinder = ({ ...props }) => {
+var RecipeFinder = ({ ...props }) => {
   const uniqId = React50.useId();
   return /* @__PURE__ */ (0, import_react50.createElement)(
     "div",
@@ -1132,7 +1128,7 @@ var RocketLaunchWidget_module_default = {};
 
 // components/RocketLaunchWidget/index.tsx
 var import_react51 = require("react");
-var IRocketLaunchWidget = ({
+var RocketLaunchWidget = ({
   ...props
 }) => {
   const uniqId = React51.useId();
@@ -1154,7 +1150,7 @@ var SettingsPanel_module_default = {};
 
 // components/SettingsPanel/index.tsx
 var import_react52 = require("react");
-var ISettingsPanel = ({ ...props }) => {
+var SettingsPanel = ({ ...props }) => {
   const uniqId = React52.useId();
   return /* @__PURE__ */ (0, import_react52.createElement)(
     "div",
@@ -1174,7 +1170,7 @@ var ShoppingCart_module_default = {};
 
 // components/ShoppingCart/index.tsx
 var import_react53 = require("react");
-var IShoppingCart = ({ ...props }) => {
+var ShoppingCart = ({ ...props }) => {
   const uniqId = React53.useId();
   return /* @__PURE__ */ (0, import_react53.createElement)(
     "div",
@@ -1194,7 +1190,7 @@ var ShoppingList_module_default = {};
 
 // components/ShoppingList/index.tsx
 var import_react54 = require("react");
-var IShoppingList = ({ ...props }) => {
+var ShoppingList = ({ ...props }) => {
   const uniqId = React54.useId();
   return /* @__PURE__ */ (0, import_react54.createElement)(
     "div",
@@ -1214,9 +1210,7 @@ var SocialEngagement_module_default = {};
 
 // components/SocialEngagement/index.tsx
 var import_react55 = require("react");
-var ISocialEngagement = ({
-  ...props
-}) => {
+var SocialEngagement = ({ ...props }) => {
   const uniqId = React55.useId();
   return /* @__PURE__ */ (0, import_react55.createElement)(
     "div",
@@ -1230,21 +1224,118 @@ var ISocialEngagement = ({
 
 // components/SocialMediaCard/index.tsx
 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 = {};
+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_react56 = require("react");
-var ISocialMediaCard = ({ ...props }) => {
+var import_jsx_runtime = require("react/jsx-runtime");
+var renderIcon = (icon, props) => {
+  const Icon = icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: (props == null ? void 0 : props.size) || 22 });
+};
+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"],
+        src: avatar.image,
+        alt: avatar.imageAltText
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: SocialMediaCard_module_default["social-media-card__avatar-icon"], children: renderIcon((avatar == null ? void 0 : avatar.icon) || import_utils.Icons.User, { size: 24 }) });
+};
+var SocialMediaCard = ({
+  variant = "default",
+  radius = "full",
+  avatar,
+  title,
+  subtitle,
+  button,
+  content,
+  tags,
+  className,
+  metrics
+}) => {
   const uniqId = React56.useId();
-  return /* @__PURE__ */ (0, import_react56.createElement)(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `social-media-card ${SocialMediaCard_module_default["social-media-card"]}`
-    }
+  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}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: SocialMediaCard_module_default["social-media-card__header"], children: [
+          avatar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              className: SocialMediaCard_module_default["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 })
+          ] }),
+          button && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              ...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"]
+            }
+          )
+        ] }),
+        /* @__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)(
+          import_anchor.Anchor,
+          {
+            ...rest,
+            className: SocialMediaCard_module_default["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: renderIcon(icon) }),
+            value && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: SocialMediaCard_module_default["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 })
+        ] }) }, i)) })
+      ]
+    },
+    uniqId
   );
 };
 
@@ -1255,10 +1346,10 @@ var React57 = __toESM(require("react"));
 var StatisticsCards_module_default = {};
 
 // components/StatisticsCards/index.tsx
-var import_react57 = require("react");
-var IStatisticsCards = ({ ...props }) => {
+var import_react56 = require("react");
+var StatisticsCards = ({ ...props }) => {
   const uniqId = React57.useId();
-  return /* @__PURE__ */ (0, import_react57.createElement)(
+  return /* @__PURE__ */ (0, import_react56.createElement)(
     "div",
     {
       ...props,
@@ -1275,12 +1366,10 @@ var React58 = __toESM(require("react"));
 var StatusIndicators_module_default = {};
 
 // components/StatusIndicators/index.tsx
-var import_react58 = require("react");
-var IStatusIndicators = ({
-  ...props
-}) => {
+var import_react57 = require("react");
+var StatusIndicators = ({ ...props }) => {
   const uniqId = React58.useId();
-  return /* @__PURE__ */ (0, import_react58.createElement)(
+  return /* @__PURE__ */ (0, import_react57.createElement)(
     "div",
     {
       ...props,
@@ -1297,10 +1386,10 @@ var React59 = __toESM(require("react"));
 var StockMarket_module_default = {};
 
 // components/StockMarket/index.tsx
-var import_react59 = require("react");
-var IStockMarket = ({ ...props }) => {
+var import_react58 = require("react");
+var StockMarket = ({ ...props }) => {
   const uniqId = React59.useId();
-  return /* @__PURE__ */ (0, import_react59.createElement)(
+  return /* @__PURE__ */ (0, import_react58.createElement)(
     "div",
     {
       ...props,
@@ -1317,10 +1406,10 @@ var React60 = __toESM(require("react"));
 var StreakCounter_module_default = {};
 
 // components/StreakCounter/index.tsx
-var import_react60 = require("react");
-var IStreakCounter = ({ ...props }) => {
+var import_react59 = require("react");
+var StreakCounter = ({ ...props }) => {
   const uniqId = React60.useId();
-  return /* @__PURE__ */ (0, import_react60.createElement)(
+  return /* @__PURE__ */ (0, import_react59.createElement)(
     "div",
     {
       ...props,
@@ -1337,10 +1426,10 @@ var React61 = __toESM(require("react"));
 var SystemStatus_module_default = {};
 
 // components/SystemStatus/index.tsx
-var import_react61 = require("react");
-var ISystemStatus = ({ ...props }) => {
+var import_react60 = require("react");
+var SystemStatus = ({ ...props }) => {
   const uniqId = React61.useId();
-  return /* @__PURE__ */ (0, import_react61.createElement)(
+  return /* @__PURE__ */ (0, import_react60.createElement)(
     "div",
     {
       ...props,
@@ -1357,10 +1446,10 @@ var React62 = __toESM(require("react"));
 var TaskManager_module_default = {};
 
 // components/TaskManager/index.tsx
-var import_react62 = require("react");
-var ITaskManager = ({ ...props }) => {
+var import_react61 = require("react");
+var TaskManager = ({ ...props }) => {
   const uniqId = React62.useId();
-  return /* @__PURE__ */ (0, import_react62.createElement)(
+  return /* @__PURE__ */ (0, import_react61.createElement)(
     "div",
     {
       ...props,
@@ -1377,12 +1466,12 @@ var React63 = __toESM(require("react"));
 var TeamCollaborationWidget_module_default = {};
 
 // components/TeamCollaborationWidget/index.tsx
-var import_react63 = require("react");
-var ITeamCollaborationWidget = ({
+var import_react62 = require("react");
+var TeamCollaborationWidget = ({
   ...props
 }) => {
   const uniqId = React63.useId();
-  return /* @__PURE__ */ (0, import_react63.createElement)(
+  return /* @__PURE__ */ (0, import_react62.createElement)(
     "div",
     {
       ...props,
@@ -1399,12 +1488,12 @@ var React64 = __toESM(require("react"));
 var TimeLocationWidget_module_default = {};
 
 // components/TimeLocationWidget/index.tsx
-var import_react64 = require("react");
-var ITimeLocationWidget = ({
+var import_react63 = require("react");
+var TimeLocationWidget = ({
   ...props
 }) => {
   const uniqId = React64.useId();
-  return /* @__PURE__ */ (0, import_react64.createElement)(
+  return /* @__PURE__ */ (0, import_react63.createElement)(
     "div",
     {
       ...props,
@@ -1421,10 +1510,10 @@ var React65 = __toESM(require("react"));
 var TodoList_module_default = {};
 
 // components/TodoList/index.tsx
-var import_react65 = require("react");
-var ITodoList = ({ ...props }) => {
+var import_react64 = require("react");
+var TodoList = ({ ...props }) => {
   const uniqId = React65.useId();
-  return /* @__PURE__ */ (0, import_react65.createElement)(
+  return /* @__PURE__ */ (0, import_react64.createElement)(
     "div",
     {
       ...props,
@@ -1441,10 +1530,10 @@ var React66 = __toESM(require("react"));
 var ToolWidget_module_default = {};
 
 // components/ToolWidget/index.tsx
-var import_react66 = require("react");
-var IToolWidget = ({ ...props }) => {
+var import_react65 = require("react");
+var ToolWidget = ({ ...props }) => {
   const uniqId = React66.useId();
-  return /* @__PURE__ */ (0, import_react66.createElement)(
+  return /* @__PURE__ */ (0, import_react65.createElement)(
     "div",
     {
       ...props,
@@ -1461,10 +1550,10 @@ var React67 = __toESM(require("react"));
 var TravelPlanner_module_default = {};
 
 // components/TravelPlanner/index.tsx
-var import_react67 = require("react");
-var ITravelPlanner = ({ ...props }) => {
+var import_react66 = require("react");
+var TravelPlanner = ({ ...props }) => {
   const uniqId = React67.useId();
-  return /* @__PURE__ */ (0, import_react67.createElement)(
+  return /* @__PURE__ */ (0, import_react66.createElement)(
     "div",
     {
       ...props,
@@ -1481,10 +1570,10 @@ var React68 = __toESM(require("react"));
 var VideoCallWidget_module_default = {};
 
 // components/VideoCallWidget/index.tsx
-var import_react68 = require("react");
-var IVideoCallWidget = ({ ...props }) => {
+var import_react67 = require("react");
+var VideoCallWidget = ({ ...props }) => {
   const uniqId = React68.useId();
-  return /* @__PURE__ */ (0, import_react68.createElement)(
+  return /* @__PURE__ */ (0, import_react67.createElement)(
     "div",
     {
       ...props,
@@ -1501,10 +1590,10 @@ var React69 = __toESM(require("react"));
 var WeatherWidget_module_default = {};
 
 // components/WeatherWidget/index.tsx
-var import_react69 = require("react");
-var IWeatherWidget = ({ ...props }) => {
+var import_react68 = require("react");
+var WeatherWidget = ({ ...props }) => {
   const uniqId = React69.useId();
-  return /* @__PURE__ */ (0, import_react69.createElement)(
+  return /* @__PURE__ */ (0, import_react68.createElement)(
     "div",
     {
       ...props,
@@ -1515,74 +1604,74 @@ var IWeatherWidget = ({ ...props }) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  IAIAssistant,
-  IActionButtons,
-  IActivityFeed,
-  IAnalyticsDashboard,
-  IBudgetTracker,
-  ICalendarWidget,
-  IChatMessages,
-  ICloudStorage,
-  ICodeEditor,
-  ICodeStats,
-  IColorPaletteWidget,
-  IContactCard,
-  ICryptocurrencyWidget,
-  IDatabaseWidget,
-  IDesignSystem,
-  IDeviceStatus,
-  IDocumentScanner,
-  IEmailDashboard,
-  IEnergyMeter,
-  IFileManager,
-  IFileUploadArea,
-  IFitnessTracker,
-  IGamingControllerWidget,
-  IHabitTracker,
-  IHealthMonitor,
-  IIdeaBulbWidget,
-  IInspirationWidget,
-  ILanguageLearning,
-  ILayerStackWidget,
-  IMediaControls,
-  IMiniMenu,
-  IMouseTracker,
-  IMusicPlayer,
-  IMusicProduction,
-  INatureWidget,
-  INavigationPills,
-  INetworkStatus,
-  INotificationBadges,
-  INotificationCards,
-  IOfficeBuildingWidget,
-  IPasswordManager,
-  IPhotoEditor,
-  IPomodoroTimer,
-  IPricingCard,
-  IProfileBadge,
-  IProgressTracker,
-  IQuickActions,
-  IQuickStats,
-  IReadingProgress,
-  IRecipeFinder,
-  IRocketLaunchWidget,
-  ISettingsPanel,
-  IShoppingCart,
-  IShoppingList,
-  ISocialEngagement,
-  ISocialMediaCard,
-  IStatisticsCards,
-  IStatusIndicators,
-  IStockMarket,
-  IStreakCounter,
-  ISystemStatus,
-  ITaskManager,
-  ITeamCollaborationWidget,
-  ITimeLocationWidget,
-  ITodoList,
-  IToolWidget,
-  ITravelPlanner,
-  IVideoCallWidget,
-  IWeatherWidget
+  AIAssistant,
+  ActionButtons,
+  ActivityFeed,
+  AnalyticsDashboard,
+  BudgetTracker,
+  CalendarWidget,
+  ChatMessages,
+  CloudStorage,
+  CodeEditor,
+  CodeStats,
+  ColorPaletteWidget,
+  ContactCard,
+  CryptocurrencyWidget,
+  DatabaseWidget,
+  DesignSystem,
+  DeviceStatus,
+  DocumentScanner,
+  EmailDashboard,
+  EnergyMeter,
+  FileManager,
+  FileUploadArea,
+  FitnessTracker,
+  GamingControllerWidget,
+  HabitTracker,
+  HealthMonitor,
+  IdeaBulbWidget,
+  InspirationWidget,
+  LanguageLearning,
+  LayerStackWidget,
+  MediaControls,
+  MiniMenu,
+  MouseTracker,
+  MusicPlayer,
+  MusicProduction,
+  NatureWidget,
+  NavigationPills,
+  NetworkStatus,
+  NotificationBadges,
+  NotificationCards,
+  OfficeBuildingWidget,
+  PasswordManager,
+  PhotoEditor,
+  PomodoroTimer,
+  PricingCard,
+  ProfileBadge,
+  ProgressTracker,
+  QuickActions,
+  QuickStats,
+  ReadingProgress,
+  RecipeFinder,
+  RocketLaunchWidget,
+  SettingsPanel,
+  ShoppingCart,
+  ShoppingList,
+  SocialEngagement,
+  SocialMediaCard,
+  StatisticsCards,
+  StatusIndicators,
+  StockMarket,
+  StreakCounter,
+  SystemStatus,
+  TaskManager,
+  TeamCollaborationWidget,
+  TimeLocationWidget,
+  TodoList,
+  ToolWidget,
+  TravelPlanner,
+  VideoCallWidget,
+  WeatherWidget
 });
 //# sourceMappingURL=index.js.map