fullstacked 0.12.0-1200 → 0.12.0-1203

package/fullstacked_modules/@fullstacked/ui/README.md

@@ -0,0 +1,3 @@
+# ui
+
+[![Open in FullStacked](https://share.fullstacked.org/open-in-fullstacked.svg)](https://share.fullstacked.org?git=https://github.com/fullstackedorg/ui.git)

package/fullstacked_modules/@fullstacked/ui/components/button-group/button-group.scss

@@ -0,0 +1,28 @@
+@use "../../values/colors.scss";
+@use "../../values/spacing.scss";
+
+.button-group {
+    display: inline-flex;
+    flex-direction: column;
+    background-color: colors.$dark;
+    border-radius: spacing.$x-small;
+    overflow: hidden;
+
+    button {
+        background-color: transparent;
+        border-radius: 0;
+        justify-content: flex-start;
+
+        &:not(:last-child) {
+            border-bottom: 1px solid colors.$gray;
+        }
+
+        &.red {
+            color: colors.$red;
+        }
+
+        &:active {
+            background-color: colors.$gray-dark;
+        }
+    }
+}

package/fullstacked_modules/@fullstacked/ui/components/button-group/index.ts

@@ -0,0 +1,8 @@
+import { Button } from "../../primitives/button";
+
+export function ButtonGroup(buttons: ReturnType<typeof Button>[]) {
+    const container = document.createElement("div");
+    container.classList.add("button-group");
+    container.append(...buttons);
+    return container;
+}

package/fullstacked_modules/@fullstacked/ui/components/dialog/dialog.scss

@@ -0,0 +1,39 @@
+@use "../../values/colors.scss";
+@use "../../values/spacing.scss";
+
+.dialog-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    background-color: colors.$overlay;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    padding: spacing.$large spacing.$medium;
+    overflow: auto;
+    z-index: 10;
+
+    .dialog {
+        background-color: colors.$blue-dark;
+        width: 100%;
+        max-width: spacing.$max-width;
+        padding: spacing.$medium;
+        border-radius: spacing.$medium;
+
+        .confirm {
+            p {
+                text-align: center;
+                padding-bottom: spacing.$medium;
+            }
+
+            > div:last-child {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+            }
+        }
+    }
+}
+

package/fullstacked_modules/@fullstacked/ui/components/dialog/index.ts

@@ -0,0 +1,17 @@
+export function Dialog(content: HTMLElement) {
+    const container = document.createElement("div");
+    container.classList.add("dialog");
+
+    const overlay = document.createElement("div");
+    overlay.classList.add("dialog-overlay");
+
+    container.append(content);
+
+    overlay.append(container);
+
+    document.body.append(overlay);
+
+    return {
+        remove: () => overlay.remove(),
+    };
+}

package/fullstacked_modules/@fullstacked/ui/components/list-item/index.ts

@@ -0,0 +1,37 @@
+type ListItemOpts = {
+    content: HTMLElement | string;
+    withProgress: boolean;
+};
+
+export function ListItem(
+    opts: Partial<ListItemOpts> & { withProgress: true },
+): {
+    container: HTMLDivElement;
+    setProgress: (progress: number) => void; // 0 - 1
+};
+export function ListItem(opts: Partial<ListItemOpts>): HTMLDivElement;
+export function ListItem(opts: Partial<ListItemOpts>) {
+    const container = document.createElement("div");
+    container.classList.add("list-item");
+
+    const inner = document.createElement("div");
+    inner.classList.add("inner");
+    container.append(inner);
+
+    if (opts?.content) {
+        inner.append(opts.content);
+    }
+
+    if (opts?.withProgress) {
+        const progressBar = document.createElement("div");
+        progressBar.classList.add("progress");
+        container.append(progressBar);
+
+        const setProgress = (p: number) => {
+            progressBar.style.width = p * 100 + "%";
+        };
+        return { container, setProgress };
+    }
+
+    return container;
+}

package/fullstacked_modules/@fullstacked/ui/components/list-item/list-item.scss

@@ -0,0 +1,19 @@
+@use "../../values/colors.scss";
+@use "../../values/spacing.scss";
+
+.list-item {
+    background-color: colors.$gray-dark;
+    border: 1px solid colors.$gray;
+    border-radius: spacing.$x-small;
+    overflow: hidden;
+    
+    > .inner {
+        padding: spacing.$small;
+    }
+    > .progress {
+        height: spacing.$x-small;
+        background-color: colors.$blue;
+        width: 0;
+        margin-top: 0 - spacing.$x-small;
+    }
+}

package/fullstacked_modules/@fullstacked/ui/components/loader/index.ts

@@ -0,0 +1,14 @@
+import { Icon } from "../../primitives/icon";
+
+export function Loader() {
+    const container = document.createElement("div");
+    container.classList.add("loader");
+
+    const dummy = document.createElement("div");
+    container.append(dummy);
+
+    const icon = Icon("Loader");
+    container.append(icon);
+
+    return container;
+}

package/fullstacked_modules/@fullstacked/ui/components/loader/loader.scss

@@ -0,0 +1,25 @@
+// 1/1 ratio source : https://stackoverflow.com/a/6615994
+.loader {
+    width: 100%;
+    display: inline-block;
+    position: relative;
+    > div:first-child {
+        margin-top: 100%;
+    }
+    > div:last-child {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        > svg {
+            animation: spin 1s infinite linear;
+        }
+    }
+}
+@keyframes spin {
+    to {
+        transform: rotate(1turn);
+    }
+}
+

package/fullstacked_modules/@fullstacked/ui/components/message/index.ts

@@ -0,0 +1,26 @@
+import { Icon } from "../../primitives/icon";
+
+type MessageOpts = {
+    text: string;
+    style: "warning";
+};
+
+export function Message(opts: Partial<MessageOpts>) {
+    const container = document.createElement("div");
+    container.classList.add("message");
+
+    if (opts.style) {
+        container.classList.add(opts.style);
+    }
+
+    const iconName = opts.style === "warning" ? "Warning" : "Info";
+
+    const icon = Icon(iconName);
+
+    const text = document.createElement("b");
+    text.innerText = opts.text;
+
+    container.append(icon, text);
+
+    return container;
+}

package/fullstacked_modules/@fullstacked/ui/components/message/message.scss

@@ -0,0 +1,20 @@
+@use "../../values/spacing.scss";
+@use "../../values/typography.scss";
+@use "../../values/colors.scss";
+
+.message {
+    display: flex;
+    gap: spacing.$x-small;
+    font-size: typography.$small;
+
+    &.warning {
+        color: colors.$red;
+    }
+
+    > .icon {
+        color: inherit;
+        height: 16px;
+        width: 16px;
+    }
+}
+

package/fullstacked_modules/@fullstacked/ui/components/popover/index.ts

@@ -0,0 +1,110 @@
+type PopoverOpts = {
+    anchor: HTMLElement;
+    content: HTMLElement;
+    align: {
+        y: "top" | "center" | "bottom";
+        x: "left" | "center" | "right";
+    };
+};
+
+export function Popover(opts: PopoverOpts) {
+    const anchorBB = opts.anchor.getBoundingClientRect();
+
+    const container = document.createElement("div");
+    container.classList.add("popover");
+
+    let x = anchorBB.x + document.body.scrollLeft;
+    let y = anchorBB.y + document.body.scrollTop;
+
+    switch (opts.align.x) {
+        case "center":
+            container.classList.add("center-x");
+            x += anchorBB.width / 2;
+            break;
+        case "right":
+            container.classList.add("right");
+            x += anchorBB.width;
+            break;
+    }
+
+    switch (opts.align.y) {
+        case "center":
+            container.classList.add("center-y");
+            y += anchorBB.height / 2;
+            break;
+        case "bottom":
+            container.classList.add("bottom");
+            y += anchorBB.height;
+            break;
+    }
+
+    container.style.left = x + "px";
+    container.style.top = y + "px";
+
+    const overlay = document.createElement("div");
+    overlay.classList.add("popover-overlay");
+
+    container.append(opts.content);
+
+    const remove = () => {
+        overlay.remove();
+        container.remove();
+        window.removeEventListener("resize", remove);
+        unlockScroll(lockedElements);
+    };
+
+    container.addEventListener("click", (e) => {
+        e.stopPropagation();
+        remove();
+    });
+
+    container.addEventListener("scroll", (e) => {
+        e.stopPropagation();
+        remove();
+    });
+
+    overlay.onclick = (e) => {
+        e.stopPropagation();
+        remove();
+    };
+
+    window.addEventListener("resize", remove);
+
+    let lockedElements = lockScroll(opts.anchor);
+    document.body.append(overlay, container);
+}
+
+const lockedScroll = (e: Event) => {
+    e.preventDefault();
+    e.stopPropagation();
+    return false;
+};
+
+const keys = ["ArrowDown", "ArrowUp", "PageUp", "PageDown"];
+const lockedKeys = (e: KeyboardEvent) => {
+    if (keys.includes(e.key)) {
+        return lockedScroll(e);
+    }
+};
+
+function lockScroll(el: HTMLElement, lockedElements: HTMLElement[] = []) {
+    lockedElements.push(el);
+    el.addEventListener("scroll", lockedScroll);
+    el.addEventListener("wheel", lockedScroll);
+    el.addEventListener("touchmove", lockedScroll);
+    el.addEventListener("keydown", lockedKeys);
+    if (el.parentElement) {
+        lockScroll(el.parentElement, lockedElements);
+    }    
+    return lockedElements;
+}
+
+function unlockScroll(els: HTMLElement[]) {
+    els.forEach((el) => {
+        el.removeEventListener("scroll", lockedScroll);
+        el.removeEventListener("wheel", lockedScroll);
+        el.removeEventListener("touchmove", lockedScroll);
+        el.removeEventListener("keydown", lockedKeys);
+    });
+}
+

package/fullstacked_modules/@fullstacked/ui/components/popover/popover.scss

@@ -0,0 +1,44 @@
+@use "../../values/spacing.scss";
+
+.popover {
+    position: absolute;
+    z-index: 11;
+    padding: spacing.$x-small;
+
+    &.center-x {
+        transform: translateX(-50%);
+    }
+    &.center-x.center-y {
+        transform: translate(-50%, -50%);
+    }
+    &.center-x.bottom {
+        transform: translate(-50%, -100%);
+    }
+
+    &.right {
+        transform: translateX(-100%);
+    }
+    &.right.center-y {
+        transform: translate(-100%, -50%);
+    }
+    &.right.bottom {
+        transform: translate(-100%, -100%);
+    }
+
+    &.center-y {
+        transform: translateY(-50%);
+    }
+
+    &.bottom {
+        transform: translateY(-100%);
+    }
+}
+
+.popover-overlay {
+    position: fixed;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    z-index: 10;
+}

package/fullstacked_modules/@fullstacked/ui/globals.scss

@@ -0,0 +1,66 @@
+@use "./values/typography.scss";
+@use "./values/colors.scss";
+
+* {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    box-sizing: border-box;
+}
+
+
+html,
+body {
+    color: colors.$light;
+    font-family: typography.$fonts;
+    margin: 0;
+
+    // default is Medium font size
+    font-size: typography.$medium;
+
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+pre {
+    margin: 0;
+}
+
+h1 {
+    font-size: typography.$heading-1;
+}
+
+h2 {
+    font-size: typography.$heading-2;
+}
+
+h3 {
+    font-size: typography.$heading-3;
+}
+
+label {
+    font-size: typography.$small;
+    font-weight: bold;
+}
+
+small {
+    font-size: typography.$small;
+}
+
+.font-x-small {
+    font-size: typography.$x-small;
+}
+
+a {
+    color: inherit;
+    text-decoration: underline;
+    cursor: pointer;
+
+    &:hover {
+        opacity: 0.7;
+    }
+}

package/fullstacked_modules/@fullstacked/ui/icons/Archive.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 4.83333V9C22 9.45833 21.625 9.83333 21.1667 9.83333H2.83333C2.375 9.83333 2 9.45833 2 9V4.83333C2 4.375 2.375 4 2.83333 4H21.1667C21.625 4 22 4.375 22 4.83333ZM3.66667 11.5H20.3333V19.8333C20.3333 20.2917 19.9583 20.6667 19.5 20.6667H4.5C4.04167 20.6667 3.66667 20.2917 3.66667 19.8333V11.5ZM9.5 14C9.5 14.4583 9.875 14.8333 10.3333 14.8333H13.6667C14.125 14.8333 14.5 14.4583 14.5 14C14.5 13.5417 14.125 13.1667 13.6667 13.1667H10.3333C9.875 13.1667 9.5 13.5417 9.5 14Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Arrow 2.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 19.9925C11.74 19.9925 11.49 19.8925 11.29 19.7025C10.9 19.3125 10.9 18.6825 11.29 18.2925L16.58 13.0025H5C4.45 13.0025 4 12.5525 4 12.0025C4 11.4525 4.45 11.0025 5 11.0025H16.59L11.29 5.7025C10.9 5.3125 10.9 4.6825 11.29 4.2925C11.68 3.9025 12.31 3.9025 12.7 4.2925L19.7 11.2925C19.8 11.3925 19.87 11.5025 19.92 11.6225C19.97 11.7425 20 11.8625 20 12.0025C20 12.1425 19.97 12.2725 19.92 12.3825C19.87 12.5025 19.8 12.6125 19.7 12.7125L12.7 19.7125C12.5 19.9125 12.25 20.0025 11.99 20.0025L12 19.9925Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Arrow Corner.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 20.9925C3.45 20.9925 3 20.5425 3 19.9925V12.9925C3 11.6625 3.52 10.4025 4.46 9.4525C5.41 8.5125 6.66 7.9925 8 7.9925H17.59L14.3 4.7025C13.91 4.3125 13.91 3.6825 14.3 3.2925C14.69 2.9025 15.32 2.9025 15.71 3.2925L20.71 8.2925C20.81 8.3925 20.88 8.5025 20.93 8.6225C20.98 8.7425 21 8.8625 21.01 9.0025C21.01 9.1425 20.98 9.2725 20.93 9.3825C20.88 9.5025 20.81 9.6125 20.71 9.7125L15.71 14.7125C15.32 15.1025 14.69 15.1025 14.3 14.7125C13.91 14.3225 13.91 13.6925 14.3 13.3025L17.59 10.0125H8C7.2 10.0125 6.45 10.3225 5.88 10.8925C5.31 11.4625 5 12.2125 5 13.0125V20.0125C5 20.5625 4.55 21.0125 4 21.0125V20.9925Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Arrow.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.0025 21.0025C14.7425 21.0025 14.4925 20.9025 14.2925 20.7125L6.2925 12.7125C5.9025 12.3225 5.9025 11.6925 6.2925 11.3025L14.2925 3.2925C14.6825 2.9025 15.3125 2.9025 15.7025 3.2925C16.0925 3.6825 16.0925 4.3125 15.7025 4.7025L8.4125 11.9925L15.7025 19.2825C16.0925 19.6725 16.0925 20.3025 15.7025 20.6925C15.5025 20.8925 15.2525 20.9825 14.9925 20.9825L15.0025 21.0025Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Caret.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 18C8 18.26 8.1 18.51 8.29 18.71C8.48 18.91 8.74 19 9 19C9.26 19 9.51 18.9 9.71 18.71L15.71 12.71C16.1 12.32 16.1 11.69 15.71 11.3L9.71 5.29C9.32 4.9 8.68 4.9 8.29 5.29C8.1 5.49 8 5.74 8 6V18Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Check.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.6713 19.4512C8.38233 19.4512 8.10447 19.3401 7.88219 19.1289L2.32509 13.5718C1.89164 13.1384 1.89164 12.4382 2.32509 12.0047C2.75854 11.5713 3.45874 11.5713 3.89219 12.0047L8.66018 16.7727L20.1078 5.32509C20.5413 4.89164 21.2415 4.89164 21.6749 5.32509C22.1084 5.75854 22.1084 6.45874 21.6749 6.89219L9.46041 19.1289C9.23812 19.3512 8.96027 19.4512 8.6713 19.4512Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Clipboard.svg

@@ -0,0 +1,12 @@
+<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        d="M8 4.2V2.6C8 1.72 8.72 1 9.6 1H14.4C15.28 1 16 1.72 16 2.6V4.2C16 5.08 15.28 5.8 14.4 5.8H9.6C8.72 5.8 8 5.08 8 4.2ZM20.12 3.28C19.55 2.71 18.8 2.4 18 2.4H17.98C17.98 2.47 18 2.53 18 2.6V4.2C18 6.19 16.39 7.8 14.4 7.8H9.6C7.61 7.8 6 6.19 6 4.2V2.6C6 2.53 6.02 2.47 6.02 2.4H6C5.2 2.4 4.45 2.71 3.88 3.28C3.31 3.85 3 4.6 3 5.4V19.4C3 20.2 3.31 20.95 3.88 21.52C4.45 22.09 5.2 22.4 6 22.4H18C18.8 22.4 19.55 22.09 20.12 21.52C20.69 20.95 21 20.2 21 19.4V5.4C21 4.6 20.69 3.85 20.12 3.28Z"
+        fill="currentColor"
+    />
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Clock.svg

@@ -0,0 +1,12 @@
+<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        d="M12 1C5.93 1 1 5.93 1 12C1 18.07 5.93 23 12 23C18.07 23 23 18.07 23 12C23 5.93 18.07 1 12 1ZM16.89 14.45C16.71 14.8 16.36 15 15.99 15C15.84 15 15.69 14.97 15.54 14.89L11.54 12.89C11.2 12.72 10.99 12.37 10.99 12V6C10.99 5.45 11.44 5 11.99 5C12.54 5 12.99 5.45 12.99 6V11.38L16.44 13.1C16.93 13.35 17.13 13.95 16.89 14.44V14.45Z"
+        fill="currentColor"
+    />
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Close.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_81_871)">
+<path d="M20 21C19.74 21 19.49 20.9 19.29 20.71L12 13.42L4.71 20.71C4.32 21.1 3.69 21.1 3.3 20.71C2.91 20.32 2.91 19.69 3.3 19.3L10.59 12.01L3.29 4.71C2.9 4.32 2.9 3.68 3.29 3.29C3.68 2.9 4.32 2.9 4.71 3.29L12 10.58L19.29 3.29C19.68 2.9 20.31 2.9 20.7 3.29C21.09 3.68 21.09 4.31 20.7 4.7L13.41 11.99L20.7 19.28C21.09 19.67 21.09 20.3 20.7 20.69C20.5 20.89 20.25 20.98 19.99 20.98L20 21Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_81_871">
+<rect width="18" height="18" fill="currentColor" transform="translate(3 3)"/>
+</clipPath>
+</defs>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Copy.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 23H11C9.35 23 8 21.65 8 20V11C8 9.35 9.35 8 11 8H20C21.65 8 23 9.35 23 11V20C23 21.65 21.65 23 20 23ZM6 11C6 8.24 8.24 6 11 6H15.5C15.78 6 16 5.77 16 5.5V4.12C16 3.48 15.85 2.84 15.48 2.32C14.9 1.47 13.99 1 13 1H4.12C3.48 1 2.84 1.15 2.31 1.52C1.47 2.1 1 3.01 1 4V12.89C1 13.53 1.15 14.17 1.52 14.69C2.1 15.53 3.02 16 4 16H5.5C5.78 16 6 15.77 6 15.5V11Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Directory Add.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.12 5.88C21.55 5.31 20.8 5 20 5H11.54L9.84 2.45C9.65 2.17 9.34 2 9.01 2H4C3.2 2 2.45 2.31 1.88 2.88C1.31 3.45 1 4.2 1 5V19C1 19.8 1.31 20.55 1.88 21.12C2.45 21.69 3.2 22 4 22H20C20.8 22 21.55 21.69 22.12 21.12C22.69 20.55 23 19.8 23 19V8C23 7.2 22.69 6.45 22.12 5.88ZM15 15H13V17C13 17.55 12.55 18 12 18C11.45 18 11 17.55 11 17V15H9C8.45 15 8 14.55 8 14C8 13.45 8.45 13 9 13H11V11C11 10.45 11.45 10 12 10C12.55 10 13 10.45 13 11V13H15C15.55 13 16 13.45 16 14C16 14.55 15.55 15 15 15Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Edit.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.96203 16.9903C7.70344 16.9903 7.44485 16.8908 7.25588 16.7019C7.00723 16.4532 6.90778 16.0952 6.99729 15.757L7.99186 11.7787C8.03165 11.5997 8.12116 11.4406 8.25045 11.3212L17.6989 1.87274C18.8626 0.709087 20.9313 0.709087 22.0949 1.87274C22.6817 2.45954 23 3.23531 23 4.07075C23 4.90619 22.6718 5.68196 22.0949 6.26876L12.6465 15.7172C12.5172 15.8465 12.358 15.936 12.189 15.9758L8.21067 16.9704C8.1311 16.9903 8.05154 17.0002 7.97197 17.0002L7.96203 16.9903ZM14.0488 17.1096C13.6709 17.4975 13.1835 17.766 12.6564 17.8953L8.67812 18.8899C8.43942 18.9496 8.20072 18.9794 7.95208 18.9794C7.16636 18.9794 6.40054 18.6612 5.84358 18.1042C5.10759 17.3682 4.80922 16.2742 5.05787 15.2697L6.05244 11.2914C6.18174 10.7642 6.45027 10.2868 6.83816 9.90891L12.8255 3.92156C13.1438 3.6033 12.915 3.06623 12.4675 3.06623H4.09313C3.4566 3.06623 2.82007 3.21542 2.30289 3.58341C1.46745 4.16026 1 5.07527 1 6.04995V19.8547C1 20.4912 1.14919 21.1277 1.51718 21.6449C2.09403 22.4803 3.00904 22.9478 3.98373 22.9478H17.8083C18.4349 22.9478 19.0714 22.7887 19.5886 22.4306C20.4241 21.8538 20.8915 20.9387 20.8915 19.9641V11.4704C20.8915 11.0228 20.3544 10.804 20.0362 11.1123L14.0488 17.0997V17.1096Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Export.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 12.01V20.01C21 20.81 20.69 21.56 20.12 22.13C19.55 22.7 18.8 23.01 18 23.01H6C5.2 23.01 4.45 22.7 3.88 22.13C3.31 21.56 3 20.81 3 20.01V12.01C3 11.46 3.45 11.01 4 11.01H9V15.01C9 16.66 10.35 18.01 12 18.01C13.65 18.01 15 16.66 15 15.01V11.01H20C20.55 11.01 21 11.46 21 12.01ZM13 15.01V4.42L15.29 6.71C15.68 7.1 16.31 7.1 16.7 6.71C17.09 6.32 17.09 5.69 16.7 5.3L12.71 1.3C12.61 1.2 12.5 1.13 12.38 1.08C12.26 1.03 12.14 1.01 12 1C11.87 1 11.74 1.03 11.62 1.08C11.5 1.13 11.39 1.2 11.29 1.3L7.29 5.3C6.9 5.69 6.9 6.32 7.29 6.71C7.68 7.1 8.31 7.1 8.7 6.71L10.99 4.42V15.01C10.99 15.56 11.44 16.01 11.99 16.01C12.54 16.01 12.99 15.56 12.99 15.01H13Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/External Link.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 3V9C22 9.55 21.55 10 21 10C20.45 10 20 9.55 20 9V5.41L10.71 14.7C10.51 14.9 10.26 14.99 10 14.99C9.74 14.99 9.49 14.89 9.29 14.7C8.9 14.31 8.9 13.68 9.29 13.29L18.59 4H15C14.45 4 14 3.55 14 3C14 2.45 14.45 2 15 2H21C21.13 2 21.26 2.03 21.38 2.08C21.5 2.13 21.61 2.2 21.71 2.3C21.81 2.4 21.88 2.51 21.93 2.63C21.98 2.75 22.01 2.87 22.01 3.01L22 3ZM12.12 16.12C11.55 16.69 10.8 17 10 17C9.2 17 8.45 16.69 7.88 16.12C7.31 15.55 7 14.8 7 14C7 13.2 7.31 12.45 7.88 11.88L13.9 5.85C13.99 5.76 14.05 5.63 14.05 5.5C14.05 5.22 13.83 5 13.55 5H5C4.01 5 3.1 5.47 2.52 6.31C2.16 6.83 2 7.48 2 8.11V18.99C2 19.98 2.47 20.89 3.31 21.47C3.83 21.83 4.48 21.99 5.11 21.99H15.99C16.98 21.99 17.89 21.52 18.47 20.67C18.83 20.15 18.99 19.51 18.99 18.87V10.43C18.99 10.15 18.77 9.93 18.49 9.93C18.35 9.93 18.22 9.99 18.13 10.08L12.11 16.1L12.12 16.12Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/File Add.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.94 7.68C20.97 7.76 20.98 7.84 20.99 7.93C21 8.08 20.99 8.23 20.93 8.38C20.78 8.75 20.41 9 20.01 9H14.01C13.46 9 13.01 8.55 13.01 8V2C13.01 1.6 13.25 1.23 13.63 1.08C13.75 1.03 13.88 1 14.01 1C14.14 1 14.26 1.03 14.37 1.07H14.38C14.5 1.12 14.61 1.19 14.71 1.29L20.71 7.29C20.8 7.38 20.86 7.48 20.91 7.58C20.92 7.61 20.93 7.64 20.94 7.68ZM21 11V20C21 20.8 20.69 21.55 20.12 22.12C19.55 22.69 18.8 23 18 23H6C5.2 23 4.44 22.69 3.88 22.12C3.31 21.55 3 20.8 3 20V4C3 3.2 3.31 2.44 3.88 1.88C4.45 1.31 5.2 1 6 1H11V8C11 9.65 12.35 11 14 11H21ZM16 17C16 16.45 15.55 16 15 16H13V14C13 13.45 12.55 13 12 13C11.45 13 11 13.45 11 14V16H9C8.45 16 8 16.45 8 17C8 17.55 8.45 18 9 18H11V20C11 20.55 11.45 21 12 21C12.55 21 13 20.55 13 20V18H15C15.55 18 16 17.55 16 17Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/File.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.94 8.68C20.97 8.76 20.99 8.85 20.99 8.94C20.99 9.09 20.99 9.24 20.93 9.38C20.78 9.75 20.41 10 20.01 10H13.01C12.46 10 12.01 9.55 12.01 9V2C12.01 1.6 12.25 1.23 12.63 1.08C12.75 1.03 12.88 1 13.01 1C13.14 1 13.27 1.03 13.39 1.08C13.51 1.13 13.62 1.2 13.71 1.3L20.71 8.3C20.79 8.38 20.86 8.49 20.91 8.59C20.92 8.62 20.93 8.65 20.94 8.68ZM20 12H13C11.35 12 10 10.65 10 9V1H6C5.2 1 4.45 1.31 3.88 1.88C3.31 2.45 3 3.2 3 4V20C3 20.8 3.31 21.55 3.88 22.12C4.45 22.69 5.2 23 6 23H18C18.8 23 19.55 22.69 20.12 22.12C20.69 21.55 21 20.8 21 20V12H20Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Git Branch.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 22C3.79 22 2 20.21 2 18C2 16.14 3.28 14.57 5 14.13V3C5 2.45 5.45 2 6 2C6.55 2 7 2.45 7 3V14.13C8.39 14.49 9.49 15.58 9.86 16.96C11.67 16.77 13.35 15.97 14.66 14.66C15.97 13.35 16.76 11.68 16.96 9.86C15.26 9.4 14.01 7.84 14.01 6C14.01 3.79 15.8 2 18.01 2C20.22 2 22.01 3.79 22.01 6C22.01 7.87 20.71 9.45 18.97 9.88C18.77 12.22 17.76 14.39 16.08 16.07C14.4 17.75 12.23 18.76 9.89 18.96C9.46 20.7 7.88 22 6.01 22H6Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Git.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5286 10.9L13.1 1.47143C12.4714 0.842857 11.45 0.842857 10.9 1.47143L8.93572 3.35714L11.45 5.87143C11.6071 5.79286 11.7643 5.79286 11.9214 5.79286C12.8643 5.79286 13.5714 6.5 13.5714 7.44286C13.5714 7.6 13.5714 7.75714 13.4929 7.91429L16.0071 10.4286C16.1643 10.35 16.3214 10.35 16.4786 10.35C17.4214 10.35 18.1286 11.0571 18.1286 12C18.1286 12.9429 17.3429 13.65 16.4786 13.65C15.6143 13.65 14.8286 12.9429 14.8286 12C14.8286 11.7643 14.9071 11.5286 14.9857 11.2929L12.6286 8.93572V15.0643C13.1786 15.3786 13.5714 15.9286 13.5714 16.5571C13.5714 17.5 12.8643 18.2071 11.9214 18.2071C10.9786 18.2071 10.2714 17.4214 10.2714 16.5571C10.2714 15.85 10.7429 15.2214 11.3714 14.9857V8.93572C10.7429 8.7 10.2714 8.07143 10.2714 7.36429C10.2714 7.12857 10.35 6.89286 10.4286 6.65714L7.99286 4.37857L1.47143 10.9C0.842857 11.5286 0.842857 12.55 1.47143 13.1L10.9 22.5286C11.5286 23.1571 12.55 23.1571 13.1 22.5286L22.5286 13.1C23.1571 12.4714 23.1571 11.5286 22.5286 10.9Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Glitter.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5664 6.87231C10.8996 6.31324 8.81511 4.22878 8.25613 1.56187C8.2228 1.40302 8.13583 1.26046 8.00982 1.15815C7.88381 1.05584 7.72643 0.999995 7.56412 1C7.4018 1.00001 7.24443 1.05586 7.11843 1.15818C6.99242 1.2605 6.90546 1.40306 6.87214 1.56192C6.31312 4.22878 4.22866 6.3132 1.56179 6.87218C1.40296 6.90552 1.26043 6.9925 1.15813 7.1185C1.05583 7.2445 1 7.40185 1 7.56415C1 7.72645 1.05583 7.88381 1.15813 8.00981C1.26043 8.13581 1.40296 8.22278 1.56179 8.25612C4.22861 8.81519 6.31299 10.8996 6.87202 13.5665C6.90532 13.7253 6.99227 13.8679 7.11828 13.9702C7.24428 14.0726 7.40166 14.1284 7.56399 14.1284C7.72631 14.1284 7.88369 14.0726 8.00969 13.9702C8.1357 13.8679 8.22265 13.7253 8.25596 13.5665C8.81502 10.8996 10.8995 8.81519 13.5664 8.25625C13.7253 8.22295 13.8678 8.136 13.9702 8.01C14.0725 7.884 14.1284 7.72662 14.1284 7.5643C14.1284 7.40198 14.0725 7.24459 13.9702 7.11859C13.8679 6.99258 13.7253 6.90562 13.5664 6.87231ZM12.3977 18.5521C11.1412 18.2887 10.1591 17.3066 9.89565 16.05C9.86235 15.8912 9.7754 15.7486 9.6494 15.6462C9.5234 15.5439 9.36602 15.4881 9.2037 15.488C9.04137 15.488 8.88399 15.5439 8.75798 15.6462C8.63197 15.7485 8.54501 15.8911 8.51171 16.05C8.24827 17.3065 7.26613 18.2886 6.00963 18.552C5.85079 18.5854 5.70826 18.6723 5.60597 18.7983C5.50367 18.9243 5.44784 19.0817 5.44784 19.244C5.44784 19.4063 5.50367 19.5636 5.60597 19.6896C5.70826 19.8156 5.85079 19.9026 6.00963 19.936C7.26608 20.1994 8.24822 21.1815 8.51162 22.438C8.54492 22.5969 8.63188 22.7395 8.75788 22.8418C8.88389 22.9441 9.04127 23 9.20359 23C9.36592 23 9.5233 22.9441 9.6493 22.8418C9.77531 22.7395 9.86226 22.5969 9.89556 22.438C10.159 21.1815 11.1411 20.1994 12.3977 19.936C12.5565 19.9027 12.699 19.8157 12.8013 19.6897C12.9036 19.5637 12.9595 19.4063 12.9595 19.244C12.9595 19.0817 12.9036 18.9244 12.8013 18.7984C12.699 18.6724 12.5565 18.5854 12.3977 18.5521ZM21.9499 12.0058C20.2515 11.6498 18.9241 10.3223 18.5681 8.62394C18.5348 8.46506 18.4478 8.32249 18.3218 8.22015C18.1958 8.11782 18.0384 8.06196 17.8761 8.06195C17.7138 8.06195 17.5564 8.1178 17.4304 8.22013C17.3044 8.32245 17.2174 8.46502 17.1841 8.62389C16.8281 10.3223 15.5006 11.6497 13.8022 12.0057C13.6434 12.0391 13.5009 12.126 13.3986 12.252C13.2963 12.378 13.2405 12.5354 13.2405 12.6977C13.2405 12.86 13.2963 13.0173 13.3986 13.1433C13.5009 13.2693 13.6434 13.3563 13.8022 13.3897C15.5006 13.7457 16.828 15.0731 17.184 16.7715C17.2173 16.9304 17.3043 17.073 17.4303 17.1753C17.5563 17.2776 17.7137 17.3335 17.876 17.3335C18.0383 17.3335 18.1957 17.2776 18.3217 17.1753C18.4477 17.073 18.5347 16.9304 18.568 16.7715C18.9241 15.0731 20.2515 13.7457 21.9498 13.3897C22.1087 13.3564 22.2513 13.2695 22.3536 13.1435C22.4559 13.0175 22.5118 12.8601 22.5118 12.6978C22.5118 12.5355 22.456 12.3781 22.3536 12.2521C22.2513 12.1261 22.1087 12.0391 21.9499 12.0058Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Info.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1C5.93 1 1 5.93 1 12C1 18.07 5.93 23 12 23C18.07 23 23 18.07 23 12C23 5.93 18.07 1 12 1ZM13 16C13 16.55 12.55 17 12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16ZM12.01 9C11.46 9 11.01 8.55 11.01 8C11.01 7.45 11.45 7 12.01 7C12.56 7 13.01 7.45 13.01 8C13.01 8.55 12.56 9 12.01 9Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Link.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_150_4130)">
+<path d="M18.01 18H15.01C14.46 18 14.01 17.55 14.01 17V13H8.01C7.46 13 7.01 12.55 7.01 12C7.01 11.45 7.46 11 8.01 11H14.01V7C14.01 6.45 14.46 6 15.01 6H18.01C18.8 6 19.57 6.15 20.31 6.46C21.04 6.76 21.7 7.2 22.26 7.76C22.82 8.32 23.26 8.97 23.56 9.71C23.86 10.44 24.02 11.21 24.02 12.01C24.02 12.81 23.87 13.57 23.56 14.31C23.26 15.04 22.82 15.7 22.26 16.26C21.7 16.82 21.05 17.26 20.31 17.56C19.58 17.86 18.81 18.02 18.01 18.02V18ZM16.01 16H18.01C18.54 16 19.05 15.9 19.54 15.7C20.03 15.5 20.46 15.21 20.84 14.83C21.21 14.46 21.51 14.02 21.71 13.53C21.91 13.04 22.01 12.53 22.01 12C22.01 11.47 21.91 10.96 21.71 10.47C21.51 9.98 21.22 9.55 20.84 9.17C20.47 8.8 20.03 8.5 19.54 8.3C19.05 8.1 18.54 8 18.01 8H16.01V11C16.56 11 17.01 11.45 17.01 12C17.01 12.55 16.56 13 16.01 13V16ZM9.01 18H6.01C5.22 18 4.45 17.85 3.71 17.54C2.98 17.24 2.32 16.8 1.76 16.24C0.63 15.11 0 13.6 0 12C0 10.4 0.63 8.89 1.77 7.76C2.9 6.62 4.41 6 6.01 6H9.01C9.56 6 10.01 6.45 10.01 7C10.01 7.55 9.56 8 9.01 8H6.01C4.94 8 3.94 8.42 3.18 9.17C2.42 9.92 2.01 10.93 2.01 12C2.01 13.07 2.43 14.07 3.18 14.83C3.55 15.2 3.99 15.5 4.48 15.7C4.97 15.9 5.48 16 6.01 16H9.01C9.56 16 10.01 16.45 10.01 17C10.01 17.55 9.56 18 9.01 18Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_150_4130">
+<rect width="24" height="24" fill="currentColor"/>
+</clipPath>
+</defs>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Loader.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 23C5.9317 23 1 18.0608 1 11.9952C1 5.92954 5.9317 1 12 1C18.0683 1 23 5.92954 23 11.9952C23 18.0608 18.0683 22.9904 12 22.9904V23ZM12 3.8884C7.53065 3.8884 3.88967 7.52779 3.88967 11.9952C3.88967 16.4626 7.53065 20.102 12 20.102C16.4694 20.102 20.1103 16.4626 20.1103 11.9952C20.1103 7.52779 16.479 3.8884 12 3.8884Z" fill="#8C929B"/>
+<path d="M23 12H20.1103C20.1103 7.52102 16.4694 3.88967 12 3.88967V1C18.0683 1 23 5.9317 23 12Z" fill="#007AFF"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Lock.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 13V20C22 21.65 20.65 23 19 23H5C3.35 23 2 21.65 2 20V13C2 11.35 3.35 10 5 10H19C20.65 10 22 11.35 22 13ZM7.38 3.17C6.44 4.3 6 5.76 6 7.23V7.5C6 7.78 6.22 8 6.5 8H7.5C7.78 8 8 7.78 8 7.5V7C8 5.93 8.42 4.93 9.17 4.17C9.91 3.43 10.95 3 12 3C13.05 3 14.08 3.43 14.83 4.17C15.58 4.93 16 5.93 16 7V7.5C16 7.78 16.22 8 16.5 8H17.5C17.78 8 18 7.78 18 7.5V7.23C18 5.76 17.56 4.3 16.62 3.17C15.45 1.78 13.79 1 12 1C10.21 1 8.55 1.78 7.38 3.17Z" fill="currentColor"/>
+</svg>

package/fullstacked_modules/@fullstacked/ui/icons/Options.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 14C10.9 14 10 13.1 10 12C10 10.9 10.9 10 12 10C13.1 10 14 10.9 14 12C14 13.1 13.1 14 12 14ZM21 12C21 10.9 20.1 10 19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12ZM7 12C7 10.9 6.1 10 5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12Z" fill="currentColor"/>
+</svg>