@aristobyte-ui/presets 2.3.5 → 2.4.0

package/es/src/main/components/PomodoroTimer/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './PomodoroTimer.scss';
+export var PomodoroTimer = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "pomodoro-timer" }));
+};

package/es/src/main/components/PricingCard/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './PricingCard.scss';
+export var PricingCard = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "pricing-card" }));
+};

package/es/src/main/components/ProfileBadge/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './ProfileBadge.scss';
+export var ProfileBadge = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "profile-badge" }));
+};

package/es/src/main/components/ProgressTracker/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './ProgressTracker.scss';
+export var ProgressTracker = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "progress-tracker" }));
+};

package/es/src/main/components/QuickActions/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './QuickActions.scss';
+export var QuickActions = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "quick-actions" }));
+};

package/es/src/main/components/QuickStats/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './QuickStats.scss';
+export var QuickStats = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "quick-stats" }));
+};

package/es/src/main/components/ReadingProgress/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './ReadingProgress.scss';
+export var ReadingProgress = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "reading-progress" }));
+};

package/es/src/main/components/RecipeFinder/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './RecipeFinder.scss';
+export var RecipeFinder = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "recipe-finder" }));
+};

package/es/src/main/components/RocketLaunchWidget/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './RocketLaunchWidget.scss';
+export var RocketLaunchWidget = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "rocket-launch-widget" }));
+};

package/es/src/main/components/SettingsPanel/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './SettingsPanel.scss';
+export var SettingsPanel = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "settings-panel" }));
+};

package/es/src/main/components/ShoppingCart/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './ShoppingCart.scss';
+export var ShoppingCart = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "shopping-cart" }));
+};

package/es/src/main/components/ShoppingList/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './ShoppingList.scss';
+export var ShoppingList = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "shopping-list" }));
+};

package/es/src/main/components/SocialEngagement/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './SocialEngagement.scss';
+export var SocialEngagement = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "social-engagement" }));
+};

package/es/src/main/components/SocialMediaCard/index.js

@@ -0,0 +1,60 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { Anchor } from '@aristobyte-ui/anchor';
+import { Button } from '@aristobyte-ui/button';
+import { Icons } from '@aristobyte-ui/utils';
+import './SocialMediaCard.scss';
+var renderAvatar = function (avatar) {
+    if (avatar === null || avatar === void 0 ? void 0 : avatar.image) {
+        return React.createElement("img", { className: 'social-media-card__avatar-img', src: avatar.image, alt: avatar.imageAltText });
+    }
+    return React.createElement("div", { className: 'social-media-card__avatar-icon' }, ((avatar === null || avatar === void 0 ? void 0 : avatar.icon) || Icons.User)({ size: 24 }));
+};
+export var SocialMediaCard = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.radius, radius = _c === void 0 ? 'full' : _c, avatar = _a.avatar, title = _a.title, subtitle = _a.subtitle, button = _a.button, content = _a.content, tags = _a.tags, className = _a.className, metrics = _a.metrics;
+    var uniqId = React.useId();
+    return (React.createElement("div", { key: uniqId, className: "social-media-card social-media-card-radius--".concat(radius, " social-media-radius-variant--").concat(variant, " social-media-card ").concat(className) },
+        React.createElement("div", { className: 'social-media-card__header' },
+            avatar && (React.createElement(Button, { className: 'social-media-card__avatar', style: { background: avatar === null || avatar === void 0 ? void 0 : avatar.background }, href: avatar === null || avatar === void 0 ? void 0 : avatar.href, target: avatar === null || avatar === void 0 ? void 0 : avatar.target }, renderAvatar(avatar))),
+            title && subtitle && (React.createElement("div", { className: 'social-media-card__text' },
+                React.createElement("h3", { className: 'social-media-card__title' }, title),
+                React.createElement("h4", { className: 'social-media-card__subtitle' }, subtitle))),
+            button && (React.createElement(Button, __assign({}, button, { variant: (button === null || button === void 0 ? void 0 : button.variant) || 'primary', radius: (button === null || button === void 0 ? void 0 : button.radius) || 'full', className: 'social-media-card__button' })))),
+        React.createElement("div", { className: 'social-media-card__content' }, content),
+        tags && tags.length > 0 && (React.createElement("ul", { className: 'social-media-card__tags' }, tags.map(function (_a, i) {
+            var tagVariant = _a.variant, rest = __rest(_a, ["variant"]);
+            return (React.createElement("li", { key: i, className: 'social-media-card__tag' },
+                React.createElement(Anchor, __assign({}, rest, { className: 'social-media-card__tag-anchor', variant: tagVariant || 'white' }))));
+        }))),
+        metrics && metrics.length > 0 && (React.createElement("ul", { className: 'social-media-card__metrics' }, metrics.map(function (_a, i) {
+            var icon = _a.icon, label = _a.label, value = _a.value, rest = __rest(_a, ["icon", "label", "value"]);
+            return (React.createElement("li", { key: i, className: 'social-media-card__metric' },
+                React.createElement(Button, __assign({}, rest, { transparent: true }),
+                    React.createElement("p", { className: 'social-media-card__metric-par' },
+                        icon && React.createElement("span", { className: 'social-media-card__metric-icon' }, icon({ size: 22 })),
+                        value && React.createElement("span", { className: 'social-media-card__metric-value' }, value)),
+                    label && React.createElement("p", { className: 'social-media-card__metrics-label' }, label))));
+        })))));
+};

package/es/src/main/components/StatisticsCards/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './StatisticsCards.scss';
+export var StatisticsCards = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "statistics-cards" }));
+};

package/es/src/main/components/StatusIndicators/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './StatusIndicators.scss';
+export var StatusIndicators = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "status-indicators" }));
+};

package/es/src/main/components/StockMarket/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './StockMarket.scss';
+export var StockMarket = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "stock-market" }));
+};

package/es/src/main/components/StreakCounter/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './StreakCounter.scss';
+export var StreakCounter = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "streak-counter" }));
+};

package/es/src/main/components/SystemStatus/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './SystemStatus.scss';
+export var SystemStatus = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "system-status" }));
+};

package/es/src/main/components/TaskManager/index.js

@@ -0,0 +1,30 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import './TaskManager.scss';
+export var TaskManager = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "task-manager" }));
+};