@yakad/ui 1.0.0 → 1.0.1

package/dist/src/container/container.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { joinClassNames } from "library";
+import styles from "./container.module.css";
+function Container(props) {
+    const joinedClassNames = joinClassNames(props.maxWidth ? styles[props.maxWidth] : "", styles.container, props.className);
+    return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
+}
+export default Container;
+//# sourceMappingURL=container.js.map

package/dist/src/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,SAAS,SAAS,CAAC,KAAqB;IACpC,MAAM,gBAAgB,GAAG,cAAc,CACnC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAC5C,MAAM,CAAC,SAAS,EAChB,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/src/footer/footer.d.ts

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

package/dist/src/footer/footer.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { joinClassNames } from "library";
+import styles from "./footer.module.css";
+function Footer(props) {
+    const joinedClassNames = joinClassNames(styles.footer, props.className);
+    return (React.createElement("footer", { ...props, className: joinedClassNames }, props.children));
+}
+export default Footer;
+//# sourceMappingURL=footer.js.map

package/dist/src/footer/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,SAAS,MAAM,CAAC,KAAwC;IACpD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEzE,OAAO,CACH,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACzC,KAAK,CAAC,QAAQ,CACV,CACZ,CAAC;AACN,CAAC;AAED,eAAe,MAAM,CAAC"}

package/dist/src/form/form.d.ts

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

package/dist/src/form/form.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { joinClassNames } from "library";
+import styles from "./form.module.css";
+function Form(props) {
+    const joinedClassNames = joinClassNames(styles.form, props.className);
+    return (React.createElement("form", { ...props, className: joinedClassNames, onSubmit: (e) => {
+            e.preventDefault();
+            props.onSubmit(null);
+        } }, props.children));
+}
+export default Form;
+//# sourceMappingURL=form.js.map

package/dist/src/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,SAAS,IAAI,CAAC,KAA4C;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACH,iCACQ,KAAK,EACT,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,KAAK,CAAC,QAAS,CAAC,IAAW,CAAC,CAAC;QACjC,CAAC,IAEA,KAAK,CAAC,QAAQ,CACZ,CACV,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/src/gridContainer/gridContainer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    rowGap?: number;
+    columnGap?: number;
+}
+declare function GridContainer(props: GridContainerProps): JSX.Element;
+export default GridContainer;

package/dist/src/gridContainer/gridContainer.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { joinClassNames, joinStyles } from "library";
+import styles from "./gridContainer.module.css";
+// Custom Button Element
+function GridContainer(props) {
+    const joinedClassNames = joinClassNames(styles.gridcontainer, props.className);
+    const joinedStyles = joinStyles(props.xl ? { gridTemplateColumns: " 1fr".repeat(props.xl) } : {}, { columnGap: props.columnGap ? props.columnGap + "rem" : "1.5rem" }, { rowGap: props.rowGap ? props.rowGap + "rem" : "1.5rem" }, props.style);
+    return (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
+}
+export default GridContainer;
+//# sourceMappingURL=gridContainer.js.map

package/dist/src/gridContainer/gridContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridContainer.js","sourceRoot":"","sources":["../../../src/gridContainer/gridContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAYhD,wBAAwB;AACxB,SAAS,aAAa,CAAC,KAAyB;IAC5C,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,aAAa,EACpB,KAAK,CAAC,SAAU,CACnB,CAAC;IACF,MAAM,YAAY,GAAG,UAAU,CAC3B,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAChE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EACnE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC1D,KAAK,CAAC,KAAM,CACf,CAAC;IACF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC3D,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/src/gridItem/gridItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}
+declare function GridItem(props: GridItemProps): JSX.Element;
+export default GridItem;

package/dist/src/gridItem/gridItem.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { joinStyles } from "library";
+// Custom Button Element
+function GridItem(props) {
+    const joinedStyles = joinStyles(props.xl ? { gridColumn: "span " + props.xl } : {}, props.style);
+    return (React.createElement("div", { ...props, style: joinedStyles }, props.children));
+}
+export default GridItem;
+//# sourceMappingURL=gridItem.js.map

package/dist/src/gridItem/gridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["../../../src/gridItem/gridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,UAAU,EAAE,MAAM,SAAS,CAAC;AAWrD,wBAAwB;AACxB,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,YAAY,GAAG,UAAU,CAC3B,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,GAAG,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAClD,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,KAAK,EAAE,YAAY,IAC9B,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/src/historyBack/historyBack.d.ts

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

package/dist/src/historyBack/historyBack.js

@@ -0,0 +1,11 @@
+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/dist/src/historyBack/historyBack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"historyBack.js","sourceRoot":"","sources":["../../../src/historyBack/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/dist/src/hr/hr.d.ts

@@ -0,0 +1,8 @@
+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/dist/src/hr/hr.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { joinClassNames, joinStyles } from "library";
+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/dist/src/hr/hr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hr.js","sourceRoot":"","sources":["../../../src/hr/hr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,SAAS,EAAE,CAAC,KAAc;IACtB,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,EAAE,EACT,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAC3B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAC5D,KAAK,CAAC,eAAe;QACjB,CAAC,CAAC,UAAU,CACN,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,EAC5C,EAAE,YAAY,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,CAClD;QACH,CAAC,CAAC,EAAE,EACR,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,GAAO,CACzE,CAAC;AACN,CAAC;AAED,eAAe,EAAE,CAAC"}

package/dist/src/list/list.d.ts

@@ -0,0 +1,7 @@
+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/dist/src/list/list.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { joinClassNames } from "library";
+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/dist/src/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,SAAS,IAAI,CAAC,KAAgB;IAC1B,MAAM,gBAAgB,GAAG,cAAc,CACnC,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,CACnB,CAAC;IAEF,OAAO,CACH,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACrC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/src/listItem/listItem.d.ts

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

package/dist/src/listItem/listItem.js

@@ -0,0 +1,7 @@
+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/dist/src/listItem/listItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItem.js","sourceRoot":"","sources":["../../../src/listItem/listItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,SAAS,QAAQ,CAAC,KAA0C;IACxD,OAAO,CACH,4BAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,KAAM,KAAK,IACpC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/src/main/main.d.ts

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

package/dist/src/main/main.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { joinClassNames } from "library";
+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/dist/src/main/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../src/main/main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,SAAS,IAAI,CAAC,KAAgB;IAC1B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,IAAI,EACX,YAAY,EACZ,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,iCAAU,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACvC,KAAK,CAAC,QAAQ,CACZ,CACV,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/src/navigation/navigation.d.ts

@@ -0,0 +1,7 @@
+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/dist/src/navigation/navigation.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { joinClassNames } from "library";
+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/dist/src/navigation/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../src/navigation/navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,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/dist/src/page/page.d.ts

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

package/dist/src/page/page.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { joinClassNames } from "library";
+import styles from "./page.module.css";
+function Page(props) {
+    const joinedClassNames = joinClassNames(styles.page, props.className);
+    return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
+}
+export default Page;
+//# sourceMappingURL=page.js.map

package/dist/src/page/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../src/page/page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,SAAS,IAAI,CAAC,KAA2C;IACrD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/src/row/row.d.ts

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

package/dist/src/row/row.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { joinClassNames } from "library";
+import styles from "./row.module.css";
+function Row(props) {
+    const joinedClassNames = joinClassNames(styles.row, props.className);
+    return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
+}
+export default Row;
+//# sourceMappingURL=row.js.map

package/dist/src/row/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/row/row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,SAAS,GAAG,CAAC,KAA2C;IACpD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,GAAG,CAAC"}

package/dist/src/spacer/spacer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function Spacer(): JSX.Element;
+export default Spacer;

package/dist/src/spacer/spacer.js

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

package/dist/src/spacer/spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.js","sourceRoot":"","sources":["../../../src/spacer/spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,SAAS,MAAM;IACX,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAQ,CAAC;AACjD,CAAC;AAED,eAAe,MAAM,CAAC"}

package/dist/src/stack/stack.d.ts

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

package/dist/src/stack/stack.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { joinClassNames } from "library";
+import styles from "./stack.module.css";
+function Stack(props) {
+    const joinedClassNames = joinClassNames(styles.stack, props.className);
+    return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
+}
+export default Stack;
+//# sourceMappingURL=stack.js.map

package/dist/src/stack/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/stack/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,SAAS,KAAK,CAAC,KAA2C;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC"}

package/dist/src/svgIcon/svgIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
+    size?: number;
+}
+declare function SvgIcon(props: SvgIconProps): JSX.Element;
+export default SvgIcon;

package/dist/src/svgIcon/svgIcon.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { joinClassNames, joinStyles } from "library";
+import styles from "./svgIcon.module.css";
+function SvgIcon(props) {
+    const joinedClassNames = joinClassNames(styles.svg, props.className);
+    const joinedStyles = joinStyles(props.size
+        ? { width: props.size + "rem", height: props.size + "rem" }
+        : { width: "2.4rem", height: "2.4rem" }, props.style);
+    return (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
+}
+export default SvgIcon;
+//# sourceMappingURL=svgIcon.js.map

package/dist/src/svgIcon/svgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgIcon.js","sourceRoot":"","sources":["../../../src/svgIcon/svgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,MAAM,YAAY,GAAG,UAAU,CAC3B,KAAK,CAAC,IAAI;QACN,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE;QAC3D,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAC3C,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC3D,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/stack/stack.d.ts

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

package/dist/stack/stack.js

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

package/dist/stack/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/stack/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,SAAS,KAAK,CAAC,KAA2C;IACxD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC"}

package/dist/svgIcon/svgIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
+    size?: number;
+}
+declare function SvgIcon(props: SvgIconProps): JSX.Element;
+export default SvgIcon;

package/dist/svgIcon/svgIcon.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./svgIcon.module.css";
+function SvgIcon(props) {
+    const joinedClassNames = joinClassNames(styles.svg, props.className);
+    const joinedStyles = joinStyles(props.size
+        ? { width: props.size + "rem", height: props.size + "rem" }
+        : { width: "2.4rem", height: "2.4rem" }, props.style);
+    return (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
+}
+export default SvgIcon;
+//# sourceMappingURL=svgIcon.js.map

package/dist/svgIcon/svgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgIcon.js","sourceRoot":"","sources":["../../src/svgIcon/svgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,SAAS,OAAO,CAAC,KAAmB;IAClC,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,MAAM,YAAY,GAAG,UAAU,CAC7B,KAAK,CAAC,IAAI;QACR,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE;QAC3D,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EACzC,KAAK,CAAC,KAAM,CACb,CAAC;IAEF,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC7D,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}

package/package.json

@@ -1,25 +1,32 @@
 {
   "name": "@yakad/ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
-  "main": "index.js",
+  "main": "./dist/index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "publishConfig": {
-    "access": "public"
+    "build": "tsc",
+    "test": "echo hector test: not impl"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/NatiqQuran/yakad.git"
   },
-  "keywords": [
-    "ui"
-  ],
-  "author": "natiq",
+  "author": "Natiq",
   "license": "GPL-3.0",
   "bugs": {
     "url": "https://github.com/NatiqQuran/yakad/issues"
   },
-  "homepage": "https://github.com/NatiqQuran/yakad#readme"
+  "homepage": "https://github.com/NatiqQuran/yakad#readme",
+  "dependencies": {
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.6",
+    "@yakad/lib": "^1.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.4.2",
+    "typescript": "^4.8.4"
+  },
+  "devDependencies": {
+    "typescript-plugin-css-modules": "^3.4.0"
+  }
 }

package/{appBar → src/appBar}/appBar.module.css

@@ -1,15 +1,15 @@
-.header {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    box-sizing: border-box;
-    gap: 1.5rem;
-    width: 100%;
-    height: 5rem;
-    padding: 0 2rem;
-    border-bottom: 0.1rem solid #7d7d7d40;
-    background: var(--headerColor);
-    color: var(--onHeaderColor);
-    fill: var(--onHeaderColor);
-    user-select: none;
-}
+.header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    box-sizing: border-box;
+    gap: 1.5rem;
+    width: 100%;
+    height: 5rem;
+    padding: 0 2rem;
+    border-bottom: 0.1rem solid #7d7d7d40;
+    background: var(--headerColor);
+    color: var(--onHeaderColor);
+    fill: var(--onHeaderColor);
+    user-select: none;
+}

package/src/appBar/appBar.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./appBar.module.css";
+
+function AppBar(props: React.HTMLAttributes<HTMLElement>) {
+  const joinedClassNames = joinClassNames(styles.header, props.className!);
+
+  return (
+    <header {...props} className={joinedClassNames}>
+      {props.children}
+    </header>
+  );
+}
+
+export default AppBar;