@aristobyte-ui/presets 1.0.33 → 1.0.34

package/dist/index.css

@@ -54,17 +54,63 @@
 /* components/ShoppingList/ShoppingList.module.scss */
 /* components/SocialEngagement/SocialEngagement.module.scss */
 /* components/SocialMediaCard/SocialMediaCard.module.scss */
+.SocialMediaCard_module_social-media-card {
+  background-color: #101828;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  display: flex;
+  flex-direction: column;
+  max-width: 324px;
+  padding: 22px;
+  width: 100%;
+}
+.SocialMediaCard_module_social-media-card-radius--none {
+  border-radius: 0rem;
+}
+.SocialMediaCard_module_social-media-card-radius--sm {
+  border-radius: 0.25rem;
+}
+.SocialMediaCard_module_social-media-card-radius--md {
+  border-radius: 0.5rem;
+}
+.SocialMediaCard_module_social-media-card-radius--lg {
+  border-radius: 0.625rem;
+}
+.SocialMediaCard_module_social-media-card-radius--full {
+  border-radius: 1.5rem;
+}
+.SocialMediaCard_module_social-media-card__header {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+.SocialMediaCard_module_social-media-card__text {
+  width: 100%;
+}
+
 /* components/StatisticsCards/StatisticsCards.module.scss */
+
 /* components/StatusIndicators/StatusIndicators.module.scss */
+
 /* components/StockMarket/StockMarket.module.scss */
+
 /* components/StreakCounter/StreakCounter.module.scss */
+
 /* components/SystemStatus/SystemStatus.module.scss */
+
 /* components/TaskManager/TaskManager.module.scss */
+
 /* components/TeamCollaborationWidget/TeamCollaborationWidget.module.scss */
+
 /* components/TimeLocationWidget/TimeLocationWidget.module.scss */
+
 /* components/TodoList/TodoList.module.scss */
+
 /* components/ToolWidget/ToolWidget.module.scss */
+
 /* components/TravelPlanner/TravelPlanner.module.scss */
+
 /* components/VideoCallWidget/VideoCallWidget.module.scss */
+
 /* components/WeatherWidget/WeatherWidget.module.scss */
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../components/SocialMediaCard.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss"],"sourcesContent":["@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.social-media-card {\n  background-color: #101828; // @TODO: @COLOR\n  box-shadow: $shadow-md;\n  display: flex;\n  flex-direction: column;\n  max-width: calc(22px * 2 + 280px);\n  padding: 22px;\n  width: 100%;\n\n  &-radius {\n    &--none {\n      border-radius: 0rem; // 0px\n    }\n\n    &--sm {\n      border-radius: 0.25rem; // 4px\n    }\n\n    &--md {\n      border-radius: 0.5rem; // 8px\n    }\n\n    &--lg {\n      border-radius: 0.625rem; // 10px\n    }\n\n    &--full {\n      border-radius: 1.5rem; // 24px\n    }\n  }\n\n  &__header {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n\n  &__text {\n    width: 100%;\n  }\n}\n","// =========================================== //\n//        AristoByte UI - Style Settings       //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n\n// Base\n$white: #ffffff;\n$black: #000000;\n$transparent: transparent;\n\n// === Black Transparent Scale === //\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale === //\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) === //\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) === //\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) === //\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) === //\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) === //\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) === //\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens === //\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n// === Shadows === //\n//@TODO: @SHADOW\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n  0 4px 6px -1px rgba($black, 0.1),\n  0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n  0 10px 15px -3px rgba($black, 0.1),\n  0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families === //\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights === //\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights === //\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens === //\n\n// === Titles === //\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles === //\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text === //\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions === //\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons === //\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations === //\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,CAAAA;AACE,oBAAA;AACA,cC+HA,EAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AD9HA,WAAA;AACA,kBAAA;AACA,aAAA;AACA,WAAA;AACA,SAAA;;AAGE,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAGF,CAAAC;AACE,iBAAA;;AAIJ,CAAAC;AACE,eAAA;AACA,WAAA;AACA,mBAAA;AACA,SAAA;;AAGF,CAAAC;AACE,SAAA;;","names":["social-media-card","social-media-card-radius--none","social-media-card-radius--sm","social-media-card-radius--md","social-media-card-radius--lg","social-media-card-radius--full","social-media-card__header","social-media-card__text"]}

package/dist/index.d.mts

@@ -1,279 +1,297 @@
 import * as React from 'react';
+import { IButton } from '@aristobyte-ui/button';
 
 interface IActionButtons {
 }
-declare const IActionButtons: React.FC<IActionButtons>;
+declare const ActionButtons: React.FC<IActionButtons>;
 
 interface IActivityFeed {
 }
-declare const IActivityFeed: React.FC<IActivityFeed>;
+declare const ActivityFeed: React.FC<IActivityFeed>;
 
 interface IAIAssistant {
 }
-declare const IAIAssistant: React.FC<IAIAssistant>;
+declare const AIAssistant: React.FC<IAIAssistant>;
 
 interface IAnalyticsDashboard {
 }
-declare const IAnalyticsDashboard: React.FC<IAnalyticsDashboard>;
+declare const AnalyticsDashboard: React.FC<IAnalyticsDashboard>;
 
 interface IBudgetTracker {
 }
-declare const IBudgetTracker: React.FC<IBudgetTracker>;
+declare const BudgetTracker: React.FC<IBudgetTracker>;
 
 interface ICalendarWidget {
 }
-declare const ICalendarWidget: React.FC<ICalendarWidget>;
+declare const CalendarWidget: React.FC<ICalendarWidget>;
 
 interface IChatMessages {
 }
-declare const IChatMessages: React.FC<IChatMessages>;
+declare const ChatMessages: React.FC<IChatMessages>;
 
 interface ICloudStorage {
 }
-declare const ICloudStorage: React.FC<ICloudStorage>;
+declare const CloudStorage: React.FC<ICloudStorage>;
 
 interface ICodeEditor {
 }
-declare const ICodeEditor: React.FC<ICodeEditor>;
+declare const CodeEditor: React.FC<ICodeEditor>;
 
 interface ICodeStats {
 }
-declare const ICodeStats: React.FC<ICodeStats>;
+declare const CodeStats: React.FC<ICodeStats>;
 
 interface IColorPaletteWidget {
 }
-declare const IColorPaletteWidget: React.FC<IColorPaletteWidget>;
+declare const ColorPaletteWidget: React.FC<IColorPaletteWidget>;
 
 interface IContactCard {
 }
-declare const IContactCard: React.FC<IContactCard>;
+declare const ContactCard: React.FC<IContactCard>;
 
 interface ICryptocurrencyWidget {
 }
-declare const ICryptocurrencyWidget: React.FC<ICryptocurrencyWidget>;
+declare const CryptocurrencyWidget: React.FC<ICryptocurrencyWidget>;
 
 interface IDatabaseWidget {
 }
-declare const IDatabaseWidget: React.FC<IDatabaseWidget>;
+declare const DatabaseWidget: React.FC<IDatabaseWidget>;
 
 interface IDesignSystem {
 }
-declare const IDesignSystem: React.FC<IDesignSystem>;
+declare const DesignSystem: React.FC<IDesignSystem>;
 
 interface IDeviceStatus {
 }
-declare const IDeviceStatus: React.FC<IDeviceStatus>;
+declare const DeviceStatus: React.FC<IDeviceStatus>;
 
 interface IDocumentScanner {
 }
-declare const IDocumentScanner: React.FC<IDocumentScanner>;
+declare const DocumentScanner: React.FC<IDocumentScanner>;
 
 interface IEmailDashboard {
 }
-declare const IEmailDashboard: React.FC<IEmailDashboard>;
+declare const EmailDashboard: React.FC<IEmailDashboard>;
 
 interface IEnergyMeter {
 }
-declare const IEnergyMeter: React.FC<IEnergyMeter>;
+declare const EnergyMeter: React.FC<IEnergyMeter>;
 
 interface IFileManager {
 }
-declare const IFileManager: React.FC<IFileManager>;
+declare const FileManager: React.FC<IFileManager>;
 
 interface IFileUploadArea {
 }
-declare const IFileUploadArea: React.FC<IFileUploadArea>;
+declare const FileUploadArea: React.FC<IFileUploadArea>;
 
 interface IFitnessTracker {
 }
-declare const IFitnessTracker: React.FC<IFitnessTracker>;
+declare const FitnessTracker: React.FC<IFitnessTracker>;
 
 interface IGamingControllerWidget {
 }
-declare const IGamingControllerWidget: React.FC<IGamingControllerWidget>;
+declare const GamingControllerWidget: React.FC<IGamingControllerWidget>;
 
 interface IHabitTracker {
 }
-declare const IHabitTracker: React.FC<IHabitTracker>;
+declare const HabitTracker: React.FC<IHabitTracker>;
 
 interface IHealthMonitor {
 }
-declare const IHealthMonitor: React.FC<IHealthMonitor>;
+declare const HealthMonitor: React.FC<IHealthMonitor>;
 
 interface IIdeaBulbWidget {
 }
-declare const IIdeaBulbWidget: React.FC<IIdeaBulbWidget>;
+declare const IdeaBulbWidget: React.FC<IIdeaBulbWidget>;
 
 interface IInspirationWidget {
 }
-declare const IInspirationWidget: React.FC<IInspirationWidget>;
+declare const InspirationWidget: React.FC<IInspirationWidget>;
 
 interface ILanguageLearning {
 }
-declare const ILanguageLearning: React.FC<ILanguageLearning>;
+declare const LanguageLearning: React.FC<ILanguageLearning>;
 
 interface ILayerStackWidget {
 }
-declare const ILayerStackWidget: React.FC<ILayerStackWidget>;
+declare const LayerStackWidget: React.FC<ILayerStackWidget>;
 
 interface IMediaControls {
 }
-declare const IMediaControls: React.FC<IMediaControls>;
+declare const MediaControls: React.FC<IMediaControls>;
 
 interface IMiniMenu {
 }
-declare const IMiniMenu: React.FC<IMiniMenu>;
+declare const MiniMenu: React.FC<IMiniMenu>;
 
 interface IMouseTracker {
 }
-declare const IMouseTracker: React.FC<IMouseTracker>;
+declare const MouseTracker: React.FC<IMouseTracker>;
 
 interface IMusicPlayer {
 }
-declare const IMusicPlayer: React.FC<IMusicPlayer>;
+declare const MusicPlayer: React.FC<IMusicPlayer>;
 
 interface IMusicProduction {
 }
-declare const IMusicProduction: React.FC<IMusicProduction>;
+declare const MusicProduction: React.FC<IMusicProduction>;
 
 interface INatureWidget {
 }
-declare const INatureWidget: React.FC<INatureWidget>;
+declare const NatureWidget: React.FC<INatureWidget>;
 
 interface INavigationPills {
 }
-declare const INavigationPills: React.FC<INavigationPills>;
+declare const NavigationPills: React.FC<INavigationPills>;
 
 interface INetworkStatus {
 }
-declare const INetworkStatus: React.FC<INetworkStatus>;
+declare const NetworkStatus: React.FC<INetworkStatus>;
 
 interface INotificationBadges {
 }
-declare const INotificationBadges: React.FC<INotificationBadges>;
+declare const NotificationBadges: React.FC<INotificationBadges>;
 
 interface INotificationCards {
 }
-declare const INotificationCards: React.FC<INotificationCards>;
+declare const NotificationCards: React.FC<INotificationCards>;
 
 interface IOfficeBuildingWidget {
 }
-declare const IOfficeBuildingWidget: React.FC<IOfficeBuildingWidget>;
+declare const OfficeBuildingWidget: React.FC<IOfficeBuildingWidget>;
 
 interface IPasswordManager {
 }
-declare const IPasswordManager: React.FC<IPasswordManager>;
+declare const PasswordManager: React.FC<IPasswordManager>;
 
 interface IPhotoEditor {
 }
-declare const IPhotoEditor: React.FC<IPhotoEditor>;
+declare const PhotoEditor: React.FC<IPhotoEditor>;
 
 interface IPomodoroTimer {
 }
-declare const IPomodoroTimer: React.FC<IPomodoroTimer>;
+declare const PomodoroTimer: React.FC<IPomodoroTimer>;
 
 interface IPricingCard {
 }
-declare const IPricingCard: React.FC<IPricingCard>;
+declare const PricingCard: React.FC<IPricingCard>;
 
 interface IProfileBadge {
 }
-declare const IProfileBadge: React.FC<IProfileBadge>;
+declare const ProfileBadge: React.FC<IProfileBadge>;
 
 interface IProgressTracker {
 }
-declare const IProgressTracker: React.FC<IProgressTracker>;
+declare const ProgressTracker: React.FC<IProgressTracker>;
 
 interface IQuickActions {
 }
-declare const IQuickActions: React.FC<IQuickActions>;
+declare const QuickActions: React.FC<IQuickActions>;
 
 interface IQuickStats {
 }
-declare const IQuickStats: React.FC<IQuickStats>;
+declare const QuickStats: React.FC<IQuickStats>;
 
 interface IReadingProgress {
 }
-declare const IReadingProgress: React.FC<IReadingProgress>;
+declare const ReadingProgress: React.FC<IReadingProgress>;
 
 interface IRecipeFinder {
 }
-declare const IRecipeFinder: React.FC<IRecipeFinder>;
+declare const RecipeFinder: React.FC<IRecipeFinder>;
 
 interface IRocketLaunchWidget {
 }
-declare const IRocketLaunchWidget: React.FC<IRocketLaunchWidget>;
+declare const RocketLaunchWidget: React.FC<IRocketLaunchWidget>;
 
 interface ISettingsPanel {
 }
-declare const ISettingsPanel: React.FC<ISettingsPanel>;
+declare const SettingsPanel: React.FC<ISettingsPanel>;
 
 interface IShoppingCart {
 }
-declare const IShoppingCart: React.FC<IShoppingCart>;
+declare const ShoppingCart: React.FC<IShoppingCart>;
 
 interface IShoppingList {
 }
-declare const IShoppingList: React.FC<IShoppingList>;
+declare const ShoppingList: React.FC<IShoppingList>;
 
 interface ISocialEngagement {
 }
-declare const ISocialEngagement: React.FC<ISocialEngagement>;
+declare const SocialEngagement: React.FC<ISocialEngagement>;
 
 interface ISocialMediaCard {
-}
-declare const ISocialMediaCard: React.FC<ISocialMediaCard>;
+    variant?: "default" | "compact" | "highlight";
+    radius?: "none" | "sm" | "md" | "lg" | "full";
+    avatar?: string;
+    avatarIcon?: () => React.JSX.Element;
+    title?: string;
+    subtitle?: string;
+    button?: IButton;
+    content?: React.ReactElement | React.ReactNode | string;
+    media?: React.ReactNode;
+    tags?: string[];
+    timestamp?: string | Date;
+    metrics?: {
+        icon?: () => React.JSX.Element;
+        label?: string;
+        value?: string;
+    }[];
+    className?: string;
+}
+declare const SocialMediaCard: React.FC<ISocialMediaCard>;
 
 interface IStatisticsCards {
 }
-declare const IStatisticsCards: React.FC<IStatisticsCards>;
+declare const StatisticsCards: React.FC<IStatisticsCards>;
 
 interface IStatusIndicators {
 }
-declare const IStatusIndicators: React.FC<IStatusIndicators>;
+declare const StatusIndicators: React.FC<IStatusIndicators>;
 
 interface IStockMarket {
 }
-declare const IStockMarket: React.FC<IStockMarket>;
+declare const StockMarket: React.FC<IStockMarket>;
 
 interface IStreakCounter {
 }
-declare const IStreakCounter: React.FC<IStreakCounter>;
+declare const StreakCounter: React.FC<IStreakCounter>;
 
 interface ISystemStatus {
 }
-declare const ISystemStatus: React.FC<ISystemStatus>;
+declare const SystemStatus: React.FC<ISystemStatus>;
 
 interface ITaskManager {
 }
-declare const ITaskManager: React.FC<ITaskManager>;
+declare const TaskManager: React.FC<ITaskManager>;
 
 interface ITeamCollaborationWidget {
 }
-declare const ITeamCollaborationWidget: React.FC<ITeamCollaborationWidget>;
+declare const TeamCollaborationWidget: React.FC<ITeamCollaborationWidget>;
 
 interface ITimeLocationWidget {
 }
-declare const ITimeLocationWidget: React.FC<ITimeLocationWidget>;
+declare const TimeLocationWidget: React.FC<ITimeLocationWidget>;
 
 interface ITodoList {
 }
-declare const ITodoList: React.FC<ITodoList>;
+declare const TodoList: React.FC<ITodoList>;
 
 interface IToolWidget {
 }
-declare const IToolWidget: React.FC<IToolWidget>;
+declare const ToolWidget: React.FC<IToolWidget>;
 
 interface ITravelPlanner {
 }
-declare const ITravelPlanner: React.FC<ITravelPlanner>;
+declare const TravelPlanner: React.FC<ITravelPlanner>;
 
 interface IVideoCallWidget {
 }
-declare const IVideoCallWidget: React.FC<IVideoCallWidget>;
+declare const VideoCallWidget: React.FC<IVideoCallWidget>;
 
 interface IWeatherWidget {
 }
-declare const IWeatherWidget: React.FC<IWeatherWidget>;
+declare const WeatherWidget: React.FC<IWeatherWidget>;
 
-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 };
+export { 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, type IAIAssistant, type IActionButtons, type IActivityFeed, type IAnalyticsDashboard, type IBudgetTracker, type ICalendarWidget, type IChatMessages, type ICloudStorage, type ICodeEditor, type ICodeStats, type IColorPaletteWidget, type IContactCard, type ICryptocurrencyWidget, type IDatabaseWidget, type IDesignSystem, type IDeviceStatus, type IDocumentScanner, type IEmailDashboard, type IEnergyMeter, type IFileManager, type IFileUploadArea, type IFitnessTracker, type IGamingControllerWidget, type IHabitTracker, type IHealthMonitor, type IIdeaBulbWidget, type IInspirationWidget, type ILanguageLearning, type ILayerStackWidget, type IMediaControls, type IMiniMenu, type IMouseTracker, type IMusicPlayer, type IMusicProduction, type INatureWidget, type INavigationPills, type INetworkStatus, type INotificationBadges, type INotificationCards, type IOfficeBuildingWidget, type IPasswordManager, type IPhotoEditor, type IPomodoroTimer, type IPricingCard, type IProfileBadge, type IProgressTracker, type IQuickActions, type IQuickStats, type IReadingProgress, type IRecipeFinder, type IRocketLaunchWidget, type ISettingsPanel, type IShoppingCart, type IShoppingList, type ISocialEngagement, type ISocialMediaCard, type IStatisticsCards, type IStatusIndicators, type IStockMarket, type IStreakCounter, type ISystemStatus, type ITaskManager, type ITeamCollaborationWidget, type ITimeLocationWidget, type ITodoList, type IToolWidget, type ITravelPlanner, type IVideoCallWidget, type IWeatherWidget, 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 };