@yakad/ui 1.1.3 → 1.1.4

package/gridItem/gridItem.module.css

@@ -1,192 +0,0 @@
-.xl1 {
-    grid-column: span 1;
-}
-.xl2 {
-    grid-column: span 2;
-}
-.xl3 {
-    grid-column: span 3;
-}
-.xl4 {
-    grid-column: span 4;
-}
-.xl5 {
-    grid-column: span 5;
-}
-.xl6 {
-    grid-column: span 6;
-}
-.xl7 {
-    grid-column: span 7;
-}
-.xl8 {
-    grid-column: span 8;
-}
-.xl9 {
-    grid-column: span 9;
-}
-.xl10 {
-    grid-column: span 10;
-}
-.xl11 {
-    grid-column: span 11;
-}
-.xl12 {
-    grid-column: span 12;
-}
-
-@media screen and (max-width: 1200px) {
-    .lg1 {
-        grid-column: span 1;
-    }
-    .lg2 {
-        grid-column: span 2;
-    }
-    .lg3 {
-        grid-column: span 3;
-    }
-    .lg4 {
-        grid-column: span 4;
-    }
-    .lg5 {
-        grid-column: span 5;
-    }
-    .lg6 {
-        grid-column: span 6;
-    }
-    .lg7 {
-        grid-column: span 7;
-    }
-    .lg8 {
-        grid-column: span 8;
-    }
-    .lg9 {
-        grid-column: span 9;
-    }
-    .lg10 {
-        grid-column: span 10;
-    }
-    .lg11 {
-        grid-column: span 11;
-    }
-    .lg12 {
-        grid-column: span 12;
-    }
-}
-
-@media screen and (max-width: 900px) {
-    .md1 {
-        grid-column: span 1;
-    }
-    .md2 {
-        grid-column: span 2;
-    }
-    .md3 {
-        grid-column: span 3;
-    }
-    .md4 {
-        grid-column: span 4;
-    }
-    .md5 {
-        grid-column: span 5;
-    }
-    .md6 {
-        grid-column: span 6;
-    }
-    .md7 {
-        grid-column: span 7;
-    }
-    .md8 {
-        grid-column: span 8;
-    }
-    .md9 {
-        grid-column: span 9;
-    }
-    .md10 {
-        grid-column: span 10;
-    }
-    .md11 {
-        grid-column: span 11;
-    }
-    .md12 {
-        grid-column: span 12;
-    }
-}
-
-@media screen and (max-width: 600px) {
-    .sm1 {
-        grid-column: span 1;
-    }
-    .sm2 {
-        grid-column: span 2;
-    }
-    .sm3 {
-        grid-column: span 3;
-    }
-    .sm4 {
-        grid-column: span 4;
-    }
-    .sm5 {
-        grid-column: span 5;
-    }
-    .sm6 {
-        grid-column: span 6;
-    }
-    .sm7 {
-        grid-column: span 7;
-    }
-    .sm8 {
-        grid-column: span 8;
-    }
-    .sm9 {
-        grid-column: span 9;
-    }
-    .sm10 {
-        grid-column: span 10;
-    }
-    .sm11 {
-        grid-column: span 11;
-    }
-    .sm12 {
-        grid-column: span 12;
-    }
-}
-
-@media screen and (max-width: 444px) {
-    .xs1 {
-        grid-column: span 1;
-    }
-    .xs2 {
-        grid-column: span 2;
-    }
-    .xs3 {
-        grid-column: span 3;
-    }
-    .xs4 {
-        grid-column: span 4;
-    }
-    .xs5 {
-        grid-column: span 5;
-    }
-    .xs6 {
-        grid-column: span 6;
-    }
-    .xs7 {
-        grid-column: span 7;
-    }
-    .xs8 {
-        grid-column: span 8;
-    }
-    .xs9 {
-        grid-column: span 9;
-    }
-    .xs10 {
-        grid-column: span 10;
-    }
-    .xs11 {
-        grid-column: span 11;
-    }
-    .xs12 {
-        grid-column: span 12;
-    }
-}

package/gridItem/gridItem.tsx

@@ -1,31 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./gridItem.module.css";
-
-interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-}
-
-// Custom Button Element
-function GridItem(props: GridItemProps) {
-    const joinedClassNames = joinClassNames(
-        props.xl ? styles["xl" + props.xl] : "",
-        props.lg ? styles["lg" + props.lg] : "",
-        props.md ? styles["md" + props.md] : "",
-        props.md ? styles["sm" + props.md] : "",
-        props.md ? styles["xs" + props.md] : "",
-        props.className!
-    );
-
-    return (
-        <div {...props} className={joinedClassNames}>
-            {props.children}
-        </div>
-    );
-}
-
-export default GridItem;

package/historyBack/historyBack.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare function HistoryBack(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
-export default HistoryBack;

package/historyBack/historyBack.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { useNavigate } from "react-router-dom";
-function HistoryBack(props) {
-    const navigate = useNavigate();
-    return (React.createElement("div", { ...props, onClick: () => {
-            navigate(-1);
-            props.onClick(null);
-        } }, props.children));
-}
-export default HistoryBack;
-//# sourceMappingURL=historyBack.js.map

package/historyBack/historyBack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"historyBack.js","sourceRoot":"","sources":["historyBack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,SAAS,WAAW,CAAC,KAA2C;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACH,gCACQ,KAAK,EACT,OAAO,EAAE,GAAG,EAAE;YACV,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACb,KAAK,CAAC,OAAQ,CAAC,IAAW,CAAC,CAAC;QAChC,CAAC,IAEA,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,WAAW,CAAC"}

package/historyBack/historyBack.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-import { useNavigate } from "react-router-dom";
-
-function HistoryBack(props: React.HTMLAttributes<HTMLDivElement>) {
-    const navigate = useNavigate();
-
-    return (
-        <div
-            {...props}
-            onClick={() => {
-                navigate(-1);
-                props.onClick!(null as any);
-            }}
-        >
-            {props.children}
-        </div>
-    );
-}
-
-export default HistoryBack;

package/hr/hr.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface HrProps extends React.HTMLAttributes<HTMLElement> {
-    variant?: "dotted" | "dashed" | "shortLine";
-    height?: number;
-    marginTopBottom?: number;
-}
-declare function Hr(props: HrProps): JSX.Element;
-export default Hr;

package/hr/hr.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./hr.module.css";
-function Hr(props) {
-    const joinedClassNames = joinClassNames(styles.hr, props.variant ? styles[props.variant] : "", props.className);
-    const joinedStyles = joinStyles(props.height ? { borderTopWidth: props.height + "rem" } : {}, props.marginTopBottom
-        ? joinStyles({ marginTop: props.marginTopBottom + "rem" }, { marginBottom: props.marginTopBottom + "rem" })
-        : {}, props.style);
-    return React.createElement("hr", { ...props, className: joinedClassNames, style: joinedStyles });
-}
-export default Hr;
-//# sourceMappingURL=hr.js.map

package/hr/hr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hr.js","sourceRoot":"","sources":["hr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,SAAS,EAAE,CAAC,KAAc;IACxB,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,EAAE,EACT,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAC7B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAC5D,KAAK,CAAC,eAAe;QACnB,CAAC,CAAC,UAAU,CACR,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,EAC5C,EAAE,YAAY,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,CAChD;QACH,CAAC,CAAC,EAAE,EACN,KAAK,CAAC,KAAM,CACb,CAAC;IAEF,OAAO,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,GAAO,CAAC;AAChF,CAAC;AAED,eAAe,EAAE,CAAC"}

package/hr/hr.module.css

@@ -1,18 +0,0 @@
-.hr {
-    width: calc(100% - 1rem);
-    height: 0;
-    padding: 0;
-    margin: 0.5rem auto;
-    background: none;
-    border-top: 0.1rem solid var(--secondaryVariantColor);
-}
-.dotted {
-    border-top: 0.4rem dotted var(--secondaryVariantColor);
-}
-.dashed {
-    border-top: 0.2rem dashed var(--secondaryVariantColor);
-}
-.shortLine {
-    width: 30rem;
-    max-width: 80%;
-}

package/hr/hr.tsx

@@ -1,32 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./hr.module.css";
-
-interface HrProps extends React.HTMLAttributes<HTMLElement> {
-  variant?: "dotted" | "dashed" | "shortLine";
-  height?: number;
-  marginTopBottom?: number;
-}
-
-function Hr(props: HrProps) {
-  const joinedClassNames = joinClassNames(
-    styles.hr,
-    props.variant ? styles[props.variant] : "",
-    props.className!
-  );
-
-  const joinedStyles = joinStyles(
-    props.height ? { borderTopWidth: props.height + "rem" } : {},
-    props.marginTopBottom
-      ? joinStyles(
-          { marginTop: props.marginTopBottom + "rem" },
-          { marginBottom: props.marginTopBottom + "rem" }
-        )
-      : {},
-    props.style!
-  );
-
-  return <hr {...props} className={joinedClassNames} style={joinedStyles}></hr>;
-}
-
-export default Hr;

package/index.d.ts

@@ -1,21 +0,0 @@
-import AppBar from "./appBar/appBar";
-import Button from "./button/button";
-import Container from "./container/container";
-import GridContainer from "./gridContainer/gridContainer";
-import GridItem from "./gridItem/gridItem";
-import Stack from "./stack/stack";
-import Navigation from "./navigation/navigation";
-import ClickAwayListener from "./clickAwayListener/clickAwayListener";
-import List from "./list/list";
-import ListItem from "./listItem/listItem";
-import Main from "./main/main";
-import Page from "./page/page";
-import Spacer from "./spacer/spacer";
-import Hr from "./hr/hr";
-import Form from "./form/form";
-import SvgIcon from "./svgIcon/svgIcon";
-import HistoryBack from "./historyBack/historyBack";
-import Row from "./row/row";
-import Footer from "./footer/footer";
-import Card from "./card/card";
-export { Container, GridContainer, GridItem, Stack, Navigation, ClickAwayListener, AppBar, Button, List, ListItem, Main, Page, Spacer, Hr, Form, SvgIcon, HistoryBack, Row, Footer, Card, };

package/index.js

@@ -1,22 +0,0 @@
-import AppBar from "./appBar/appBar";
-import Button from "./button/button";
-import Container from "./container/container";
-import GridContainer from "./gridContainer/gridContainer";
-import GridItem from "./gridItem/gridItem";
-import Stack from "./stack/stack";
-import Navigation from "./navigation/navigation";
-import ClickAwayListener from "./clickAwayListener/clickAwayListener";
-import List from "./list/list";
-import ListItem from "./listItem/listItem";
-import Main from "./main/main";
-import Page from "./page/page";
-import Spacer from "./spacer/spacer";
-import Hr from "./hr/hr";
-import Form from "./form/form";
-import SvgIcon from "./svgIcon/svgIcon";
-import HistoryBack from "./historyBack/historyBack";
-import Row from "./row/row";
-import Footer from "./footer/footer";
-import Card from "./card/card";
-export { Container, GridContainer, GridItem, Stack, Navigation, ClickAwayListener, AppBar, Button, List, ListItem, Main, Page, Spacer, Hr, Form, SvgIcon, HistoryBack, Row, Footer, Card, };
-//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EACH,SAAS,EACT,aAAa,EACb,QAAQ,EACR,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,EAAE,EACF,IAAI,EACJ,OAAO,EACP,WAAW,EACX,GAAG,EACH,MAAM,EACN,IAAI,GACP,CAAC"}

package/list/list.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
-    direction?: "row" | "column";
-    collapsed?: boolean;
-}
-declare function List(props: ListProps): JSX.Element;
-export default List;

package/list/list.js

@@ -1,9 +0,0 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./list.module.css";
-function List(props) {
-    const joinedClassNames = joinClassNames(styles.list, props.direction ? styles[props.direction] : styles.row, props.collapsed ? styles.collapsed : "", props.className);
-    return (React.createElement("ul", { ...props, className: joinedClassNames }, props.children));
-}
-export default List;
-//# sourceMappingURL=list.js.map

package/list/list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,SAAS,IAAI,CAAC,KAAgB;IAC5B,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EACtD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,OAAO,CACL,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACvC,KAAK,CAAC,QAAQ,CACZ,CACN,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}

package/list/list.module.css

@@ -1,22 +0,0 @@
-.list {
-    display: flex;
-    list-style-type: none;
-    max-height: 100rem;
-    padding: 0;
-    transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.row {
-    flex-direction: row;
-}
-.column {
-    flex-direction: column;
-    align-items: stretch;
-    width: 100%;
-    box-sizing: border-box;
-}
-
-.collapsed {
-    max-height: 0;
-    overflow: hidden;
-}

package/list/list.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./list.module.css";
-
-interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
-  direction?: "row" | "column";
-  collapsed?: boolean;
-}
-
-function List(props: ListProps) {
-  const joinedClassNames = joinClassNames(
-    styles.list,
-    props.direction ? styles[props.direction] : styles.row,
-    props.collapsed ? styles.collapsed : "",
-    props.className!
-  );
-
-  return (
-    <ul {...props} className={joinedClassNames}>
-      {props.children}
-    </ul>
-  );
-}
-
-export default List;

package/listItem/listItem.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare function ListItem(props: React.HTMLAttributes<HTMLLIElement>): JSX.Element;
-export default ListItem;

package/listItem/listItem.js

@@ -1,7 +0,0 @@
-import React from "react";
-import styles from "./listItem.module.css";
-function ListItem(props) {
-    return (React.createElement("li", { className: styles.listItem, ...props }, props.children));
-}
-export default ListItem;
-//# sourceMappingURL=listItem.js.map

package/listItem/listItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listItem.js","sourceRoot":"","sources":["listItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,SAAS,QAAQ,CAAC,KAA0C;IAC1D,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,KAAM,KAAK,IACtC,KAAK,CAAC,QAAQ,CACZ,CACN,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/listItem/listItem.module.css

@@ -1,6 +0,0 @@
-.listItem {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    box-sizing: border-box;
-}

package/listItem/listItem.tsx

@@ -1,12 +0,0 @@
-import React from "react";
-import styles from "./listItem.module.css";
-
-function ListItem(props: React.HTMLAttributes<HTMLLIElement>) {
-  return (
-    <li className={styles.listItem} {...props}>
-      {props.children}
-    </li>
-  );
-}
-
-export default ListItem;

package/main/main.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
-    navOpen?: boolean;
-}
-declare function Main(props: MainProps): JSX.Element;
-export default Main;

package/main/main.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./main.module.css";
-function Main(props) {
-    const navOpenClass = props.navOpen ? styles.navOpen : "";
-    const joinedClassNames = joinClassNames(styles.main, navOpenClass, props.className);
-    return (React.createElement("main", { ...props, className: joinedClassNames }, props.children));
-}
-export default Main;
-//# sourceMappingURL=main.js.map

package/main/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,SAAS,IAAI,CAAC,KAAgB;IAC5B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,IAAI,EACX,YAAY,EACZ,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,OAAO,CACL,iCAAU,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACzC,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}

package/main/main.module.css

@@ -1,19 +0,0 @@
-.main {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-self: flex-end;
-    box-sizing: border-box;
-    width: 100%;
-    transition: width 0.3s;
-}
-
-.navOpen {
-    width: calc(100% - 22rem);
-}
-
-@media screen and (max-width: 1000px) {
-    .navOpen {
-        width: 100%;
-    }
-}

package/main/main.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./main.module.css";
-
-interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
-  navOpen?: boolean;
-}
-
-function Main(props: MainProps) {
-  const navOpenClass = props.navOpen ? styles.navOpen : "";
-
-  const joinedClassNames = joinClassNames(
-    styles.main,
-    navOpenClass,
-    props.className!
-  );
-
-  return (
-    <main {...props} className={joinedClassNames}>
-      {props.children}
-    </main>
-  );
-}
-
-export default Main;

package/navigation/navigation.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
-    anchor?: "left" | "right" | "top" | "bottom" | "auto";
-    open: boolean;
-}
-declare function Navigation(props: NavigationProps): JSX.Element;
-export default Navigation;

package/navigation/navigation.js

@@ -1,9 +0,0 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./navigation.module.css";
-function Navigation(props) {
-    const joinedClassNames = joinClassNames(styles.navigation, props.anchor ? styles[props.anchor] : styles.auto, props.open ? styles.open : "");
-    return (React.createElement("nav", { ...props, className: joinedClassNames }, props.children));
-}
-export default Navigation;
-//# sourceMappingURL=navigation.js.map

package/navigation/navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAO7C,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,UAAU,EACjB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACjD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAChC,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}

package/navigation/navigation.module.css

@@ -1,56 +0,0 @@
-.navigation {
-    position: fixed;
-    max-width: 100%;
-    transition: transform 0.3s;
-    background: var(--backgroundColor);
-    overflow-y: auto;
-}
-
-.auto,
-.left {
-    top: 5.1rem;
-    left: 0;
-    width: 21.9rem;
-    height: calc(100% - 5.1rem);
-    max-height: 100%;
-    border-inline-end: 0.2rem solid #7d7d7d40;
-    transform: translate(-100%, 0);
-}
-[dir="rtl"] .auto,
-.right {
-    right: 0;
-    top: 5.1rem;
-    width: 21.9rem;
-    height: calc(100% - 5.1rem);
-    max-height: 100%;
-    border-inline-end: 0.2rem solid #7d7d7d40;
-    transform: translate(100%, 0);
-}
-
-.top {
-    top: 0;
-    width: 100%;
-    height: auto;
-    border-bottom: 0.2rem solid #7d7d7d40;
-    transform: translate(0, -100%);
-}
-.bottom {
-    bottom: 0;
-    width: 100%;
-    height: auto;
-    border-top: 0.2rem solid #7d7d7d40;
-    transform: translate(0, 100%);
-}
-
-.open {
-    transform: translate(0, 0);
-}
-
-@media screen and (max-width: 1000px) {
-    .auto,
-    .left,
-    .right {
-        top: 0;
-        height: 100%;
-    }
-}