@aristobyte-ui/presets 1.0.33 → 1.0.35

package/dist/index.mjs

@@ -9,7 +9,7 @@ var ActionButtons_module_default = {};
 
 // components/ActionButtons/index.tsx
 import { createElement } from "react";
-var IActionButtons = ({ ...props }) => {
+var ActionButtons = ({ ...props }) => {
   const uniqId = React.useId();
   return /* @__PURE__ */ createElement(
     "div",
@@ -29,7 +29,7 @@ var ActivityFeed_module_default = {};
 
 // components/ActivityFeed/index.tsx
 import { createElement as createElement2 } from "react";
-var IActivityFeed = ({ ...props }) => {
+var ActivityFeed = ({ ...props }) => {
   const uniqId = React2.useId();
   return /* @__PURE__ */ createElement2(
     "div",
@@ -49,7 +49,7 @@ var AIAssistant_module_default = {};
 
 // components/AIAssistant/index.tsx
 import { createElement as createElement3 } from "react";
-var IAIAssistant = ({ ...props }) => {
+var AIAssistant = ({ ...props }) => {
   const uniqId = React3.useId();
   return /* @__PURE__ */ createElement3(
     "div",
@@ -69,7 +69,7 @@ var AnalyticsDashboard_module_default = {};
 
 // components/AnalyticsDashboard/index.tsx
 import { createElement as createElement4 } from "react";
-var IAnalyticsDashboard = ({
+var AnalyticsDashboard = ({
   ...props
 }) => {
   const uniqId = React4.useId();
@@ -91,7 +91,7 @@ var BudgetTracker_module_default = {};
 
 // components/BudgetTracker/index.tsx
 import { createElement as createElement5 } from "react";
-var IBudgetTracker = ({ ...props }) => {
+var BudgetTracker = ({ ...props }) => {
   const uniqId = React5.useId();
   return /* @__PURE__ */ createElement5(
     "div",
@@ -111,7 +111,7 @@ var CalendarWidget_module_default = {};
 
 // components/CalendarWidget/index.tsx
 import { createElement as createElement6 } from "react";
-var ICalendarWidget = ({ ...props }) => {
+var CalendarWidget = ({ ...props }) => {
   const uniqId = React6.useId();
   return /* @__PURE__ */ createElement6(
     "div",
@@ -131,7 +131,7 @@ var ChatMessages_module_default = {};
 
 // components/ChatMessages/index.tsx
 import { createElement as createElement7 } from "react";
-var IChatMessages = ({ ...props }) => {
+var ChatMessages = ({ ...props }) => {
   const uniqId = React7.useId();
   return /* @__PURE__ */ createElement7(
     "div",
@@ -151,7 +151,7 @@ var CloudStorage_module_default = {};
 
 // components/CloudStorage/index.tsx
 import { createElement as createElement8 } from "react";
-var ICloudStorage = ({ ...props }) => {
+var CloudStorage = ({ ...props }) => {
   const uniqId = React8.useId();
   return /* @__PURE__ */ createElement8(
     "div",
@@ -171,7 +171,7 @@ var CodeEditor_module_default = {};
 
 // components/CodeEditor/index.tsx
 import { createElement as createElement9 } from "react";
-var ICodeEditor = ({ ...props }) => {
+var CodeEditor = ({ ...props }) => {
   const uniqId = React9.useId();
   return /* @__PURE__ */ createElement9(
     "div",
@@ -191,7 +191,7 @@ var CodeStats_module_default = {};
 
 // components/CodeStats/index.tsx
 import { createElement as createElement10 } from "react";
-var ICodeStats = ({ ...props }) => {
+var CodeStats = ({ ...props }) => {
   const uniqId = React10.useId();
   return /* @__PURE__ */ createElement10(
     "div",
@@ -211,7 +211,7 @@ var ColorPaletteWidget_module_default = {};
 
 // components/ColorPaletteWidget/index.tsx
 import { createElement as createElement11 } from "react";
-var IColorPaletteWidget = ({
+var ColorPaletteWidget = ({
   ...props
 }) => {
   const uniqId = React11.useId();
@@ -233,7 +233,7 @@ var ContactCard_module_default = {};
 
 // components/ContactCard/index.tsx
 import { createElement as createElement12 } from "react";
-var IContactCard = ({ ...props }) => {
+var ContactCard = ({ ...props }) => {
   const uniqId = React12.useId();
   return /* @__PURE__ */ createElement12(
     "div",
@@ -253,7 +253,7 @@ var CryptocurrencyWidget_module_default = {};
 
 // components/CryptocurrencyWidget/index.tsx
 import { createElement as createElement13 } from "react";
-var ICryptocurrencyWidget = ({
+var CryptocurrencyWidget = ({
   ...props
 }) => {
   const uniqId = React13.useId();
@@ -275,7 +275,7 @@ var DatabaseWidget_module_default = {};
 
 // components/DatabaseWidget/index.tsx
 import { createElement as createElement14 } from "react";
-var IDatabaseWidget = ({ ...props }) => {
+var DatabaseWidget = ({ ...props }) => {
   const uniqId = React14.useId();
   return /* @__PURE__ */ createElement14(
     "div",
@@ -295,7 +295,7 @@ var DesignSystem_module_default = {};
 
 // components/DesignSystem/index.tsx
 import { createElement as createElement15 } from "react";
-var IDesignSystem = ({ ...props }) => {
+var DesignSystem = ({ ...props }) => {
   const uniqId = React15.useId();
   return /* @__PURE__ */ createElement15(
     "div",
@@ -315,7 +315,7 @@ var DeviceStatus_module_default = {};
 
 // components/DeviceStatus/index.tsx
 import { createElement as createElement16 } from "react";
-var IDeviceStatus = ({ ...props }) => {
+var DeviceStatus = ({ ...props }) => {
   const uniqId = React16.useId();
   return /* @__PURE__ */ createElement16(
     "div",
@@ -335,7 +335,7 @@ var DocumentScanner_module_default = {};
 
 // components/DocumentScanner/index.tsx
 import { createElement as createElement17 } from "react";
-var IDocumentScanner = ({ ...props }) => {
+var DocumentScanner = ({ ...props }) => {
   const uniqId = React17.useId();
   return /* @__PURE__ */ createElement17(
     "div",
@@ -355,7 +355,7 @@ var EmailDashboard_module_default = {};
 
 // components/EmailDashboard/index.tsx
 import { createElement as createElement18 } from "react";
-var IEmailDashboard = ({ ...props }) => {
+var EmailDashboard = ({ ...props }) => {
   const uniqId = React18.useId();
   return /* @__PURE__ */ createElement18(
     "div",
@@ -375,7 +375,7 @@ var EnergyMeter_module_default = {};
 
 // components/EnergyMeter/index.tsx
 import { createElement as createElement19 } from "react";
-var IEnergyMeter = ({ ...props }) => {
+var EnergyMeter = ({ ...props }) => {
   const uniqId = React19.useId();
   return /* @__PURE__ */ createElement19(
     "div",
@@ -395,7 +395,7 @@ var FileManager_module_default = {};
 
 // components/FileManager/index.tsx
 import { createElement as createElement20 } from "react";
-var IFileManager = ({ ...props }) => {
+var FileManager = ({ ...props }) => {
   const uniqId = React20.useId();
   return /* @__PURE__ */ createElement20(
     "div",
@@ -415,7 +415,7 @@ var FileUploadArea_module_default = {};
 
 // components/FileUploadArea/index.tsx
 import { createElement as createElement21 } from "react";
-var IFileUploadArea = ({ ...props }) => {
+var FileUploadArea = ({ ...props }) => {
   const uniqId = React21.useId();
   return /* @__PURE__ */ createElement21(
     "div",
@@ -435,7 +435,7 @@ var FitnessTracker_module_default = {};
 
 // components/FitnessTracker/index.tsx
 import { createElement as createElement22 } from "react";
-var IFitnessTracker = ({ ...props }) => {
+var FitnessTracker = ({ ...props }) => {
   const uniqId = React22.useId();
   return /* @__PURE__ */ createElement22(
     "div",
@@ -455,7 +455,7 @@ var GamingControllerWidget_module_default = {};
 
 // components/GamingControllerWidget/index.tsx
 import { createElement as createElement23 } from "react";
-var IGamingControllerWidget = ({
+var GamingControllerWidget = ({
   ...props
 }) => {
   const uniqId = React23.useId();
@@ -477,7 +477,7 @@ var HabitTracker_module_default = {};
 
 // components/HabitTracker/index.tsx
 import { createElement as createElement24 } from "react";
-var IHabitTracker = ({ ...props }) => {
+var HabitTracker = ({ ...props }) => {
   const uniqId = React24.useId();
   return /* @__PURE__ */ createElement24(
     "div",
@@ -497,7 +497,7 @@ var HealthMonitor_module_default = {};
 
 // components/HealthMonitor/index.tsx
 import { createElement as createElement25 } from "react";
-var IHealthMonitor = ({ ...props }) => {
+var HealthMonitor = ({ ...props }) => {
   const uniqId = React25.useId();
   return /* @__PURE__ */ createElement25(
     "div",
@@ -517,7 +517,7 @@ var IdeaBulbWidget_module_default = {};
 
 // components/IdeaBulbWidget/index.tsx
 import { createElement as createElement26 } from "react";
-var IIdeaBulbWidget = ({ ...props }) => {
+var IdeaBulbWidget = ({ ...props }) => {
   const uniqId = React26.useId();
   return /* @__PURE__ */ createElement26(
     "div",
@@ -537,7 +537,7 @@ var InspirationWidget_module_default = {};
 
 // components/InspirationWidget/index.tsx
 import { createElement as createElement27 } from "react";
-var IInspirationWidget = ({
+var InspirationWidget = ({
   ...props
 }) => {
   const uniqId = React27.useId();
@@ -559,9 +559,7 @@ var LanguageLearning_module_default = {};
 
 // components/LanguageLearning/index.tsx
 import { createElement as createElement28 } from "react";
-var ILanguageLearning = ({
-  ...props
-}) => {
+var LanguageLearning = ({ ...props }) => {
   const uniqId = React28.useId();
   return /* @__PURE__ */ createElement28(
     "div",
@@ -581,9 +579,7 @@ var LayerStackWidget_module_default = {};
 
 // components/LayerStackWidget/index.tsx
 import { createElement as createElement29 } from "react";
-var ILayerStackWidget = ({
-  ...props
-}) => {
+var LayerStackWidget = ({ ...props }) => {
   const uniqId = React29.useId();
   return /* @__PURE__ */ createElement29(
     "div",
@@ -603,7 +599,7 @@ var MediaControls_module_default = {};
 
 // components/MediaControls/index.tsx
 import { createElement as createElement30 } from "react";
-var IMediaControls = ({ ...props }) => {
+var MediaControls = ({ ...props }) => {
   const uniqId = React30.useId();
   return /* @__PURE__ */ createElement30(
     "div",
@@ -623,7 +619,7 @@ var MiniMenu_module_default = {};
 
 // components/MiniMenu/index.tsx
 import { createElement as createElement31 } from "react";
-var IMiniMenu = ({ ...props }) => {
+var MiniMenu = ({ ...props }) => {
   const uniqId = React31.useId();
   return /* @__PURE__ */ createElement31(
     "div",
@@ -643,7 +639,7 @@ var MouseTracker_module_default = {};
 
 // components/MouseTracker/index.tsx
 import { createElement as createElement32 } from "react";
-var IMouseTracker = ({ ...props }) => {
+var MouseTracker = ({ ...props }) => {
   const uniqId = React32.useId();
   return /* @__PURE__ */ createElement32(
     "div",
@@ -663,7 +659,7 @@ var MusicPlayer_module_default = {};
 
 // components/MusicPlayer/index.tsx
 import { createElement as createElement33 } from "react";
-var IMusicPlayer = ({ ...props }) => {
+var MusicPlayer = ({ ...props }) => {
   const uniqId = React33.useId();
   return /* @__PURE__ */ createElement33(
     "div",
@@ -683,7 +679,7 @@ var MusicProduction_module_default = {};
 
 // components/MusicProduction/index.tsx
 import { createElement as createElement34 } from "react";
-var IMusicProduction = ({ ...props }) => {
+var MusicProduction = ({ ...props }) => {
   const uniqId = React34.useId();
   return /* @__PURE__ */ createElement34(
     "div",
@@ -703,7 +699,7 @@ var NatureWidget_module_default = {};
 
 // components/NatureWidget/index.tsx
 import { createElement as createElement35 } from "react";
-var INatureWidget = ({ ...props }) => {
+var NatureWidget = ({ ...props }) => {
   const uniqId = React35.useId();
   return /* @__PURE__ */ createElement35(
     "div",
@@ -723,7 +719,7 @@ var NavigationPills_module_default = {};
 
 // components/NavigationPills/index.tsx
 import { createElement as createElement36 } from "react";
-var INavigationPills = ({ ...props }) => {
+var NavigationPills = ({ ...props }) => {
   const uniqId = React36.useId();
   return /* @__PURE__ */ createElement36(
     "div",
@@ -743,7 +739,7 @@ var NetworkStatus_module_default = {};
 
 // components/NetworkStatus/index.tsx
 import { createElement as createElement37 } from "react";
-var INetworkStatus = ({ ...props }) => {
+var NetworkStatus = ({ ...props }) => {
   const uniqId = React37.useId();
   return /* @__PURE__ */ createElement37(
     "div",
@@ -763,7 +759,7 @@ var NotificationBadges_module_default = {};
 
 // components/NotificationBadges/index.tsx
 import { createElement as createElement38 } from "react";
-var INotificationBadges = ({
+var NotificationBadges = ({
   ...props
 }) => {
   const uniqId = React38.useId();
@@ -785,7 +781,7 @@ var NotificationCards_module_default = {};
 
 // components/NotificationCards/index.tsx
 import { createElement as createElement39 } from "react";
-var INotificationCards = ({
+var NotificationCards = ({
   ...props
 }) => {
   const uniqId = React39.useId();
@@ -807,7 +803,7 @@ var OfficeBuildingWidget_module_default = {};
 
 // components/OfficeBuildingWidget/index.tsx
 import { createElement as createElement40 } from "react";
-var IOfficeBuildingWidget = ({
+var OfficeBuildingWidget = ({
   ...props
 }) => {
   const uniqId = React40.useId();
@@ -829,7 +825,7 @@ var PasswordManager_module_default = {};
 
 // components/PasswordManager/index.tsx
 import { createElement as createElement41 } from "react";
-var IPasswordManager = ({ ...props }) => {
+var PasswordManager = ({ ...props }) => {
   const uniqId = React41.useId();
   return /* @__PURE__ */ createElement41(
     "div",
@@ -849,7 +845,7 @@ var PhotoEditor_module_default = {};
 
 // components/PhotoEditor/index.tsx
 import { createElement as createElement42 } from "react";
-var IPhotoEditor = ({ ...props }) => {
+var PhotoEditor = ({ ...props }) => {
   const uniqId = React42.useId();
   return /* @__PURE__ */ createElement42(
     "div",
@@ -869,7 +865,7 @@ var PomodoroTimer_module_default = {};
 
 // components/PomodoroTimer/index.tsx
 import { createElement as createElement43 } from "react";
-var IPomodoroTimer = ({ ...props }) => {
+var PomodoroTimer = ({ ...props }) => {
   const uniqId = React43.useId();
   return /* @__PURE__ */ createElement43(
     "div",
@@ -889,7 +885,7 @@ var PricingCard_module_default = {};
 
 // components/PricingCard/index.tsx
 import { createElement as createElement44 } from "react";
-var IPricingCard = ({ ...props }) => {
+var PricingCard = ({ ...props }) => {
   const uniqId = React44.useId();
   return /* @__PURE__ */ createElement44(
     "div",
@@ -909,7 +905,7 @@ var ProfileBadge_module_default = {};
 
 // components/ProfileBadge/index.tsx
 import { createElement as createElement45 } from "react";
-var IProfileBadge = ({ ...props }) => {
+var ProfileBadge = ({ ...props }) => {
   const uniqId = React45.useId();
   return /* @__PURE__ */ createElement45(
     "div",
@@ -929,7 +925,7 @@ var ProgressTracker_module_default = {};
 
 // components/ProgressTracker/index.tsx
 import { createElement as createElement46 } from "react";
-var IProgressTracker = ({ ...props }) => {
+var ProgressTracker = ({ ...props }) => {
   const uniqId = React46.useId();
   return /* @__PURE__ */ createElement46(
     "div",
@@ -949,7 +945,7 @@ var QuickActions_module_default = {};
 
 // components/QuickActions/index.tsx
 import { createElement as createElement47 } from "react";
-var IQuickActions = ({ ...props }) => {
+var QuickActions = ({ ...props }) => {
   const uniqId = React47.useId();
   return /* @__PURE__ */ createElement47(
     "div",
@@ -969,7 +965,7 @@ var QuickStats_module_default = {};
 
 // components/QuickStats/index.tsx
 import { createElement as createElement48 } from "react";
-var IQuickStats = ({ ...props }) => {
+var QuickStats = ({ ...props }) => {
   const uniqId = React48.useId();
   return /* @__PURE__ */ createElement48(
     "div",
@@ -989,7 +985,7 @@ var ReadingProgress_module_default = {};
 
 // components/ReadingProgress/index.tsx
 import { createElement as createElement49 } from "react";
-var IReadingProgress = ({ ...props }) => {
+var ReadingProgress = ({ ...props }) => {
   const uniqId = React49.useId();
   return /* @__PURE__ */ createElement49(
     "div",
@@ -1009,7 +1005,7 @@ var RecipeFinder_module_default = {};
 
 // components/RecipeFinder/index.tsx
 import { createElement as createElement50 } from "react";
-var IRecipeFinder = ({ ...props }) => {
+var RecipeFinder = ({ ...props }) => {
   const uniqId = React50.useId();
   return /* @__PURE__ */ createElement50(
     "div",
@@ -1029,7 +1025,7 @@ var RocketLaunchWidget_module_default = {};
 
 // components/RocketLaunchWidget/index.tsx
 import { createElement as createElement51 } from "react";
-var IRocketLaunchWidget = ({
+var RocketLaunchWidget = ({
   ...props
 }) => {
   const uniqId = React51.useId();
@@ -1051,7 +1047,7 @@ var SettingsPanel_module_default = {};
 
 // components/SettingsPanel/index.tsx
 import { createElement as createElement52 } from "react";
-var ISettingsPanel = ({ ...props }) => {
+var SettingsPanel = ({ ...props }) => {
   const uniqId = React52.useId();
   return /* @__PURE__ */ createElement52(
     "div",
@@ -1071,7 +1067,7 @@ var ShoppingCart_module_default = {};
 
 // components/ShoppingCart/index.tsx
 import { createElement as createElement53 } from "react";
-var IShoppingCart = ({ ...props }) => {
+var ShoppingCart = ({ ...props }) => {
   const uniqId = React53.useId();
   return /* @__PURE__ */ createElement53(
     "div",
@@ -1091,7 +1087,7 @@ var ShoppingList_module_default = {};
 
 // components/ShoppingList/index.tsx
 import { createElement as createElement54 } from "react";
-var IShoppingList = ({ ...props }) => {
+var ShoppingList = ({ ...props }) => {
   const uniqId = React54.useId();
   return /* @__PURE__ */ createElement54(
     "div",
@@ -1111,9 +1107,7 @@ var SocialEngagement_module_default = {};
 
 // components/SocialEngagement/index.tsx
 import { createElement as createElement55 } from "react";
-var ISocialEngagement = ({
-  ...props
-}) => {
+var SocialEngagement = ({ ...props }) => {
   const uniqId = React55.useId();
   return /* @__PURE__ */ createElement55(
     "div",
@@ -1127,21 +1121,118 @@ var ISocialEngagement = ({
 
 // components/SocialMediaCard/index.tsx
 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 = {};
+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 { createElement as createElement56 } from "react";
-var ISocialMediaCard = ({ ...props }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var renderIcon = (icon, props) => {
+  const Icon = icon;
+  return /* @__PURE__ */ jsx(Icon, { size: (props == null ? void 0 : props.size) || 22 });
+};
+var renderAvatar = (avatar) => {
+  if (avatar == null ? void 0 : avatar.image) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: SocialMediaCard_module_default["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: renderIcon((avatar == null ? void 0 : avatar.icon) || Icons.User, { size: 24 }) });
+};
+var SocialMediaCard = ({
+  variant = "default",
+  radius = "full",
+  avatar,
+  title,
+  subtitle,
+  button,
+  content,
+  tags,
+  className,
+  metrics
+}) => {
   const uniqId = React56.useId();
-  return /* @__PURE__ */ createElement56(
-    "div",
-    {
-      ...props,
-      key: uniqId,
-      className: `social-media-card ${SocialMediaCard_module_default["social-media-card"]}`
-    }
+  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}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: SocialMediaCard_module_default["social-media-card__header"], children: [
+          avatar && /* @__PURE__ */ jsx(
+            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__ */ 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 })
+          ] }),
+          button && /* @__PURE__ */ jsx(
+            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__ */ 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(
+          Anchor,
+          {
+            ...rest,
+            className: SocialMediaCard_module_default["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: renderIcon(icon) }),
+            value && /* @__PURE__ */ jsx("span", { className: SocialMediaCard_module_default["social-media-card__metric-value"], children: value })
+          ] }),
+          label && /* @__PURE__ */ jsx("p", { className: SocialMediaCard_module_default["social-media-card__metrics-label"], children: label })
+        ] }) }, i)) })
+      ]
+    },
+    uniqId
   );
 };
 
@@ -1152,10 +1243,10 @@ import * as React57 from "react";
 var StatisticsCards_module_default = {};
 
 // components/StatisticsCards/index.tsx
-import { createElement as createElement57 } from "react";
-var IStatisticsCards = ({ ...props }) => {
+import { createElement as createElement56 } from "react";
+var StatisticsCards = ({ ...props }) => {
   const uniqId = React57.useId();
-  return /* @__PURE__ */ createElement57(
+  return /* @__PURE__ */ createElement56(
     "div",
     {
       ...props,
@@ -1172,12 +1263,10 @@ import * as React58 from "react";
 var StatusIndicators_module_default = {};
 
 // components/StatusIndicators/index.tsx
-import { createElement as createElement58 } from "react";
-var IStatusIndicators = ({
-  ...props
-}) => {
+import { createElement as createElement57 } from "react";
+var StatusIndicators = ({ ...props }) => {
   const uniqId = React58.useId();
-  return /* @__PURE__ */ createElement58(
+  return /* @__PURE__ */ createElement57(
     "div",
     {
       ...props,
@@ -1194,10 +1283,10 @@ import * as React59 from "react";
 var StockMarket_module_default = {};
 
 // components/StockMarket/index.tsx
-import { createElement as createElement59 } from "react";
-var IStockMarket = ({ ...props }) => {
+import { createElement as createElement58 } from "react";
+var StockMarket = ({ ...props }) => {
   const uniqId = React59.useId();
-  return /* @__PURE__ */ createElement59(
+  return /* @__PURE__ */ createElement58(
     "div",
     {
       ...props,
@@ -1214,10 +1303,10 @@ import * as React60 from "react";
 var StreakCounter_module_default = {};
 
 // components/StreakCounter/index.tsx
-import { createElement as createElement60 } from "react";
-var IStreakCounter = ({ ...props }) => {
+import { createElement as createElement59 } from "react";
+var StreakCounter = ({ ...props }) => {
   const uniqId = React60.useId();
-  return /* @__PURE__ */ createElement60(
+  return /* @__PURE__ */ createElement59(
     "div",
     {
       ...props,
@@ -1234,10 +1323,10 @@ import * as React61 from "react";
 var SystemStatus_module_default = {};
 
 // components/SystemStatus/index.tsx
-import { createElement as createElement61 } from "react";
-var ISystemStatus = ({ ...props }) => {
+import { createElement as createElement60 } from "react";
+var SystemStatus = ({ ...props }) => {
   const uniqId = React61.useId();
-  return /* @__PURE__ */ createElement61(
+  return /* @__PURE__ */ createElement60(
     "div",
     {
       ...props,
@@ -1254,10 +1343,10 @@ import * as React62 from "react";
 var TaskManager_module_default = {};
 
 // components/TaskManager/index.tsx
-import { createElement as createElement62 } from "react";
-var ITaskManager = ({ ...props }) => {
+import { createElement as createElement61 } from "react";
+var TaskManager = ({ ...props }) => {
   const uniqId = React62.useId();
-  return /* @__PURE__ */ createElement62(
+  return /* @__PURE__ */ createElement61(
     "div",
     {
       ...props,
@@ -1274,12 +1363,12 @@ import * as React63 from "react";
 var TeamCollaborationWidget_module_default = {};
 
 // components/TeamCollaborationWidget/index.tsx
-import { createElement as createElement63 } from "react";
-var ITeamCollaborationWidget = ({
+import { createElement as createElement62 } from "react";
+var TeamCollaborationWidget = ({
   ...props
 }) => {
   const uniqId = React63.useId();
-  return /* @__PURE__ */ createElement63(
+  return /* @__PURE__ */ createElement62(
     "div",
     {
       ...props,
@@ -1296,12 +1385,12 @@ import * as React64 from "react";
 var TimeLocationWidget_module_default = {};
 
 // components/TimeLocationWidget/index.tsx
-import { createElement as createElement64 } from "react";
-var ITimeLocationWidget = ({
+import { createElement as createElement63 } from "react";
+var TimeLocationWidget = ({
   ...props
 }) => {
   const uniqId = React64.useId();
-  return /* @__PURE__ */ createElement64(
+  return /* @__PURE__ */ createElement63(
     "div",
     {
       ...props,
@@ -1318,10 +1407,10 @@ import * as React65 from "react";
 var TodoList_module_default = {};
 
 // components/TodoList/index.tsx
-import { createElement as createElement65 } from "react";
-var ITodoList = ({ ...props }) => {
+import { createElement as createElement64 } from "react";
+var TodoList = ({ ...props }) => {
   const uniqId = React65.useId();
-  return /* @__PURE__ */ createElement65(
+  return /* @__PURE__ */ createElement64(
     "div",
     {
       ...props,
@@ -1338,10 +1427,10 @@ import * as React66 from "react";
 var ToolWidget_module_default = {};
 
 // components/ToolWidget/index.tsx
-import { createElement as createElement66 } from "react";
-var IToolWidget = ({ ...props }) => {
+import { createElement as createElement65 } from "react";
+var ToolWidget = ({ ...props }) => {
   const uniqId = React66.useId();
-  return /* @__PURE__ */ createElement66(
+  return /* @__PURE__ */ createElement65(
     "div",
     {
       ...props,
@@ -1358,10 +1447,10 @@ import * as React67 from "react";
 var TravelPlanner_module_default = {};
 
 // components/TravelPlanner/index.tsx
-import { createElement as createElement67 } from "react";
-var ITravelPlanner = ({ ...props }) => {
+import { createElement as createElement66 } from "react";
+var TravelPlanner = ({ ...props }) => {
   const uniqId = React67.useId();
-  return /* @__PURE__ */ createElement67(
+  return /* @__PURE__ */ createElement66(
     "div",
     {
       ...props,
@@ -1378,10 +1467,10 @@ import * as React68 from "react";
 var VideoCallWidget_module_default = {};
 
 // components/VideoCallWidget/index.tsx
-import { createElement as createElement68 } from "react";
-var IVideoCallWidget = ({ ...props }) => {
+import { createElement as createElement67 } from "react";
+var VideoCallWidget = ({ ...props }) => {
   const uniqId = React68.useId();
-  return /* @__PURE__ */ createElement68(
+  return /* @__PURE__ */ createElement67(
     "div",
     {
       ...props,
@@ -1398,10 +1487,10 @@ import * as React69 from "react";
 var WeatherWidget_module_default = {};
 
 // components/WeatherWidget/index.tsx
-import { createElement as createElement69 } from "react";
-var IWeatherWidget = ({ ...props }) => {
+import { createElement as createElement68 } from "react";
+var WeatherWidget = ({ ...props }) => {
   const uniqId = React69.useId();
-  return /* @__PURE__ */ createElement69(
+  return /* @__PURE__ */ createElement68(
     "div",
     {
       ...props,
@@ -1411,74 +1500,74 @@ var IWeatherWidget = ({ ...props }) => {
   );
 };
 export {
-  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.mjs.map