@onepercentio/one-ui 0.29.0 → 0.29.2

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

@@ -0,0 +1,86 @@
+@import "../../assets/styles/index.scss";
+
+$animationDurationMs: 2000;
+
+@value animationDuration #{$animationDurationMs};
+
+$animationDuration: #{$animationDurationMs}ms;
+
+.guide {
+  width: 100%;
+  position: absolute;
+  animation-duration: $animationDuration;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  animation-fill-mode: forwards;
+  animation-timing-function: linear;
+  min-height: 10px;
+  top: 0;
+  &::after {
+    content: " ";
+    width: 100%;
+    height: 10px;
+    background: $pixelatedGuideBackground;
+  }
+}
+
+.grid {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  left: 0px;
+  bottom: 0px;
+  overflow: hidden;
+  > * {
+    display: flex;
+    opacity: 0;
+    &.guide {
+      opacity: 1;
+    }
+  }
+  &.inverse {
+    transform: rotateX(180deg);
+  }
+}
+
+.gridItem {
+  background-color: var(--pixel-color);
+}
+
+.gridAnimate {
+  animation-duration: #{$animationDurationMs}ms;
+}
+
+.iterate {
+  .guide {
+    animation-name: upAndDown;
+  }
+  .gridAnimate {
+    animation-name: onAndOff;
+    will-change: opacity;
+  }
+}
+
+@keyframes onAndOff {
+  0% {
+    opacity: 0;
+  }
+
+  10% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes upAndDown {
+  0% {
+    height: 0%;
+  }
+  100% {
+    height: 100%;
+  }
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./PixelatedScan";
+export * from "./PixelatedScan";

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

@@ -0,0 +1,3 @@
+export { default } from "./PixelatedScan";
+export * from "./PixelatedScan";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from "react";
+/**
+ * A react portal implementation with current page fallback
+ **/
+export default function Portal({ to, children, }: PropsWithChildren<{
+    to: string;
+}>): import("react/jsx-runtime").JSX.Element | null;
+export declare const PortalReceiver: React.ForwardRefExoticComponent<{
+    name: string;
+    className?: string | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,31 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import ReactDOM from "react-dom";
+import { forwardRef, useMemo, } from "react";
+import { useEffect } from "react";
+import { useState } from "react";
+import Styles from "./Portal.module.scss";
+/**
+ * A react portal implementation with current page fallback
+ **/
+export default function Portal({ to, children, }) {
+    const [target, setTarget] = useState();
+    useEffect(() => {
+        const els = document.querySelectorAll(`[data-one-portal="${to}"]`);
+        let latestEl;
+        els.forEach((el) => {
+            latestEl =
+                Number(el.getAttribute("data-timestamp")) >
+                    Number(latestEl?.timestamp || 0)
+                    ? el
+                    : latestEl;
+        });
+        setTarget(latestEl || null);
+    }, []);
+    return target === undefined ? null : (_jsx(_Fragment, { children: target === null ? children : ReactDOM.createPortal(children, target) }));
+}
+function _PortalReceiver({ name, className = "", ...props }, _ref) {
+    const timestamp = useMemo(() => Date.now(), []);
+    return (_jsx("div", { className: `${Styles.portal} ${className}`, "data-one-portal": name, ref: _ref, "data-timestamp": timestamp, ...props }));
+}
+export const PortalReceiver = forwardRef(_PortalReceiver);
+//# sourceMappingURL=Portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAc,EAGZ,UAAU,EAGV,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,EAAE,EACF,QAAQ,GAC0B;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAkB,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QACnE,IAAI,QAAa,CAAC;QAClB,GAAG,CAAC,OAAO,CAAC,CAAC,EAAO,EAAE,EAAE;YACtB,QAAQ;gBACN,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;oBACzC,MAAM,CAAC,QAAQ,EAAE,SAAS,IAAI,CAAC,CAAC;oBAC9B,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,QAAQ,CAAC;QACjB,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,4BAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAI,CAC5E,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CACtB,EACE,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EAOT,EACD,IAAkC;IAElC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,CACL,cACE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE,qBACzB,IAAI,EACrB,GAAG,EAAE,IAAI,oBACO,SAAS,KACrB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+.portal > :not(:last-child) {
+  display: none;
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./Portal";
+export * from "./Portal";

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

@@ -0,0 +1,3 @@
+export { default } from "./Portal";
+export * from "./Portal";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,29 @@
+import { ComponentProps } from "react";
+/**
+ * Shows a progress bar
+ **/
+export default function ProgressBar({ progress, ...props }: {
+    /**
+     * Given in percent
+     */
+    progress: number;
+} & ({
+    /**
+     * Given as css font size
+     */
+    size: number | string;
+    mode?: "gauge" | "guide";
+} | {
+    /**
+     * Given as pixels
+     */
+    size: number;
+    mode?: "sections";
+    /** The number of sections to split */
+    sections: number;
+})): import("react/jsx-runtime").JSX.Element;
+export declare function BalancedProgressBar({ min, max, current, size, ...props }: {
+    min: number;
+    max: number;
+    current: number;
+} & Omit<ComponentProps<typeof ProgressBar>, "progress">): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState, } from "react";
+import Styles from "./ProgressBar.module.scss";
+/**
+ * Shows a progress bar
+ **/
+export default function ProgressBar({ progress, ...props }) {
+    if (props.mode === "sections") {
+        const ref = useRef(null);
+        const strokeID = useMemo(() => `stroke-${(Math.random() * 100000).toFixed(0)}`, []);
+        const height = props.size;
+        const [width, setWidth] = useState(0);
+        const dashWidth = width / props.sections;
+        const spacing = dashWidth * 0.2;
+        useEffect(() => {
+            setWidth(ref.current.clientWidth);
+        }, []);
+        return (_jsxs("svg", { ref: ref, viewBox: `${-height / 2} 0 ${width + height - spacing} ${height}`, preserveAspectRatio: "none", width: "100%", height: `${height}px`, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: `${strokeID}`, x1: "0%", y1: "0%", x2: "100%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0%", "stop-color": "blue" }), _jsx("stop", { offset: `${progress}%`, "stop-color": "blue" }), _jsx("stop", { offset: `${progress}%`, "stop-color": "green" }), _jsx("stop", { offset: "100%", "stop-color": "green" })] }) }), _jsx("line", { x1: "0", y1: height / 2, x2: width, y2: height / 2, stroke: `url(#${strokeID})`, "stroke-width": height, "stroke-dasharray": `${dashWidth - spacing},${spacing}`, "stroke-linecap": "round" })] }));
+    }
+    const mode = props.mode || "guide";
+    const size = props.size;
+    return (_jsxs("div", { className: `${Styles.container} ${Styles[mode]} ${progress === 100 ? Styles.completed : ""}`, style: { fontSize: size }, children: [_jsx("span", { style: { width: `${progress}%` } }), mode === "guide" && _jsx("span", { style: { left: `${progress}%` } })] }));
+}
+export function BalancedProgressBar({ min, max, current, size, ...props }) {
+    const progress = useMemo(() => {
+        const progressVal = current - min;
+        const maxVal = max - min;
+        const currProgress = (progressVal * 100) / maxVal;
+        return currProgress;
+    }, [min, max, current]);
+    return _jsx(ProgressBar, { size: size, progress: progress, ...props });
+}
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,44 @@
+@use "sass:math";
+@import "../../assets/styles/index.scss";
+
+.container {
+  &.guide {
+    margin: 0.375em;
+  }
+  &.gauge {
+    margin: 0em;
+  }
+  &.sections {
+    width: 100%;
+  }
+  height: 0.25em;
+  background-color: red;
+  position: relative;
+  border-radius: math.div(0.25em, 2);
+  background: var(--progress-bar-bg, #0000);
+  > :first-child {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: green;
+    height: inherit;
+    border-top-left-radius: math.div(0.25em, 2);
+    border-bottom-left-radius: math.div(0.25em, 2);
+    background: var(--progress-bar-bar, var(--digital-blue));
+    transition: width var(--animation-speed-transition, $fast) ease-out;
+  }
+  &.completed > :first-child {
+    border-top-right-radius: math.div(0.25em, 2);
+    border-bottom-right-radius: math.div(0.25em, 2);
+  }
+  &.guide > :last-child {
+    position: absolute;
+    margin-top: math.div(-0.5em, 1.25);
+    margin-left: -0.5em;
+    height: 1em;
+    width: 1em;
+    border-radius: 0.5em;
+    transition: left var(--animation-speed-transition, $fast) ease-out;
+    background: var(--progress-bar-guide, var(--digital-blue));
+  }
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./ProgressBar";
+export * from "./ProgressBar";

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

@@ -0,0 +1,3 @@
+export { default } from "./ProgressBar";
+export * from "./ProgressBar";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,25 @@
+import React, { ComponentProps, MouseEvent, ReactElement } from "react";
+import Button from "../Button";
+type Step = {
+    type: "wait" | "final";
+    title?: string;
+    description?: string | React.ReactElement;
+    action?: {
+        label: string | ReactElement;
+        onClick: (e: MouseEvent<HTMLButtonElement>) => void;
+        disabled?: boolean;
+        variant?: ComponentProps<typeof Button>["variant"];
+    };
+};
+/**
+ * Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
+ **/
+export default function ProgressTexts({ steps, currentStep, spacingOnEachStep, }: {
+    /**
+     * Starts at 0
+     */
+    currentStep: number;
+    steps: Step[];
+    spacingOnEachStep?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Spacing from "../Spacing";
+import Styles from "./ProgressTexts.module.scss";
+import Button from "../Button";
+/**
+ * Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
+ **/
+export default function ProgressTexts({ steps, currentStep, spacingOnEachStep = true, }) {
+    const _currentStep = steps[currentStep];
+    return (_jsx(_Fragment, { children: steps.map((s, i) => {
+            function whichClassToUse(step, stepType, currentStep, currentStepType) {
+                const classes = [Styles.container];
+                // Decides the color
+                if (stepType !== "final")
+                    classes.push(step < currentStep ? Styles.disabled : Styles.loading);
+                // Decides if should be visible or not
+                classes.push(currentStep !== step && currentStepType === "final"
+                    ? Styles.hidden
+                    : "");
+                return classes.join(" ");
+            }
+            return i <= currentStep ? (_jsxs("div", { ref: (a) => {
+                    if (a)
+                        a.style.maxHeight = `${a.scrollHeight}px`;
+                }, className: whichClassToUse(i, s.type, currentStep, _currentStep.type), children: [s.title && _jsx("h1", { children: s.title }), s.description && _jsx("p", { children: s.description }), s.action && (_jsx(Button, { variant: s.action.variant, onClick: s.action.onClick, disabled: s.action.disabled, children: s.action.label })), spacingOnEachStep !== false ? _jsx(Spacing, { size: "large" }) : null] }, String(i))) : null;
+        }) }));
+}
+//# sourceMappingURL=ProgressTexts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressTexts.js","sourceRoot":"","sources":["../../../src/components/ProgressTexts/ProgressTexts.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,MAAM,MAAM,WAAW,CAAC;AAc/B;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,WAAW,EACX,iBAAiB,GAAG,IAAI,GAQzB;IACC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACxC,OAAO,CACL,4BACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAClB,SAAS,eAAe,CACtB,IAAY,EACZ,QAAsB,EACtB,WAAmB,EACnB,eAA6B;gBAE7B,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;gBAEnC,oBAAoB;gBACpB,IAAI,QAAQ,KAAK,OAAO;oBACtB,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAEtE,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CACV,WAAW,KAAK,IAAI,IAAI,eAAe,KAAK,OAAO;oBACjD,CAAC,CAAC,MAAM,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CACP,CAAC;gBAEF,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,OAAO,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CACxB,eAEE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;oBACT,IAAI,CAAC;wBAAE,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,YAAY,IAAI,CAAC;gBACnD,CAAC,EACD,SAAS,EAAE,eAAe,CACxB,CAAC,EACD,CAAC,CAAC,IAAI,EACN,WAAW,EACX,YAAY,CAAC,IAAI,CAClB,aAEA,CAAC,CAAC,KAAK,IAAI,uBAAK,CAAC,CAAC,KAAK,GAAM,EAC7B,CAAC,CAAC,WAAW,IAAI,sBAAI,CAAC,CAAC,WAAW,GAAK,EACvC,CAAC,CAAC,MAAM,IAAI,CACX,KAAC,MAAM,IAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,YACtF,CAAC,CAAC,MAAM,CAAC,KAAK,GACR,CACV,EACA,iBAAiB,KAAK,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,KAlBzD,MAAM,CAAC,CAAC,CAAC,CAmBV,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,37 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  font-family: Manrope;
+  transition: max-height $slow;
+  overflow: hidden;
+  max-height: 0px;
+  * {
+    text-align: left;
+  }
+  button {
+    text-align: center;
+  }
+  h1 {
+    font-weight: bold;
+    font-size: 34px;
+    line-height: 41px;
+    color: $spaceBlue !important;
+  }
+  p {
+    font-family: Roboto;
+    font-size: 22px;
+    line-height: 33px;
+  }
+}
+
+.hidden {
+  max-height: 0px !important;
+}
+
+.loading * {
+  color: $spaceBlue !important;
+}
+
+.disabled * {
+  color: $mediumGray !important;
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./ProgressTexts";
+export * from "./ProgressTexts";

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

@@ -0,0 +1,3 @@
+export { default } from "./ProgressTexts";
+export * from "./ProgressTexts";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,13 @@
+import React, { PropsWithChildren } from "react";
+/**
+ * A simple radio with nice guidelines
+ **/
+export default function Radio({ checked, onToggle, label, className, size, groupId, value, ...props }: PropsWithChildren<{
+    checked: boolean;
+    onToggle: (checked: boolean) => void;
+    label: React.ReactNode;
+    className?: string;
+    size?: number;
+    groupId: string;
+    value: string;
+}> & React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOneUIConfig } from "../../context/OneUIProvider";
+import Styles from "./Radio.module.scss";
+/**
+ * A simple radio with nice guidelines
+ **/
+export default function Radio({ checked, onToggle, label, className = "", size = undefined, groupId, value, ...props }) {
+    const Checkbox = useOneUIConfig("component.radio.Component", "span");
+    return (_jsxs("label", { className: `${Styles.container} ${className}`, style: { fontSize: size }, onClick: (e) => {
+            onToggle(!checked);
+            e.preventDefault();
+        }, children: [_jsx(Checkbox, { ...props, className: `${checked ? Styles.checked : ""} ${label ? Styles.wContent : ""}` }), _jsx("input", { type: "radio", name: groupId, id: value, checked: checked, readOnly: true }), label] }));
+}
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EAaP;IACD,MAAM,QAAQ,GAAG,cAAc,CAC7B,2BAA2B,EAC3B,MAAa,CACP,CAAC;IACT,OAAO,CACL,iBACE,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC,aAED,KAAC,QAAQ,OACH,KAAK,EACT,SAAS,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IACzC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC5B,EAAE,GACF,EACF,gBAAO,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,SAAE,EACzE,KAAK,IACA,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,36 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  display: flex;
+  line-height: 1.5em;
+  vertical-align: middle;
+  flex-shrink: 0;
+
+  input {
+    max-width: 0px;
+    max-height: 0px;width: 0;
+    height: 0;
+    opacity: 0;
+  }
+
+  > span:first-child {
+    visibility: visible;
+    width: 1.5em;
+    height: 1.5em;
+    border-radius: 0.8em;
+    background-image: url("../../assets/img/svg/checkbox.svg");
+    background-color: transparent;
+    transition: background-color 250ms, border 250ms, box-shadow 250ms;
+    border: 1px solid rgb(40, 43, 53);
+    box-shadow: 0px 0px 0px -4px $digitalBlue;
+    flex-shrink: 0;
+    &.wContent {
+      margin-right: 0.8em;
+    }
+  }
+  > span:first-child.checked {
+    background-color: $digitalBlue;
+    border: 1px solid $digitalBlue;
+    box-shadow: 0px 0px 12px -4px $digitalBlue;
+  }
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./Radio";
+export * from "./Radio";

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

@@ -0,0 +1,3 @@
+export { default } from "./Radio";
+export * from "./Radio";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,14 @@
+import React, { JSX } from "react";
+export declare function createId(...args: string[]): string;
+/**
+ * This component wraps a section and limits the width of it's content as well as requiring an id to reference to this section
+ **/
+declare const SectionContainer: React.ForwardRefExoticComponent<{
+    decoration?: "dark" | "light" | undefined;
+    section?: string | undefined;
+    className?: string | undefined;
+    onClick?: JSX.IntrinsicElements["div"]["onClick"];
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default SectionContainer;

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, } from "react";
+import Styles from "./SectionContainer.module.scss";
+export function createId(...args) {
+    return args.join("-");
+}
+function _SectionContainer({ children, section, className = "", decoration, onClick }, ref) {
+    return (_jsx("div", { ref: ref, onClick: onClick, className: `${Styles.root} ${className}`, id: section, children: _jsxs("div", { className: `${Styles.content} ${decoration ? Styles.decorated : ""}`, children: [children, decoration && (_jsx("div", { className: `${Styles.decoration} ${Styles[decoration]}` }))] }) }));
+}
+/**
+ * This component wraps a section and limits the width of it's content as well as requiring an id to reference to this section
+ **/
+const SectionContainer = forwardRef(_SectionContainer);
+export default SectionContainer;
+//# sourceMappingURL=SectionContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../src/components/SectionContainer/SectionContainer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAGZ,UAAU,GAIX,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAEpD,MAAM,UAAU,QAAQ,CAAC,GAAG,IAAc;IACxC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB,CAAC;AAQD,SAAS,iBAAiB,CACxB,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,OAAO,EAAY,EACpE,GAAiC;IAEjC,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,EACxC,EAAE,EAAE,OAAO,YAEX,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,aAEnE,QAAQ,EACR,UAAU,IAAI,CACb,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,EAAE,GAAI,CACjE,IACG,GACF,CACP,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,gBAAgB,GACpB,UAAU,CAAgC,iBAAiB,CAAC,CAAC;AAC/D,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,30 @@
+.root {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  .content {
+    width: 100%;
+    max-width: 1200px;
+    &.decorated {
+      position: relative;
+    }
+  }
+  .decoration {
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    width: 16px;
+    height: 16px;
+    &.light {
+      background-color: white;
+    }
+    &.dark {
+      background-color: black;
+    }
+  }
+  h1 {
+    margin-bottom: 24px;
+  }
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./SectionContainer";
+export * from "./SectionContainer";

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

@@ -0,0 +1,3 @@
+export { default } from "./SectionContainer";
+export * from "./SectionContainer";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,30 @@
+import { ComponentProps, DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
+import Input from "../Input";
+import { AnchoredTooltipAlignment } from "../AnchoredTooltip/AnchoredTooltip";
+export type SelectItem = ({
+    label: string;
+    value: string;
+} | {
+    label: ReactElement;
+    labelStr: string;
+    value: string;
+}) & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLElement>, "ref" | "color">;
+/**
+ * A dropdown select
+ **/
+declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, rootClassName, dropdownClassName: _drop, alignTo, filter, ...otherProps }: {
+    loading?: boolean;
+    items: Readonly<I[]>;
+    onClick: (i: I) => void;
+    rootClassName?: string;
+    dropdownClassName?: string;
+    alignTo?: AnchoredTooltipAlignment;
+    filter?: (item: I, term: string) => boolean;
+} & ({
+    selected?: I["value"];
+    label: string;
+} | {
+    selected: I["value"];
+    label?: string;
+}) & Omit<ComponentProps<typeof Input>, "selected" | "onClick">): import("react/jsx-runtime").JSX.Element;
+export default Select;