@aristobyte-ui/presets 1.0.112 → 2.1.0

package/dist/es/main/components/SocialMediaCard/SocialMediaCard.scss

@@ -0,0 +1,155 @@
+.social-media-card {
+  background-color: #101828; // @TODO: @COLOR
+  box-shadow: $shadow-md;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  max-width: 280px;
+  padding: 22px;
+  width: 100%;
+
+  &-radius {
+    &--none {
+      border-radius: 0rem; // 0px
+    }
+
+    &--sm {
+      border-radius: 0.25rem; // 4px
+    }
+
+    &--md {
+      border-radius: 0.5rem; // 8px
+    }
+
+    &--lg {
+      border-radius: 0.625rem; // 10px
+    }
+
+    &--full {
+      border-radius: 1.5rem; // 24px
+    }
+  }
+
+  &__header {
+    align-items: center;
+    display: flex;
+    gap: 20px;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  &__avatar {
+    align-content: center;
+    background: linear-gradient(135deg, #ad46ff 0%, #f6339a 100%);
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    height: 42px;
+    overflow: hidden;
+    position: relative;
+    width: 42px;
+
+    &-icon {
+      align-content: center;
+      color: $white;
+      display: flex;
+      justify-content: center;
+      margin: auto;
+    }
+
+    &-img {
+      height: 42px;
+      width: 42px;
+      object-fit: cover;
+    }
+  }
+
+  &__text {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  &__title {
+    color: $title-color-dark;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 16px;
+  }
+
+  &__subtitle {
+    color: $subtitle-color-dark;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+  }
+
+  &__content {
+    color: $description-color-dark;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+  }
+
+  &__metrics {
+    align-items: center;
+    display: flex;
+    justify-content: flex-start;
+    gap: 14px;
+  }
+
+  &__metric {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    justify-content: center;
+
+    &-par {
+      align-items: center;
+      display: flex;
+      gap: 7px;
+      justify-content: center;
+    }
+
+    &-text {
+      align-items: center;
+      display: flex;
+      justify-content: center;
+    }
+
+    &-icon {
+      align-items: center;
+      color: $icon-color-dark;
+      display: flex;
+      justify-content: center;
+    }
+
+    &-value {
+      color: $icon-color-dark;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 14px;
+    }
+  }
+
+  &__tags {
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: 1px;
+  }
+
+  &__tag {
+    margin: 0 2px;
+    width: max-content;
+
+    &-anchor {
+      padding: 0;
+    }
+  }
+}

package/dist/es/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/dist/es/main/components/StatisticsCards/StatisticsCards.module.scss

@@ -0,0 +1,2 @@
+.statistics-cards {
+}

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

@@ -0,0 +1,29 @@
+"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";
+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/dist/es/main/components/StatusIndicators/StatusIndicators.module.scss

@@ -0,0 +1,2 @@
+.status-indicators {
+}

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

@@ -0,0 +1,29 @@
+"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";
+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/dist/es/main/components/StockMarket/StockMarket.module.scss

@@ -0,0 +1,2 @@
+.stock-market {
+}

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

@@ -0,0 +1,29 @@
+"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";
+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/dist/es/main/components/StreakCounter/StreakCounter.module.scss

@@ -0,0 +1,2 @@
+.streak-counter {
+}

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

@@ -0,0 +1,29 @@
+"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";
+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/dist/es/main/components/SystemStatus/SystemStatus.module.scss

@@ -0,0 +1,2 @@
+.system-status {
+}

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

@@ -0,0 +1,29 @@
+"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";
+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/dist/es/main/components/TaskManager/TaskManager.module.scss

@@ -0,0 +1,2 @@
+.task-manager {
+}

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

@@ -0,0 +1,29 @@
+"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";
+export var TaskManager = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "task-manager" }));
+};

package/dist/es/main/components/TeamCollaborationWidget/TeamCollaborationWidget.module.scss

@@ -0,0 +1,2 @@
+.team-collaboration-widget {
+}

package/dist/es/main/components/TeamCollaborationWidget/index.js

@@ -0,0 +1,29 @@
+"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";
+export var TeamCollaborationWidget = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "team-collaboration-widget" }));
+};

package/dist/es/main/components/TimeLocationWidget/TimeLocationWidget.module.scss

@@ -0,0 +1,2 @@
+.time-location-widget {
+}

package/dist/es/main/components/TimeLocationWidget/index.js

@@ -0,0 +1,29 @@
+"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";
+export var TimeLocationWidget = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "time-location-widget" }));
+};

package/dist/es/main/components/TodoList/TodoList.module.scss

@@ -0,0 +1,2 @@
+.todo-list {
+}

package/dist/es/main/components/TodoList/index.js

@@ -0,0 +1,29 @@
+"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";
+export var TodoList = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "todo-list" }));
+};

package/dist/es/main/components/ToolWidget/ToolWidget.module.scss

@@ -0,0 +1,2 @@
+.tool-widget {
+}

package/dist/es/main/components/ToolWidget/index.js

@@ -0,0 +1,29 @@
+"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";
+export var ToolWidget = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "tool-widget" }));
+};

package/dist/es/main/components/TravelPlanner/TravelPlanner.module.scss

@@ -0,0 +1,2 @@
+.travel-planner {
+}

package/dist/es/main/components/TravelPlanner/index.js

@@ -0,0 +1,29 @@
+"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";
+export var TravelPlanner = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "travel-planner" }));
+};

package/dist/es/main/components/VideoCallWidget/VideoCallWidget.module.scss

@@ -0,0 +1,2 @@
+.video-call-widget {
+}

package/dist/es/main/components/VideoCallWidget/index.js

@@ -0,0 +1,29 @@
+"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";
+export var VideoCallWidget = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "video-call-widget" }));
+};

package/dist/es/main/components/WeatherWidget/WeatherWidget.module.scss

@@ -0,0 +1,2 @@
+.weather-widget {
+}

package/dist/es/main/components/WeatherWidget/index.js

@@ -0,0 +1,29 @@
+"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";
+export var WeatherWidget = function (_a) {
+    var props = __rest(_a, []);
+    var uniqId = React.useId();
+    return React.createElement("div", __assign({}, props, { key: uniqId, className: "weather-widget" }));
+};