@onepercentio/one-ui 0.28.9 → 0.29.1

package/dist-ts/components/AnimatedEntrance/AnimatedEntrance.module.scss

@@ -0,0 +1,108 @@
+@use 'sass:math';
+@keyframes expand {
+  0% {
+    transform: translateX(100%);
+  }
+
+  35% {
+    transform: translateX(100%);
+  }
+
+  85% {
+    transform: translateX(-5%);
+  }
+
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+@keyframes exiting {
+  100% {
+    transform: translateX(100%);
+  }
+
+  65% {
+    transform: translateX(100%);
+  }
+
+  50% {
+    opacity: 0;
+  }
+
+  15% {
+    transform: translateX(-5%);
+    opacity: 1;
+  }
+
+  0% {
+    transform: translateX(0%);
+  }
+}
+$duration: 1s;
+
+.elementExiting {
+  animation-duration: $duration !important;
+  animation-name: exiting;
+  position: absolute;
+}
+
+.elementEntering {
+  animation-duration: $duration !important;
+  animation-name: expand;
+}
+.elementExitingReverse {
+  animation-duration: $duration !important;
+  animation-name: exiting;
+}
+
+.elementEnteringReverse {
+  animation-duration: $duration !important;
+  animation-name: expand;
+  position: absolute;
+}
+
+.resetHeight {
+  transition: max-height math.div($duration, 2) $duration * 0.2;
+  min-height: initial;
+  align-items: flex-start !important;
+  flex-shrink: 0;
+  > * {
+    justify-content: flex-start !important;
+  }
+}
+
+.maxHeight {
+  max-height: 0px;
+}
+
+@keyframes nothing {
+  100% {
+    transform: translateX(0%);
+  }
+
+  0% {
+    transform: translateX(0%);
+  }
+}
+
+.elementShrinking {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+  position: absolute;
+}
+
+.elementExpanding {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+}
+.elementShrinkingReverse {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+}
+
+.elementExpandingReverse {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+  position: absolute;
+}

package/dist-ts/components/AnimatedEntrance/index.d.ts

@@ -0,0 +1 @@
+export { default, AnimatedEntranceItem, EntranceType, } from "./AnimatedEntrance";

package/dist-ts/components/AnimatedEntrance/index.js

@@ -0,0 +1,2 @@
+export { default, AnimatedEntranceItem, EntranceType, } from "./AnimatedEntrance";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/AnimatedEntrance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,oBAAoB,EACpB,YAAY,GACb,MAAM,oBAAoB,CAAC"}

package/dist-ts/components/AsyncWrapper/AsyncWrapper.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+/**
+ * This is a generic implementation of the loading, and error handling
+ **/
+export default function AsyncWrapper({ loading, error, onClose, onRetry, children, }: PropsWithChildren<{
+    loading: boolean;
+    error: boolean;
+    onClose: () => void;
+    onRetry: () => void;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/AsyncWrapper/AsyncWrapper.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useOneUIContext } from "../../context/OneUIProvider";
+import AdaptiveDialog from "../AdaptiveDialog";
+import Button from "../Button";
+import Loader from "../Loader";
+import Text from "../Text";
+/**
+ * This is a generic implementation of the loading, and error handling
+ **/
+export default function AsyncWrapper({ loading, error, onClose, onRetry, children, }) {
+    const { LoadingComponent = Loader, messages, } = useOneUIContext().component.asyncWrapper;
+    return (_jsxs(_Fragment, { children: [children, _jsxs(AdaptiveDialog, { open: error, onClose: onClose, children: [_jsx(Text, { type: "highlightTitle", children: messages.error.title }), _jsx(Button, { onClick: () => onRetry(), children: messages.error.retryBtn })] }), loading ? _jsx(LoadingComponent, {}) : null] }));
+}
+//# sourceMappingURL=AsyncWrapper.js.map

package/dist-ts/components/AsyncWrapper/AsyncWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncWrapper.js","sourceRoot":"","sources":["../../../src/components/AsyncWrapper/AsyncWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,GAMR;IACA,MAAM,EACJ,gBAAgB,GAAG,MAAM,EACzB,QAAQ,GACT,GAAG,eAAe,EAAE,CAAC,SAAS,CAAC,YAAY,CAAC;IAE7C,OAAO,CACL,8BACG,QAAQ,EACT,MAAC,cAAc,IAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,aAC3C,KAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,YAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAQ,EACzD,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,YAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAU,IACrD,EAChB,OAAO,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,IAAI,IACrC,CACJ,CAAC;AACJ,CAAC"}

package/dist-ts/components/AsyncWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AsyncWrapper';

package/dist-ts/components/AsyncWrapper/index.js

@@ -0,0 +1,2 @@
+export { default } from './AsyncWrapper';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/AsyncWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AsyncWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist-ts/components/Avatar/Avatar.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A simple avatar that shows the image of the user or it's initials as fallback
+ **/
+export default function Avatar({ name, imgSrc, size, }: {
+    imgSrc?: string;
+    name: string;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/Avatar/Avatar.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Styles from "./Avatar.module.scss";
+/**
+ * A simple avatar that shows the image of the user or it's initials as fallback
+ **/
+export default function Avatar({ name, imgSrc, size = 48, }) {
+    const initials = useMemo(() => {
+        const nameParts = name.trim().split(" ");
+        if (nameParts.length === 1)
+            return nameParts[0].charAt(0).toUpperCase();
+        const [firstName, lastName] = [nameParts[0], nameParts.slice(-1)[0]];
+        return `${firstName.charAt(0)}${lastName.charAt(0)}`.toUpperCase();
+    }, [name]);
+    return (_jsx("div", { className: `${Styles.container} ${imgSrc ? "" : Styles.noImg}`, style: { fontSize: size }, title: name, children: imgSrc ? _jsx("img", { src: imgSrc, alt: name }) : _jsx("span", { children: initials }) }));
+}
+//# sourceMappingURL=Avatar.js.map

package/dist-ts/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,EAAE,GAKV;IACC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACxE,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IACrE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,OAAO,CACL,cACE,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAC9D,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,KAAK,EAAE,IAAI,YAEV,MAAM,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,yBAAO,QAAQ,GAAQ,GAC/D,CACP,CAAC;AACJ,CAAC"}

package/dist-ts/components/Avatar/Avatar.module.scss

@@ -0,0 +1,22 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  &.noImg {
+    background-color: $avatarBackgroundColor;
+  }
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  border-radius: 0.5em;
+
+  > span,
+  > img {
+    font-size: 0.4em;
+    width: inherit;
+    height: inherit;
+    text-align: center;
+    line-height: 2.5em;
+    display: block;
+    color: $digitalBlue;
+  }
+}

package/dist-ts/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Avatar';

package/dist-ts/components/Avatar/index.js

@@ -0,0 +1,2 @@
+export { default } from './Avatar';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist-ts/components/BucketFill/BucketFill.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren, ReactNode } from "react";
+/**
+ * A weird name for a component, but it's objective is to change element colors as the user progresses through a series of steps
+ *
+ * IT IS NOT READY (AND PROBABLY NEVER WILL) FOR FRAGMENT NODES
+ **/
+export default function BucketFill({ children, background, fillTo, }: {
+    children: ReactNode[];
+    fillTo: number;
+    background: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function IgnoreFill({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/BucketFill/BucketFill.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import Styles from "./BucketFill.module.scss";
+/**
+ * A weird name for a component, but it's objective is to change element colors as the user progresses through a series of steps
+ *
+ * IT IS NOT READY (AND PROBABLY NEVER WILL) FOR FRAGMENT NODES
+ **/
+export default function BucketFill({ children, background, fillTo, }) {
+    const rootRef = useRef(null);
+    function resize() {
+        const childs = rootRef.current.children;
+        const s = rootRef.current.style;
+        const elementAtPosition = fillTo === 0 ? null : childs.item(fillTo - 1);
+        const elementOffsetAndHeight = elementAtPosition === null
+            ? 0
+            : elementAtPosition.offsetTop + elementAtPosition.clientHeight;
+        const elementRootHeight = rootRef.current.clientHeight;
+        const percentToFill = Math.min((elementOffsetAndHeight * 100) / elementRootHeight, 100);
+        s.setProperty("--fill-height", `${percentToFill}%`);
+        s.setProperty("--empty-height", `${100 - percentToFill}%`);
+        s.setProperty("--bg-offset", `${percentToFill === 100 ? -1000 : 100 / ((100 - percentToFill) / 100)}%`);
+    }
+    useEffect(() => {
+        resize();
+        window.addEventListener("resize", resize);
+        return () => window.removeEventListener("resize", resize);
+    }, [fillTo]);
+    return (_jsx("div", { ref: rootRef, style: {
+            "--bg": background,
+        }, className: Styles.root, children: children }));
+}
+export function IgnoreFill({ children }) {
+    return _jsx("div", { className: Styles.ignoreFill, children: children });
+}
+//# sourceMappingURL=BucketFill.js.map

package/dist-ts/components/BucketFill/BucketFill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BucketFill.js","sourceRoot":"","sources":["../../../src/components/BucketFill/BucketFill.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgC,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C;;;;IAII;AACJ,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,MAAM,GAKP;IACC,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,SAAS,MAAM;QACb,MAAM,MAAM,GAAG,OAAO,CAAC,OAAQ,CAAC,QAAQ,CAAC;QACzC,MAAM,CAAC,GAAG,OAAO,CAAC,OAAQ,CAAC,KAAK,CAAC;QACjC,MAAM,iBAAiB,GACrB,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAiB,CAAC;QACjE,MAAM,sBAAsB,GAC1B,iBAAiB,KAAK,IAAI;YACxB,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,iBAAiB,CAAC,SAAS,GAAG,iBAAiB,CAAC,YAAY,CAAC;QACnE,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAQ,CAAC,YAAY,CAAC;QACxD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,CAAC,sBAAsB,GAAG,GAAG,CAAC,GAAG,iBAAiB,EAClD,GAAG,CACJ,CAAC;QAEF,CAAC,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,aAAa,GAAG,CAAC,CAAC;QACpD,CAAC,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,GAAG,GAAG,aAAa,GAAG,CAAC,CAAC;QAC3D,CAAC,CAAC,WAAW,CACX,aAAa,EACb,GAAG,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,GAAG,CAAC,GAAG,CAC1E,CAAC;IACJ,CAAC;IACD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,CAAC;QACT,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,cACE,GAAG,EAAE,OAAO,EACZ,KAAK,EACH;YACE,MAAM,EAAE,UAAU;SACZ,EAEV,SAAS,EAAE,MAAM,CAAC,IAAI,YAErB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAyB;IAC5D,OAAO,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,QAAQ,GAAO,CAAC;AAC7D,CAAC"}

package/dist-ts/components/BucketFill/BucketFill.module.scss

@@ -0,0 +1,36 @@
+@import "../../assets/styles/variables.scss";
+
+.root {
+  position: relative;
+  z-index: 1;
+  > :not(div) {
+    mix-blend-mode: color;
+  }
+  > div > * {
+    mix-blend-mode: color;
+  }
+  &::before,
+  &::after {
+    background: var(--bg);
+    width: 100%;
+    position: absolute;
+    content: " ";
+    z-index: -1;
+    transition: height $fast, background-size $fast;
+  }
+  &::before {
+    opacity: 0;
+    top: 0;
+    height: var(--fill-height);
+  }
+  &::after {
+    opacity: 0.6;
+    bottom: 0;
+    height: var(--empty-height);
+    background-size: 100% var(--bg-offset);
+    background-position: bottom;
+  }
+  .ignoreFill {
+    mix-blend-mode: multiply;
+  }
+}

package/dist-ts/components/BucketFill/index.d.ts

@@ -0,0 +1 @@
+export { default } from './BucketFill';

package/dist-ts/components/BucketFill/index.js

@@ -0,0 +1,2 @@
+export { default } from './BucketFill';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/BucketFill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BucketFill/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist-ts/components/Button/Button.d.ts

@@ -0,0 +1,14 @@
+import React, { ForwardedRef } from "react";
+type ButtonProps = React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: OnepercentUtility.UIElements.ButtonVariants;
+}>;
+export declare function _Button({ children, variant, className, ...otherProps }: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+/**
+ * A simple button that can be customized via the provider
+ **/
+declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: OnepercentUtility.UIElements.ButtonVariants | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist-ts/components/Button/Button.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useOneUIConfig } from "../../context/OneUIProvider";
+export function _Button({ children, variant = "transparent", className = "", ...otherProps }, ref) {
+    const classNameType = useOneUIConfig("component.button.className", {});
+    const Component = useOneUIConfig("component.button.Component", "button");
+    return (_jsx(Component, { ref: ref, className: `${className} ${classNameType[variant] || ""}`, variant: variant, ...otherProps, children: children }));
+}
+/**
+ * A simple button that can be customized via the provider
+ **/
+const Button = forwardRef(_Button);
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist-ts/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAc,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAQ7D,MAAM,UAAU,OAAO,CACrB,EACE,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,EACd,GAAG,UAAU,EACD,EACd,GAAoC;IAEpC,MAAM,aAAa,GAAG,cAAc,CAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,cAAc,CAC9B,4BAA4B,EAC5B,QAAe,CAChB,CAAC;IACF,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,SAAS,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EACzD,OAAO,EAAE,OAAO,KACZ,UAAU,YAEb,QAAQ,GACC,CACb,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,MAAM,GAAG,UAAU,CAAiC,OAAO,CAAC,CAAC;AACnE,eAAe,MAAM,CAAC"}

package/dist-ts/components/Button/Button.module.scss

@@ -0,0 +1,45 @@
+@import "../../assets/styles/variables.scss";
+
+.button {
+  cursor: pointer;
+  display: block;
+  padding: 16px;
+  border: none;
+  transition: color $fast;
+  color: $digitalBlue;
+  border-radius: $buttonBorderRadius;
+  &:disabled {
+    cursor: initial;
+  }
+}
+
+///"transparent" | "filled" | "outline";
+
+.transparent {
+  background-color: transparent;
+  &:disabled {
+    color: $mediumGray;
+  }
+}
+
+.filled {
+  background-color: $buttonPrimaryBackgroundColor;
+  color: $buttonTextColor;
+  border-width: 0px;
+  &:disabled {
+    color: $mediumGray;
+  }
+}
+
+.outline {
+  border: 1px solid $digitalBlue;
+  background-color: transparent;
+  &:disabled {
+    color: $mediumGray;
+  }
+}
+
+.link {
+  padding: 0px;
+  @extend .transparent;
+}

package/dist-ts/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Button';

package/dist-ts/components/Button/index.js

@@ -0,0 +1,2 @@
+export { default } from './Button';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist-ts/components/Card/Card.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+/**
+ * A card layout that holds content
+ **/
+export default function Card({ children, className }: PropsWithChildren<{
+    className?: string;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/Card/Card.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Styles from "./Card.module.scss";
+/**
+ * A card layout that holds content
+ **/
+export default function Card({ children, className = "" }) {
+    return _jsx("div", { className: `${Styles.container} ${className}`, children: children });
+}
+//# sourceMappingURL=Card.js.map

package/dist-ts/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAA2C;IAChG,OAAO,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,YAAG,QAAQ,GAAO,CAAC;AAC9E,CAAC"}

package/dist-ts/components/Card/Card.module.scss

@@ -0,0 +1,12 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  background: $mainBackgroundColor;
+  padding: 32px;
+  max-width: 640px;
+  width: 100%;
+  display: flex;
+  align-items: stretch;
+  flex-direction: column;
+  height: auto;
+}

package/dist-ts/components/Card/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Card';

package/dist-ts/components/Card/index.js

@@ -0,0 +1,2 @@
+export { default } from './Card';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist-ts/components/Chart/Chart.e2e.d.ts

@@ -0,0 +1,4 @@
+export declare enum ChartDataTestIds {
+    Y_AXIS = "y",
+    X_AXIS = "x"
+}

package/dist-ts/components/Chart/Chart.e2e.js

@@ -0,0 +1,6 @@
+export var ChartDataTestIds;
+(function (ChartDataTestIds) {
+    ChartDataTestIds["Y_AXIS"] = "y";
+    ChartDataTestIds["X_AXIS"] = "x";
+})(ChartDataTestIds || (ChartDataTestIds = {}));
+//# sourceMappingURL=Chart.e2e.js.map

package/dist-ts/components/Chart/Chart.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.e2e.js","sourceRoot":"","sources":["../../../src/components/Chart/Chart.e2e.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,gCAAY,CAAA;IACZ,gCAAY,CAAA;AACd,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B"}

package/dist-ts/components/Chart/Chart.logic.d.ts

@@ -0,0 +1,3 @@
+import { ChartProps } from "./Chart.types";
+/** An proprietary implementation of some chart variations */
+export default function ChartLogic(props: ChartProps): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/Chart/Chart.logic.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import View from "./Chart.view";
+/** An proprietary implementation of some chart variations */
+export default function ChartLogic(props) {
+    return _jsx(View, { ...props });
+}
+//# sourceMappingURL=Chart.logic.js.map

package/dist-ts/components/Chart/Chart.logic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.logic.js","sourceRoot":"","sources":["../../../src/components/Chart/Chart.logic.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,cAAc,CAAC;AAGhC,6DAA6D;AAC7D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAiB;IAChD,OAAO,KAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAC/B,CAAC"}

package/dist-ts/components/Chart/Chart.module.scss

@@ -0,0 +1,58 @@
+@import "../../assets/styles";
+
+.tooltipContainer {
+  > * {
+    padding: 16px;
+    border-radius: 8px;
+    background-color: var(--line-color) !important;
+    color: var(--text-color);
+  }
+
+  &::after,
+  &::before {
+    border-color: var(--line-color) !important;
+  }
+}
+
+.chartRoot {
+  display: grid;
+  height: 100%;
+  width: 100%;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: 1fr auto;
+  .chartContainer {
+    width: 100%;
+    height: 100%;
+    border-left: 2px solid $primaryColor;
+    border-bottom: 2px solid $primaryColor;
+    svg {
+      height: 100%;
+      width: 100%;
+      circle {
+        fill: var(--point-color);
+      }
+      polyline {
+        stroke: var(--line-color);
+      }
+    }
+  }
+  .yAxis,
+  .xAxis {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    > * {
+      text-align: center;
+    }
+  }
+  .xAxis {
+    border-left: 2px solid $primaryColor;
+    flex-direction: row;
+    > * {
+      flex: 1;
+    }
+  }
+  .yAxis {
+    border-bottom: 2px solid $primaryColor;
+  }
+}

package/dist-ts/components/Chart/Chart.types.d.ts

@@ -0,0 +1,24 @@
+import { ReactElement } from "react";
+export type ChartProps = ChartViewProps;
+export type ChartViewProps = {
+    bounds: Readonly<[
+        horizontal: Readonly<[min: number, max: number, incrementRate: number]>,
+        vertical: Readonly<[min: number, max: number, incrementRate: number]>
+    ]>;
+    style?: (Partial<{
+        lineColor: string;
+        pointColor: string;
+        textColor: string;
+    }> | undefined)[];
+    data?: Readonly<Readonly<Readonly<[x: number, y: number]>[]>[]>;
+    points?: Readonly<Readonly<Readonly<[
+        x: number,
+        y: number,
+        label: ReactElement,
+        onlyOnHover?: boolean
+    ]>[]>[]>;
+    label: {
+        x: (val: number) => ReactElement;
+        y: (val: number) => ReactElement;
+    };
+};

package/dist-ts/components/Chart/Chart.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Chart.types.js.map

package/dist-ts/components/Chart/Chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.types.js","sourceRoot":"","sources":["../../../src/components/Chart/Chart.types.ts"],"names":[],"mappings":""}

package/dist-ts/components/Chart/Chart.view.d.ts

@@ -0,0 +1,5 @@
+import { ChartViewProps } from "./Chart.types";
+/**
+ * Draws a simple line chart with some animation
+ **/
+export default function ChartView({ bounds: [[startX, endX, stepsX], [startY, endY, stepsY]], data, points, label, style: groupStyle, }: ChartViewProps): import("react/jsx-runtime").JSX.Element;