@mailstep/design-system 0.8.29 → 0.8.31-beta.1

package/ui/Elements/Image/types.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
+
 export type ImageProps = {
     src: string;
     loader?: ReactNode | null;

package/ui/Elements/Label/Label.d.ts

@@ -1,4 +1,4 @@
-export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
-    fontSize?: number | string;
+export declare const Label: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
+    fontSize?: string | number | undefined;
 }, never>;
-export declare const FieldLabel: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {}, never>;
+export declare const FieldLabel: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {}, never>;

package/ui/Elements/Label/Label.js

@@ -1,23 +1,14 @@
-import styled$1, { css, system, th } from "@xstyled/styled-components";
-//#region packages/ui/Elements/Label/Label.tsx
-const style = css`
-  color: ${th.color("typoPrimary")};
-  font-family: ${th("fonts.primary")};
-  font-weight: bold;
-  display: block;
-  margin-bottom: 6px;
-`;
-const Label = styled$1.label`
-  margin-left: 8px;
-  ${style};
-  ${({ fontSize }) => fontSize ? css`
-          font-size: ${fontSize};
-        ` : null}
-  ${system};
-`;
-const FieldLabel = styled$1.label`
-  ${style};
-  font-size: 12px;
-`;
-//#endregion
-export { FieldLabel, Label };
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from '@xstyled/styled-components';
+import { system, th } from '@xstyled/styled-components';
+var style = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"])), th.color('typoPrimary'), th('fonts.primary'));
+export var Label = styled.label(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"], ["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"])), style, function (_a) {
+    var fontSize = _a.fontSize;
+    return fontSize
+        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          font-size: ", ";\n        "], ["\n          font-size: ", ";\n        "])), fontSize) : null;
+}, system);
+export var FieldLabel = styled.label(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  font-size: 12px;\n"], ["\n  ", ";\n  font-size: 12px;\n"])), style);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/ui/Elements/Label/index.d.ts

@@ -1,3 +1,4 @@
 import { Label } from './Label';
+
 export { Label, FieldLabel } from './Label';
 export default Label;

package/ui/Elements/Label/index.js

@@ -1,5 +1,3 @@
-import { FieldLabel, Label } from "./Label.js";
-//#region packages/ui/Elements/Label/index.ts
-var Label_default = Label;
-//#endregion
-export { FieldLabel, Label, Label_default as default };
+import { Label } from './Label';
+export { Label, FieldLabel } from './Label';
+export default Label;

package/ui/Elements/Label/stories/Label.stories.d.ts

@@ -1,8 +1,9 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
+
 declare const meta: {
     title: string;
-    component: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
-        fontSize?: number | string;
+    component: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
+        fontSize?: string | number | undefined;
     }, never>;
     tags: string[];
     argTypes: {};

package/ui/Elements/Label/stories/Label.stories.js

@@ -0,0 +1,20 @@
+import { Label } from '../';
+var meta = {
+    title: 'Elements/Label',
+    component: Label,
+    tags: ['autodocs'],
+    argTypes: {},
+};
+export default meta;
+export var Default = {
+    args: {
+        children: 'This is a label',
+    },
+};
+export var ManyPages = {
+    args: {
+        itemCount: 1000,
+        itemPerPage: 8,
+        page: 1,
+    },
+};

package/ui/Elements/Line/Line.d.ts

@@ -1,3 +1,4 @@
 import { ILine } from './types';
+
 declare const Line: ILine;
 export default Line;

package/ui/Elements/Line/Line.js

@@ -1,23 +1,25 @@
-import styled$1 from "@xstyled/styled-components";
-import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Elements/Line/Line.tsx
-const gabs = {
-	none: 0,
-	small: "5px",
-	medium: "10px",
-	large: "20px"
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 };
-const LineComponent = styled$1.div`
-  width: 100%;
-  border-bottom: 1px ${({ variant }) => variant};
-  border-bottom-color: lightGray3;
-  margin: ${({ gab, gabTop, gabBottom }) => `${gabs[gab] || gabs[gabTop]} 0 ${gabs[gab] || gabs[gabBottom]}`};
-`;
-const Line = ({ gab = "none", gabTop = "none", gabBottom = "none", variant = "solid" }) => /* @__PURE__ */ jsx(LineComponent, {
-	gab,
-	gabTop,
-	gabBottom,
-	variant
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@xstyled/styled-components';
+var gabs = {
+    none: 0,
+    small: '5px',
+    medium: '10px',
+    large: '20px',
+};
+var LineComponent = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"], ["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"])), function (_a) {
+    var variant = _a.variant;
+    return variant;
+}, function (_a) {
+    var gab = _a.gab, gabTop = _a.gabTop, gabBottom = _a.gabBottom;
+    return "".concat(gabs[gab] || gabs[gabTop], " 0 ").concat(gabs[gab] || gabs[gabBottom]);
 });
-//#endregion
-export { Line as default };
+var Line = function (_a) {
+    var _b = _a.gab, gab = _b === void 0 ? 'none' : _b, _c = _a.gabTop, gabTop = _c === void 0 ? 'none' : _c, _d = _a.gabBottom, gabBottom = _d === void 0 ? 'none' : _d, _e = _a.variant, variant = _e === void 0 ? 'solid' : _e;
+    return (_jsx(LineComponent, { gab: gab, gabTop: gabTop, gabBottom: gabBottom, variant: variant }));
+};
+export default Line;
+var templateObject_1;

package/ui/Elements/Line/index.d.ts

@@ -1,3 +1,4 @@
-import Line from './Line';
+import { default as Line } from './Line';
+
 export { Line };
 export default Line;

package/ui/Elements/Line/index.js

@@ -1,5 +1,3 @@
-import Line from "./Line.js";
-//#region packages/ui/Elements/Line/index.ts
-var Line_default = Line;
-//#endregion
-export { Line, Line_default as default };
+import Line from './Line';
+export { Line };
+export default Line;

package/ui/Elements/Line/stories/Line.stories.d.ts

@@ -1,7 +1,8 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
+
 declare const meta: {
     title: string;
-    component: import("../types").ILine;
+    component: import('../types').ILine;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Line/stories/Line.stories.js

@@ -0,0 +1,41 @@
+import Line from '../Line';
+var meta = {
+    title: 'Elements/Line',
+    component: Line,
+    tags: ['autodocs'],
+    argTypes: {},
+};
+export default meta;
+export var Default = {
+    args: {},
+};
+export var Dashed = {
+    args: {
+        variant: 'dashed',
+    },
+};
+export var SmallGab = {
+    args: {
+        gab: 'small',
+    },
+};
+export var MediumGab = {
+    args: {
+        gab: 'medium',
+    },
+};
+export var LargeGab = {
+    args: {
+        gab: 'large',
+    },
+};
+export var LargeTopGab = {
+    args: {
+        gabTop: 'large',
+    },
+};
+export var LargebottomGab = {
+    args: {
+        gabBottom: 'large',
+    },
+};

package/ui/Elements/Line/types.d.ts

@@ -1,4 +1,5 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 export type Gab = 'none' | 'small' | 'medium' | 'large';
 export type Variant = 'solid' | 'dashed';
 export type LineProps = {

package/ui/Elements/Link/Link.d.ts

@@ -1,4 +1,5 @@
-import React, { type FC } from 'react';
+import { default as React, FC } from 'react';
+
 type ToObjectType = {
     pathname?: string;
     search?: string;

package/ui/Elements/Link/Link.js

@@ -1,44 +1,48 @@
-import { createRgba } from "../../utils/CreateRgba/createRgba.js";
-import "../../utils/index.js";
-import "react";
-import styled$1, { css, th, useTheme } from "@xstyled/styled-components";
-import { jsx } from "react/jsx-runtime";
-import { NavLink } from "react-router-dom";
-//#region packages/ui/Elements/Link/Link.tsx
-const StyledLink = styled$1(NavLink)`
-  color: ${({ color }) => createRgba(color, .7)};
-  cursor: pointer;
-  :visited {
-    color: ${({ color }) => color};
-  }
-  :hover {
-    color: ${({ color }) => color};
-  }
-  :active {
-    color: ${({ color }) => color};
-  }
-  :focus {
-    outline: none;
-  }
-  font-family: ${th("fonts.primary")};
-  font-size: ${({ size }) => size};
-
-  ${({ disabled }) => disabled ? css`
-          pointer-events: none;
-          opacity: 0.5;
-        ` : null}
-`;
-const Link = (props) => {
-	const theme = useTheme();
-	const themeColor = props.color ? th.color(props.color)({ theme }) : void 0;
-	const themeFontSize = th.fontSize(props.size ?? 1)({ theme });
-	return /* @__PURE__ */ jsx(StyledLink, {
-		...props,
-		to: props.to || "",
-		color: themeColor,
-		size: themeFontSize,
-		children: props.children
-	});
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 };
-//#endregion
-export { Link as default };
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NavLink as ReactLink } from 'react-router-dom';
+import { createRgba } from '../../utils';
+import styled, { css, useTheme, th } from '@xstyled/styled-components';
+var StyledLink = styled(ReactLink)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"], ["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"])), function (_a) {
+    var color = _a.color;
+    return createRgba(color, 0.7);
+}, function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var color = _a.color;
+    return color;
+}, th('fonts.primary'), function (_a) {
+    var size = _a.size;
+    return size;
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled
+        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          pointer-events: none;\n          opacity: 0.5;\n        "], ["\n          pointer-events: none;\n          opacity: 0.5;\n        "]))) : null;
+});
+var Link = function (props) {
+    var _a;
+    var theme = useTheme();
+    var themeColor = props.color ? th.color(props.color)({ theme: theme }) : undefined;
+    var themeFontSize = th.fontSize((_a = props.size) !== null && _a !== void 0 ? _a : 1)({ theme: theme });
+    return (_jsx(StyledLink, __assign({}, props, { to: props.to || '', color: themeColor, size: themeFontSize, children: props.children })));
+};
+export default Link;
+var templateObject_1, templateObject_2;

package/ui/Elements/Link/index.d.ts

@@ -1,3 +1,4 @@
-import Link from './Link';
+import { default as Link } from './Link';
+
 export { Link };
 export default Link;

package/ui/Elements/Link/index.js

@@ -1,5 +1,3 @@
-import Link from "./Link.js";
-//#region packages/ui/Elements/Link/index.ts
-var Link_default = Link;
-//#endregion
-export { Link, Link_default as default };
+import Link from './Link';
+export { Link };
+export default Link;

package/ui/Elements/Link/stories/Link.stories.d.ts

@@ -1,20 +1,21 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
+
 declare const meta: {
     title: string;
-    component: import("react").FC<{
+    component: import('react').FC<{
         as?: any;
-        children?: React.ReactNode;
-        to?: string | {
-            pathname?: string;
-            search?: string;
-            hash?: string;
-            state?: object;
-        } | Function;
-        target?: string;
-        color?: string;
-        size?: number | "inherit";
-        disabled?: boolean;
-        onClick?: Function;
+        children?: import('react').ReactNode;
+        to?: string | Function | {
+            pathname?: string | undefined;
+            search?: string | undefined;
+            hash?: string | undefined;
+            state?: object | undefined;
+        } | undefined;
+        target?: string | undefined;
+        color?: string | undefined;
+        size?: number | "inherit" | undefined;
+        disabled?: boolean | undefined;
+        onClick?: Function | undefined;
     }>;
     tags: string[];
     argTypes: {};

package/ui/Elements/Link/stories/Link.stories.js

@@ -0,0 +1,63 @@
+import { Link } from '../';
+var meta = {
+    title: 'Elements/Link',
+    component: Link,
+    tags: ['autodocs'],
+    argTypes: {},
+    decorators: [],
+};
+export default meta;
+export var External = {
+    args: {
+        to: { pathname: 'https://www.inventi.cz/' },
+        size: 1,
+        target: '_blank',
+        children: "This is a link",
+    },
+};
+export var Success = {
+    args: {
+        to: { pathname: 'https://www.inventi.cz/' },
+        size: 1,
+        color: 'success',
+        children: "This is a link",
+    },
+};
+export var Warning = {
+    args: {
+        to: { pathname: 'https://www.inventi.cz/' },
+        size: 1,
+        color: 'success',
+        children: "This is a link",
+    },
+};
+export var Disabled = {
+    args: {
+        to: { pathname: 'https://www.inventi.cz/' },
+        size: 1,
+        target: '_blank',
+        disabled: true,
+        children: "This is a link",
+    },
+};
+export var Size3 = {
+    args: {
+        to: { pathname: 'https://www.inventi.cz/' },
+        size: 3,
+        children: "This is a link",
+    },
+};
+export var Size5 = {
+    args: {
+        to: { pathname: 'https://www.inventi.cz/' },
+        size: 5,
+        children: "This is a link",
+    },
+};
+export var Size7 = {
+    args: {
+        to: { pathname: 'https://www.inventi.cz/' },
+        size: 7,
+        children: "This is a link",
+    },
+};

package/ui/Elements/Logo/Logo.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
-import type { LogoProps } from './types';
+import { default as React } from 'react';
+import { LogoProps } from './types';
+
 declare const Logo: React.FC<LogoProps>;
 export default Logo;

package/ui/Elements/Logo/Logo.js

@@ -1,69 +1,94 @@
-import "react";
-import styled$1 from "@xstyled/styled-components";
-import { jsx } from "react/jsx-runtime";
-import logoBlackImage from "./assets/mailship/logo_black.png";
-import logoMImage from "./assets/mailship/logo_m.png";
-import logoWhiteImage from "./assets/mailship/logo_white.png";
-import logoSvg from "./assets/mailship/mailship-logo.svg";
-import logoMailstepBlack from "./assets/mailstep/mailstep_black.svg";
-import logoMailstepWhite from "./assets/mailstep/mailstep_white.svg";
-import logoMailstock from "./assets/mailstock/mailstock.svg";
-import logoMailwise from "./assets/mailwise/mailwiseLogo.svg";
-import logoMailwiseSmall from "./assets/mailwise/mailwiseLogoSmall.svg";
-import logoMailwrap from "./assets/mailwrap/mailwrapLogo.svg";
-import logoMailwrapSmall from "./assets/mailwrap/mailwrapLogoSmall.svg";
-import warehouseManager2 from "./assets/warehouse/manager2.svg";
-import warehouseManager3 from "./assets/warehouse/manager3.svg";
-import warehouseManager from "./assets/warehouse/manager.svg";
-//#region packages/ui/Elements/Logo/Logo.tsx
-const defaultSizes = {
-	small: "30px",
-	medium: "46px",
-	big: "61px"
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 };
-const variantMap = {
-	mailship: {
-		white: logoWhiteImage,
-		black: logoBlackImage,
-		m: logoMImage,
-		s: logoSvg
-	},
-	mailwise: {
-		black: logoMailwise,
-		s: logoMailwiseSmall
-	},
-	mailstock: { black: logoMailstock },
-	mailstep: {
-		black: logoMailstepBlack,
-		white: logoMailstepWhite
-	},
-	mailwrap: {
-		black: logoMailwrap,
-		s: logoMailwrapSmall
-	},
-	warehouse: {
-		black: warehouseManager,
-		m: warehouseManager2,
-		s: warehouseManager3
-	}
+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);
 };
-const StyledImage = styled$1.img`
-  width: ${({ width }) => width || "auto"};
-  height: ${({ height, width, size }) => height || (width ? "auto" : size ? defaultSizes[size] : defaultSizes.medium)};
-`;
-const Logo = ({ brand = "mailship", variant, size, width, height, ...rest }) => {
-	const logo = variantMap[brand]?.[variant];
-	if (!logo) {
-		console.warn("No variant for this logo exists.");
-		return null;
-	}
-	return /* @__PURE__ */ jsx(StyledImage, {
-		src: logo,
-		size,
-		width,
-		height,
-		...rest
-	});
+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;
 };
-//#endregion
-export { Logo as default };
+import { jsx as _jsx } from "react/jsx-runtime";
+import logoBlackImage from './assets/mailship/logo_black.png';
+import logoMImage from './assets/mailship/logo_m.png';
+import logoWhiteImage from './assets/mailship/logo_white.png';
+import logoSvg from './assets/mailship/mailship-logo.svg';
+import logoMailstepBlack from './assets/mailstep/mailstep_black.svg';
+import logoMailstepWhite from './assets/mailstep/mailstep_white.svg';
+import logoMailstock from './assets/mailstock/mailstock.svg';
+import logoMailwise from './assets/mailwise/mailwiseLogo.svg';
+import logoMailwiseSmall from './assets/mailwise/mailwiseLogoSmall.svg';
+import logoMailwrap from './assets/mailwrap/mailwrapLogo.svg';
+import logoMailwrapSmall from './assets/mailwrap/mailwrapLogoSmall.svg';
+import warehouseManager2 from './assets/warehouse/manager2.svg';
+import warehouseManager3 from './assets/warehouse/manager3.svg';
+import warehouseManager from './assets/warehouse/manager.svg';
+import styled from '@xstyled/styled-components';
+var defaultSizes = {
+    small: '30px',
+    medium: '46px',
+    big: '61px' // cca 200px width on full logo
+};
+var variantMap = {
+    mailship: {
+        white: logoWhiteImage,
+        black: logoBlackImage,
+        m: logoMImage,
+        s: logoSvg
+    },
+    mailwise: {
+        black: logoMailwise,
+        s: logoMailwiseSmall
+    },
+    mailstock: {
+        black: logoMailstock
+    },
+    mailstep: {
+        black: logoMailstepBlack,
+        white: logoMailstepWhite
+    },
+    mailwrap: {
+        black: logoMailwrap,
+        s: logoMailwrapSmall
+    },
+    warehouse: {
+        black: warehouseManager,
+        m: warehouseManager2,
+        s: warehouseManager3
+    }
+};
+var StyledImage = styled.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n"])), function (_a) {
+    var width = _a.width;
+    return width || 'auto';
+}, function (_a) {
+    var height = _a.height, width = _a.width, size = _a.size;
+    return height || (width ? 'auto' : size ? defaultSizes[size] : defaultSizes.medium);
+});
+var Logo = function (_a) {
+    var _b = _a.brand, brand = _b === void 0 ? 'mailship' : _b, variant = _a.variant, size = _a.size, width = _a.width, height = _a.height, rest = __rest(_a, ["brand", "variant", "size", "width", "height"]);
+    var variants = variantMap[brand];
+    var logo = variants === null || variants === void 0 ? void 0 : variants[variant];
+    if (!logo) {
+        console.warn('No variant for this logo exists.');
+        return null;
+    }
+    return _jsx(StyledImage, __assign({ src: logo, size: size, width: width, height: height }, rest));
+};
+export default Logo;
+var templateObject_1;

package/ui/Elements/Logo/index.d.ts

@@ -1,4 +1,5 @@
-import Logo from './Logo';
+import { default as Logo } from './Logo';
+
 export { Logo };
 export type { Brand, Variant } from './types';
 export default Logo;

package/ui/Elements/Logo/index.js

@@ -1,5 +1,3 @@
-import Logo from "./Logo.js";
-//#region packages/ui/Elements/Logo/index.ts
-var Logo_default = Logo;
-//#endregion
-export { Logo, Logo_default as default };
+import Logo from './Logo';
+export { Logo };
+export default Logo;