@aristobyte-ui/presets 1.0.33 → 1.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.css +148 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +99 -71
  4. package/dist/index.d.ts +99 -71
  5. package/dist/index.js +339 -250
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +270 -181
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +6 -5
package/dist/index.css CHANGED
@@ -54,17 +54,165 @@
54
54
  /* components/ShoppingList/ShoppingList.module.scss */
55
55
  /* components/SocialEngagement/SocialEngagement.module.scss */
56
56
  /* components/SocialMediaCard/SocialMediaCard.module.scss */
57
+ .SocialMediaCard_module_social-media-card {
58
+ background-color: #101828;
59
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
60
+ display: flex;
61
+ flex-direction: column;
62
+ gap: 15px;
63
+ max-width: 280px;
64
+ padding: 22px;
65
+ width: 100%;
66
+ }
67
+ .SocialMediaCard_module_social-media-card-radius--none {
68
+ border-radius: 0rem;
69
+ }
70
+ .SocialMediaCard_module_social-media-card-radius--sm {
71
+ border-radius: 0.25rem;
72
+ }
73
+ .SocialMediaCard_module_social-media-card-radius--md {
74
+ border-radius: 0.5rem;
75
+ }
76
+ .SocialMediaCard_module_social-media-card-radius--lg {
77
+ border-radius: 0.625rem;
78
+ }
79
+ .SocialMediaCard_module_social-media-card-radius--full {
80
+ border-radius: 1.5rem;
81
+ }
82
+ .SocialMediaCard_module_social-media-card__header {
83
+ align-items: center;
84
+ display: flex;
85
+ gap: 20px;
86
+ justify-content: space-between;
87
+ width: 100%;
88
+ }
89
+ .SocialMediaCard_module_social-media-card__avatar {
90
+ align-content: center;
91
+ background:
92
+ linear-gradient(
93
+ 135deg,
94
+ #ad46ff 0%,
95
+ #f6339a 100%);
96
+ border-radius: 50%;
97
+ display: flex;
98
+ justify-content: center;
99
+ height: 42px;
100
+ overflow: hidden;
101
+ position: relative;
102
+ width: 42px;
103
+ }
104
+ .SocialMediaCard_module_social-media-card__avatar-icon {
105
+ align-content: center;
106
+ color: #ffffff;
107
+ display: flex;
108
+ justify-content: center;
109
+ margin: auto;
110
+ }
111
+ .SocialMediaCard_module_social-media-card__avatar-img {
112
+ height: 42px;
113
+ width: 42px;
114
+ object-fit: cover;
115
+ }
116
+ .SocialMediaCard_module_social-media-card__text {
117
+ align-items: flex-start;
118
+ display: flex;
119
+ flex-direction: column;
120
+ justify-content: center;
121
+ }
122
+ .SocialMediaCard_module_social-media-card__title {
123
+ color: #ffffff;
124
+ font-size: 16px;
125
+ font-style: normal;
126
+ font-weight: 500;
127
+ line-height: 16px;
128
+ }
129
+ .SocialMediaCard_module_social-media-card__subtitle {
130
+ color: #99a1af;
131
+ font-size: 14px;
132
+ font-style: normal;
133
+ font-weight: 400;
134
+ line-height: 14px;
135
+ }
136
+ .SocialMediaCard_module_social-media-card__content {
137
+ color: #d1d5dc;
138
+ font-size: 14px;
139
+ font-style: normal;
140
+ font-weight: 400;
141
+ line-height: 14px;
142
+ }
143
+ .SocialMediaCard_module_social-media-card__metrics {
144
+ align-items: center;
145
+ display: flex;
146
+ justify-content: flex-start;
147
+ gap: 14px;
148
+ }
149
+ .SocialMediaCard_module_social-media-card__metric {
150
+ align-items: center;
151
+ display: flex;
152
+ flex-direction: column;
153
+ gap: 5px;
154
+ justify-content: center;
155
+ }
156
+ .SocialMediaCard_module_social-media-card__metric-par {
157
+ align-items: center;
158
+ display: flex;
159
+ gap: 7px;
160
+ justify-content: center;
161
+ }
162
+ .SocialMediaCard_module_social-media-card__metric-text {
163
+ align-items: center;
164
+ display: flex;
165
+ justify-content: center;
166
+ }
167
+ .SocialMediaCard_module_social-media-card__metric-icon {
168
+ align-items: center;
169
+ color: #99a1af;
170
+ display: flex;
171
+ justify-content: center;
172
+ }
173
+ .SocialMediaCard_module_social-media-card__metric-value {
174
+ color: #99a1af;
175
+ font-size: 14px;
176
+ font-style: normal;
177
+ font-weight: 400;
178
+ line-height: 14px;
179
+ }
180
+ .SocialMediaCard_module_social-media-card__tags {
181
+ display: inline-flex;
182
+ flex-wrap: wrap;
183
+ gap: 1px;
184
+ }
185
+ .SocialMediaCard_module_social-media-card__tag {
186
+ margin: 0 2px;
187
+ width: max-content;
188
+ }
189
+ .SocialMediaCard_module_social-media-card__tag-anchor {
190
+ padding: 0;
191
+ }
192
+
57
193
  /* components/StatisticsCards/StatisticsCards.module.scss */
194
+
58
195
  /* components/StatusIndicators/StatusIndicators.module.scss */
196
+
59
197
  /* components/StockMarket/StockMarket.module.scss */
198
+
60
199
  /* components/StreakCounter/StreakCounter.module.scss */
200
+
61
201
  /* components/SystemStatus/SystemStatus.module.scss */
202
+
62
203
  /* components/TaskManager/TaskManager.module.scss */
204
+
63
205
  /* components/TeamCollaborationWidget/TeamCollaborationWidget.module.scss */
206
+
64
207
  /* components/TimeLocationWidget/TimeLocationWidget.module.scss */
208
+
65
209
  /* components/TodoList/TodoList.module.scss */
210
+
66
211
  /* components/ToolWidget/ToolWidget.module.scss */
212
+
67
213
  /* components/TravelPlanner/TravelPlanner.module.scss */
214
+
68
215
  /* components/VideoCallWidget/VideoCallWidget.module.scss */
216
+
69
217
  /* components/WeatherWidget/WeatherWidget.module.scss */
70
218
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
1
+ {"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 gap: 15px;\n max-width: 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 gap: 20px;\n justify-content: space-between;\n width: 100%;\n }\n\n &__avatar {\n align-content: center;\n background: linear-gradient(135deg, #ad46ff 0%, #f6339a 100%);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n height: 42px;\n overflow: hidden;\n position: relative;\n width: 42px;\n\n &-icon {\n align-content: center;\n color: $white;\n display: flex;\n justify-content: center;\n margin: auto;\n }\n\n &-img {\n height: 42px;\n width: 42px;\n object-fit: cover;\n }\n }\n\n &__text {\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &__title {\n color: $title-color-dark;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n }\n\n &__subtitle {\n color: $subtitle-color-dark;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n }\n\n &__content {\n color: $description-color-dark;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n }\n\n &__metrics {\n align-items: center;\n display: flex;\n justify-content: flex-start;\n gap: 14px;\n }\n\n &__metric {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: 5px;\n justify-content: center;\n\n &-par {\n align-items: center;\n display: flex;\n gap: 7px;\n justify-content: center;\n }\n\n &-text {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n\n &-icon {\n align-items: center;\n color: $icon-color-dark;\n display: flex;\n justify-content: center;\n }\n\n &-value {\n color: $icon-color-dark;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n }\n }\n\n &__tags {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 1px;\n }\n\n &__tag {\n margin: 0 2px;\n width: max-content;\n\n &-anchor {\n padding: 0;\n }\n }\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n\n// Base\n$white: #ffffff;\n$white-hover: #dddddd;\n$black: #000000;\n$black-hover: #222222;\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$title-color-dark: $white;\n$subtitle-color-dark: #99a1af;\n$description-color-dark: #d1d5dc;\n$icon-color-dark: #99a1af;\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,cCsIA,EAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;ADrIA,WAAA;AACA,kBAAA;AACA,OAAA;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,OAAA;AACA,mBAAA;AACA,SAAA;;AAGF,CAAAC;AACE,iBAAA;AACA;IAAA;MAAA,MAAA;MAAA,QAAA,EAAA;MAAA,QAAA;AACA,iBAAA;AACA,WAAA;AACA,mBAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,SAAA;;AAEA,CAAAC;AACE,iBAAA;AACA,SChDE;ADiDF,WAAA;AACA,mBAAA;AACA,UAAA;;AAGF,CAAAC;AACE,UAAA;AACA,SAAA;AACA,cAAA;;AAIJ,CAAAC;AACE,eAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,SCrEI;ADsEJ,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAGF,CAAAC;AACE,SC8CkB;AD7ClB,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAGF,CAAAC;AACE,SCuCqB;ADtCrB,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAGF,CAAAC;AACE,eAAA;AACA,WAAA;AACA,mBAAA;AACA,OAAA;;AAGF,CAAAC;AACE,eAAA;AACA,WAAA;AACA,kBAAA;AACA,OAAA;AACA,mBAAA;;AAEA,CAAAC;AACE,eAAA;AACA,WAAA;AACA,OAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,eAAA;AACA,WAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,eAAA;AACA,SCIY;ADHZ,WAAA;AACA,mBAAA;;AAGF,CAAAC;AACE,SCFY;ADGZ,aAAA;AACA,cAAA;AACA,eAAA;AACA,eAAA;;AAIJ,CAAAC;AACE,WAAA;AACA,aAAA;AACA,OAAA;;AAGF,CAAAC;AACE,UAAA,EAAA;AACA,SAAA;;AAEA,CAAAC;AACE,WAAA;;","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__avatar","social-media-card__avatar-icon","social-media-card__avatar-img","social-media-card__text","social-media-card__title","social-media-card__subtitle","social-media-card__content","social-media-card__metrics","social-media-card__metric","social-media-card__metric-par","social-media-card__metric-text","social-media-card__metric-icon","social-media-card__metric-value","social-media-card__tags","social-media-card__tag","social-media-card__tag-anchor"]}
package/dist/index.d.mts CHANGED
@@ -1,279 +1,307 @@
1
1
  import * as React from 'react';
2
+ import { IAnchor } from '@aristobyte-ui/anchor';
3
+ import { IButton } from '@aristobyte-ui/button';
4
+ import { IconPropsType } from '@aristobyte-ui/utils';
2
5
 
3
6
  interface IActionButtons {
4
7
  }
5
- declare const IActionButtons: React.FC<IActionButtons>;
8
+ declare const ActionButtons: React.FC<IActionButtons>;
6
9
 
7
10
  interface IActivityFeed {
8
11
  }
9
- declare const IActivityFeed: React.FC<IActivityFeed>;
12
+ declare const ActivityFeed: React.FC<IActivityFeed>;
10
13
 
11
14
  interface IAIAssistant {
12
15
  }
13
- declare const IAIAssistant: React.FC<IAIAssistant>;
16
+ declare const AIAssistant: React.FC<IAIAssistant>;
14
17
 
15
18
  interface IAnalyticsDashboard {
16
19
  }
17
- declare const IAnalyticsDashboard: React.FC<IAnalyticsDashboard>;
20
+ declare const AnalyticsDashboard: React.FC<IAnalyticsDashboard>;
18
21
 
19
22
  interface IBudgetTracker {
20
23
  }
21
- declare const IBudgetTracker: React.FC<IBudgetTracker>;
24
+ declare const BudgetTracker: React.FC<IBudgetTracker>;
22
25
 
23
26
  interface ICalendarWidget {
24
27
  }
25
- declare const ICalendarWidget: React.FC<ICalendarWidget>;
28
+ declare const CalendarWidget: React.FC<ICalendarWidget>;
26
29
 
27
30
  interface IChatMessages {
28
31
  }
29
- declare const IChatMessages: React.FC<IChatMessages>;
32
+ declare const ChatMessages: React.FC<IChatMessages>;
30
33
 
31
34
  interface ICloudStorage {
32
35
  }
33
- declare const ICloudStorage: React.FC<ICloudStorage>;
36
+ declare const CloudStorage: React.FC<ICloudStorage>;
34
37
 
35
38
  interface ICodeEditor {
36
39
  }
37
- declare const ICodeEditor: React.FC<ICodeEditor>;
40
+ declare const CodeEditor: React.FC<ICodeEditor>;
38
41
 
39
42
  interface ICodeStats {
40
43
  }
41
- declare const ICodeStats: React.FC<ICodeStats>;
44
+ declare const CodeStats: React.FC<ICodeStats>;
42
45
 
43
46
  interface IColorPaletteWidget {
44
47
  }
45
- declare const IColorPaletteWidget: React.FC<IColorPaletteWidget>;
48
+ declare const ColorPaletteWidget: React.FC<IColorPaletteWidget>;
46
49
 
47
50
  interface IContactCard {
48
51
  }
49
- declare const IContactCard: React.FC<IContactCard>;
52
+ declare const ContactCard: React.FC<IContactCard>;
50
53
 
51
54
  interface ICryptocurrencyWidget {
52
55
  }
53
- declare const ICryptocurrencyWidget: React.FC<ICryptocurrencyWidget>;
56
+ declare const CryptocurrencyWidget: React.FC<ICryptocurrencyWidget>;
54
57
 
55
58
  interface IDatabaseWidget {
56
59
  }
57
- declare const IDatabaseWidget: React.FC<IDatabaseWidget>;
60
+ declare const DatabaseWidget: React.FC<IDatabaseWidget>;
58
61
 
59
62
  interface IDesignSystem {
60
63
  }
61
- declare const IDesignSystem: React.FC<IDesignSystem>;
64
+ declare const DesignSystem: React.FC<IDesignSystem>;
62
65
 
63
66
  interface IDeviceStatus {
64
67
  }
65
- declare const IDeviceStatus: React.FC<IDeviceStatus>;
68
+ declare const DeviceStatus: React.FC<IDeviceStatus>;
66
69
 
67
70
  interface IDocumentScanner {
68
71
  }
69
- declare const IDocumentScanner: React.FC<IDocumentScanner>;
72
+ declare const DocumentScanner: React.FC<IDocumentScanner>;
70
73
 
71
74
  interface IEmailDashboard {
72
75
  }
73
- declare const IEmailDashboard: React.FC<IEmailDashboard>;
76
+ declare const EmailDashboard: React.FC<IEmailDashboard>;
74
77
 
75
78
  interface IEnergyMeter {
76
79
  }
77
- declare const IEnergyMeter: React.FC<IEnergyMeter>;
80
+ declare const EnergyMeter: React.FC<IEnergyMeter>;
78
81
 
79
82
  interface IFileManager {
80
83
  }
81
- declare const IFileManager: React.FC<IFileManager>;
84
+ declare const FileManager: React.FC<IFileManager>;
82
85
 
83
86
  interface IFileUploadArea {
84
87
  }
85
- declare const IFileUploadArea: React.FC<IFileUploadArea>;
88
+ declare const FileUploadArea: React.FC<IFileUploadArea>;
86
89
 
87
90
  interface IFitnessTracker {
88
91
  }
89
- declare const IFitnessTracker: React.FC<IFitnessTracker>;
92
+ declare const FitnessTracker: React.FC<IFitnessTracker>;
90
93
 
91
94
  interface IGamingControllerWidget {
92
95
  }
93
- declare const IGamingControllerWidget: React.FC<IGamingControllerWidget>;
96
+ declare const GamingControllerWidget: React.FC<IGamingControllerWidget>;
94
97
 
95
98
  interface IHabitTracker {
96
99
  }
97
- declare const IHabitTracker: React.FC<IHabitTracker>;
100
+ declare const HabitTracker: React.FC<IHabitTracker>;
98
101
 
99
102
  interface IHealthMonitor {
100
103
  }
101
- declare const IHealthMonitor: React.FC<IHealthMonitor>;
104
+ declare const HealthMonitor: React.FC<IHealthMonitor>;
102
105
 
103
106
  interface IIdeaBulbWidget {
104
107
  }
105
- declare const IIdeaBulbWidget: React.FC<IIdeaBulbWidget>;
108
+ declare const IdeaBulbWidget: React.FC<IIdeaBulbWidget>;
106
109
 
107
110
  interface IInspirationWidget {
108
111
  }
109
- declare const IInspirationWidget: React.FC<IInspirationWidget>;
112
+ declare const InspirationWidget: React.FC<IInspirationWidget>;
110
113
 
111
114
  interface ILanguageLearning {
112
115
  }
113
- declare const ILanguageLearning: React.FC<ILanguageLearning>;
116
+ declare const LanguageLearning: React.FC<ILanguageLearning>;
114
117
 
115
118
  interface ILayerStackWidget {
116
119
  }
117
- declare const ILayerStackWidget: React.FC<ILayerStackWidget>;
120
+ declare const LayerStackWidget: React.FC<ILayerStackWidget>;
118
121
 
119
122
  interface IMediaControls {
120
123
  }
121
- declare const IMediaControls: React.FC<IMediaControls>;
124
+ declare const MediaControls: React.FC<IMediaControls>;
122
125
 
123
126
  interface IMiniMenu {
124
127
  }
125
- declare const IMiniMenu: React.FC<IMiniMenu>;
128
+ declare const MiniMenu: React.FC<IMiniMenu>;
126
129
 
127
130
  interface IMouseTracker {
128
131
  }
129
- declare const IMouseTracker: React.FC<IMouseTracker>;
132
+ declare const MouseTracker: React.FC<IMouseTracker>;
130
133
 
131
134
  interface IMusicPlayer {
132
135
  }
133
- declare const IMusicPlayer: React.FC<IMusicPlayer>;
136
+ declare const MusicPlayer: React.FC<IMusicPlayer>;
134
137
 
135
138
  interface IMusicProduction {
136
139
  }
137
- declare const IMusicProduction: React.FC<IMusicProduction>;
140
+ declare const MusicProduction: React.FC<IMusicProduction>;
138
141
 
139
142
  interface INatureWidget {
140
143
  }
141
- declare const INatureWidget: React.FC<INatureWidget>;
144
+ declare const NatureWidget: React.FC<INatureWidget>;
142
145
 
143
146
  interface INavigationPills {
144
147
  }
145
- declare const INavigationPills: React.FC<INavigationPills>;
148
+ declare const NavigationPills: React.FC<INavigationPills>;
146
149
 
147
150
  interface INetworkStatus {
148
151
  }
149
- declare const INetworkStatus: React.FC<INetworkStatus>;
152
+ declare const NetworkStatus: React.FC<INetworkStatus>;
150
153
 
151
154
  interface INotificationBadges {
152
155
  }
153
- declare const INotificationBadges: React.FC<INotificationBadges>;
156
+ declare const NotificationBadges: React.FC<INotificationBadges>;
154
157
 
155
158
  interface INotificationCards {
156
159
  }
157
- declare const INotificationCards: React.FC<INotificationCards>;
160
+ declare const NotificationCards: React.FC<INotificationCards>;
158
161
 
159
162
  interface IOfficeBuildingWidget {
160
163
  }
161
- declare const IOfficeBuildingWidget: React.FC<IOfficeBuildingWidget>;
164
+ declare const OfficeBuildingWidget: React.FC<IOfficeBuildingWidget>;
162
165
 
163
166
  interface IPasswordManager {
164
167
  }
165
- declare const IPasswordManager: React.FC<IPasswordManager>;
168
+ declare const PasswordManager: React.FC<IPasswordManager>;
166
169
 
167
170
  interface IPhotoEditor {
168
171
  }
169
- declare const IPhotoEditor: React.FC<IPhotoEditor>;
172
+ declare const PhotoEditor: React.FC<IPhotoEditor>;
170
173
 
171
174
  interface IPomodoroTimer {
172
175
  }
173
- declare const IPomodoroTimer: React.FC<IPomodoroTimer>;
176
+ declare const PomodoroTimer: React.FC<IPomodoroTimer>;
174
177
 
175
178
  interface IPricingCard {
176
179
  }
177
- declare const IPricingCard: React.FC<IPricingCard>;
180
+ declare const PricingCard: React.FC<IPricingCard>;
178
181
 
179
182
  interface IProfileBadge {
180
183
  }
181
- declare const IProfileBadge: React.FC<IProfileBadge>;
184
+ declare const ProfileBadge: React.FC<IProfileBadge>;
182
185
 
183
186
  interface IProgressTracker {
184
187
  }
185
- declare const IProgressTracker: React.FC<IProgressTracker>;
188
+ declare const ProgressTracker: React.FC<IProgressTracker>;
186
189
 
187
190
  interface IQuickActions {
188
191
  }
189
- declare const IQuickActions: React.FC<IQuickActions>;
192
+ declare const QuickActions: React.FC<IQuickActions>;
190
193
 
191
194
  interface IQuickStats {
192
195
  }
193
- declare const IQuickStats: React.FC<IQuickStats>;
196
+ declare const QuickStats: React.FC<IQuickStats>;
194
197
 
195
198
  interface IReadingProgress {
196
199
  }
197
- declare const IReadingProgress: React.FC<IReadingProgress>;
200
+ declare const ReadingProgress: React.FC<IReadingProgress>;
198
201
 
199
202
  interface IRecipeFinder {
200
203
  }
201
- declare const IRecipeFinder: React.FC<IRecipeFinder>;
204
+ declare const RecipeFinder: React.FC<IRecipeFinder>;
202
205
 
203
206
  interface IRocketLaunchWidget {
204
207
  }
205
- declare const IRocketLaunchWidget: React.FC<IRocketLaunchWidget>;
208
+ declare const RocketLaunchWidget: React.FC<IRocketLaunchWidget>;
206
209
 
207
210
  interface ISettingsPanel {
208
211
  }
209
- declare const ISettingsPanel: React.FC<ISettingsPanel>;
212
+ declare const SettingsPanel: React.FC<ISettingsPanel>;
210
213
 
211
214
  interface IShoppingCart {
212
215
  }
213
- declare const IShoppingCart: React.FC<IShoppingCart>;
216
+ declare const ShoppingCart: React.FC<IShoppingCart>;
214
217
 
215
218
  interface IShoppingList {
216
219
  }
217
- declare const IShoppingList: React.FC<IShoppingList>;
220
+ declare const ShoppingList: React.FC<IShoppingList>;
218
221
 
219
222
  interface ISocialEngagement {
220
223
  }
221
- declare const ISocialEngagement: React.FC<ISocialEngagement>;
224
+ declare const SocialEngagement: React.FC<ISocialEngagement>;
222
225
 
223
226
  interface ISocialMediaCard {
224
- }
225
- declare const ISocialMediaCard: React.FC<ISocialMediaCard>;
227
+ variant?: "default" | "compact" | "highlight";
228
+ radius?: "none" | "sm" | "md" | "lg" | "full";
229
+ avatar?: {
230
+ onClick?: () => void;
231
+ href?: string;
232
+ target?: "_self" | "_blank" | "_parent" | "_top";
233
+ image?: string;
234
+ imageAltText?: string;
235
+ icon?: (props: IconPropsType) => React.JSX.Element;
236
+ background?: string;
237
+ };
238
+ title?: string;
239
+ subtitle?: string;
240
+ button?: IButton;
241
+ content?: React.ReactElement | React.ReactNode | string;
242
+ tags?: IAnchor[];
243
+ metrics?: {
244
+ onClick?: () => void;
245
+ href?: string;
246
+ target?: "_self" | "_blank" | "_parent" | "_top";
247
+ icon?: (props: IconPropsType) => React.JSX.Element;
248
+ label?: string;
249
+ value?: string;
250
+ }[];
251
+ className?: string;
252
+ }
253
+ declare const SocialMediaCard: React.FC<ISocialMediaCard>;
226
254
 
227
255
  interface IStatisticsCards {
228
256
  }
229
- declare const IStatisticsCards: React.FC<IStatisticsCards>;
257
+ declare const StatisticsCards: React.FC<IStatisticsCards>;
230
258
 
231
259
  interface IStatusIndicators {
232
260
  }
233
- declare const IStatusIndicators: React.FC<IStatusIndicators>;
261
+ declare const StatusIndicators: React.FC<IStatusIndicators>;
234
262
 
235
263
  interface IStockMarket {
236
264
  }
237
- declare const IStockMarket: React.FC<IStockMarket>;
265
+ declare const StockMarket: React.FC<IStockMarket>;
238
266
 
239
267
  interface IStreakCounter {
240
268
  }
241
- declare const IStreakCounter: React.FC<IStreakCounter>;
269
+ declare const StreakCounter: React.FC<IStreakCounter>;
242
270
 
243
271
  interface ISystemStatus {
244
272
  }
245
- declare const ISystemStatus: React.FC<ISystemStatus>;
273
+ declare const SystemStatus: React.FC<ISystemStatus>;
246
274
 
247
275
  interface ITaskManager {
248
276
  }
249
- declare const ITaskManager: React.FC<ITaskManager>;
277
+ declare const TaskManager: React.FC<ITaskManager>;
250
278
 
251
279
  interface ITeamCollaborationWidget {
252
280
  }
253
- declare const ITeamCollaborationWidget: React.FC<ITeamCollaborationWidget>;
281
+ declare const TeamCollaborationWidget: React.FC<ITeamCollaborationWidget>;
254
282
 
255
283
  interface ITimeLocationWidget {
256
284
  }
257
- declare const ITimeLocationWidget: React.FC<ITimeLocationWidget>;
285
+ declare const TimeLocationWidget: React.FC<ITimeLocationWidget>;
258
286
 
259
287
  interface ITodoList {
260
288
  }
261
- declare const ITodoList: React.FC<ITodoList>;
289
+ declare const TodoList: React.FC<ITodoList>;
262
290
 
263
291
  interface IToolWidget {
264
292
  }
265
- declare const IToolWidget: React.FC<IToolWidget>;
293
+ declare const ToolWidget: React.FC<IToolWidget>;
266
294
 
267
295
  interface ITravelPlanner {
268
296
  }
269
- declare const ITravelPlanner: React.FC<ITravelPlanner>;
297
+ declare const TravelPlanner: React.FC<ITravelPlanner>;
270
298
 
271
299
  interface IVideoCallWidget {
272
300
  }
273
- declare const IVideoCallWidget: React.FC<IVideoCallWidget>;
301
+ declare const VideoCallWidget: React.FC<IVideoCallWidget>;
274
302
 
275
303
  interface IWeatherWidget {
276
304
  }
277
- declare const IWeatherWidget: React.FC<IWeatherWidget>;
305
+ declare const WeatherWidget: React.FC<IWeatherWidget>;
278
306
 
279
- 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 };
307
+ 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 };