@yakad/ui 1.2.81-beta → 1.2.83-beta

package/gridItem/gridItem.js

@@ -2,9 +2,8 @@ import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./gridItem.module.css";
 // Custom Button Element
-function GridItem(props) {
+export default function GridItem(props) {
     const joinedClassNames = joinClassNames(props.xl ? styles["xl" + props.xl] : "", props.lg ? styles["lg" + props.lg] : "", props.md ? styles["md" + props.md] : "", props.sm ? styles["sm" + props.sm] : "", props.xs ? styles["xs" + props.xs] : "", props.className);
     return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
 }
-export default GridItem;
 //# sourceMappingURL=gridItem.js.map

package/gridItem/gridItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["gridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAU3C,wBAAwB;AACxB,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,gBAAgB,GAAG,cAAc,CACnC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,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,QAAQ,CAAC"}
+{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["gridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAU3C,wBAAwB;AACxB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoB;IACjD,MAAM,gBAAgB,GAAG,cAAc,CACnC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC"}

package/gridItem/gridItem.tsx

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

package/hr/hr.d.ts

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

package/hr/hr.js

@@ -1,12 +1,11 @@
 import React from "react";
 import { joinClassNames, joinStyles } from "@yakad/lib";
 import styles from "./hr.module.css";
-function Hr(props) {
+export default 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 });
+    return (React.createElement("hr", { ...props, className: joinedClassNames, style: joinedStyles }));
 }
-export default Hr;
 //# sourceMappingURL=hr.js.map

package/hr/hr.js.map

@@ -1 +1 @@
-{"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"}
+{"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,MAAM,CAAC,OAAO,UAAU,EAAE,CAAC,KAAc;IACrC,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"}

package/hr/hr.tsx

@@ -2,31 +2,31 @@ 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;
+export 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!
-  );
+export default 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!
-  );
+    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>;
+    return (
+        <hr {...props} className={joinedClassNames} style={joinedStyles}></hr>
+    );
 }
-
-export default Hr;

package/inputField/inputField.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
+export interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
     variant?: "standard" | "outlined" | "filled";
     type?: string;
     placeholder?: string;
@@ -7,6 +7,6 @@ interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
     name?: string;
     value?: string;
     required?: boolean;
+    autoFocus?: boolean;
 }
-declare function InputField(props: InputFieldProps): JSX.Element;
-export default InputField;
+export default function InputField(props: InputFieldProps): JSX.Element;

package/inputField/inputField.js

@@ -1,11 +1,10 @@
 import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./inputField.module.css";
-function InputField(props) {
+export default function InputField(props) {
     const joinedClassNames = joinClassNames(styles.input, props.variant ? styles[props.variant] : styles.standard, props.className);
     return (React.createElement("label", { className: styles.label },
-        React.createElement("input", { ...props, name: props.name, disabled: props.disabled, placeholder: "  ", type: props.type, value: props.value, className: joinedClassNames, autoFocus: true }),
+        React.createElement("input", { ...props, name: props.name, disabled: props.disabled, placeholder: "  ", type: props.type, value: props.value, className: joinedClassNames, autoFocus: props.autoFocus }),
         React.createElement("span", { className: styles.span }, props.placeholder)));
 }
-export default InputField;
 //# sourceMappingURL=inputField.js.map

package/inputField/inputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputField.js","sourceRoot":"","sources":["inputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAY7C,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,KAAK,EACZ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EACvD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QAC1B,kCACQ,KAAK,EACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,gBAAgB,EAC3B,SAAS,SACX;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,KAAK,CAAC,WAAW,CAAQ,CACpD,CACX,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"inputField.js","sourceRoot":"","sources":["inputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAc7C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACrD,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,KAAK,EACZ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EACvD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QAC1B,kCACQ,KAAK,EACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,GAC5B;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,KAAK,CAAC,WAAW,CAAQ,CACpD,CACX,CAAC;AACN,CAAC"}

package/inputField/inputField.tsx

@@ -2,7 +2,8 @@ import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./inputField.module.css";
 
-interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
+export interface InputFieldProps
+    extends React.HTMLAttributes<HTMLInputElement> {
     variant?: "standard" | "outlined" | "filled";
     type?: string;
     placeholder?: string;
@@ -10,9 +11,10 @@ interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
     name?: string;
     value?: string;
     required?: boolean;
+    autoFocus?: boolean;
 }
 
-function InputField(props: InputFieldProps) {
+export default function InputField(props: InputFieldProps) {
     const joinedClassNames = joinClassNames(
         styles.input,
         props.variant ? styles[props.variant] : styles.standard,
@@ -29,11 +31,9 @@ function InputField(props: InputFieldProps) {
                 type={props.type}
                 value={props.value}
                 className={joinedClassNames}
-                autoFocus
+                autoFocus={props.autoFocus}
             />
             <span className={styles.span}>{props.placeholder}</span>
         </label>
     );
 }
-
-export default InputField;

package/list/list.d.ts

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

package/list/list.js

@@ -1,9 +1,8 @@
 import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./list.module.css";
-function List(props) {
+export default 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 +1 @@
-{"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"}
+{"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,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IACzC,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"}

package/list/list.tsx

@@ -2,24 +2,22 @@ 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;
+export 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!
-  );
+export default 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>
-  );
+    return (
+        <ul {...props} className={joinedClassNames}>
+            {props.children}
+        </ul>
+    );
 }
-
-export default List;

package/listItem/listItem.d.ts

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

package/listItem/listItem.js

@@ -1,7 +1,6 @@
 import React from "react";
 import styles from "./listItem.module.css";
-function ListItem(props) {
+export default 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 +1 @@
-{"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"}
+{"version":3,"file":"listItem.js","sourceRoot":"","sources":["listItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAA0C;IACvE,OAAO,CACH,4BAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,KAAM,KAAK,IACpC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC"}

package/listItem/listItem.tsx

@@ -1,12 +1,10 @@
 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 function ListItem(props: React.HTMLAttributes<HTMLLIElement>) {
+    return (
+        <li className={styles.listItem} {...props}>
+            {props.children}
+        </li>
+    );
 }
-
-export default ListItem;

package/loading/loading.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
-interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
     size?: "small" | "medium" | "large";
     variant?: "scaleOut" | "dots" | "spinner";
 }
-declare function Loading(props: LoadingProps): JSX.Element;
-export default Loading;
+export default function Loading(props: LoadingProps): JSX.Element;

package/loading/loading.js

@@ -1,10 +1,9 @@
 import React from "react";
 import styles from "./loading.module.css";
 import { joinClassNames } from "@yakad/lib";
-function Loading(props) {
+export default function Loading(props) {
     const joinedClassNames = joinClassNames(styles.loading, props.size ? styles[props.size] : styles.medium, props.variant ? styles[props.variant] : styles.spinner, props.className);
     return (React.createElement("div", { className: joinedClassNames },
         React.createElement("div", null)));
 }
-export default Loading;
 //# sourceMappingURL=loading.js.map

package/loading/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","sourceRoot":"","sources":["loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAO5C,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,OAAO,EACd,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,gBAAgB;QAC5B,gCAAW,CACT,CACT,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAO5C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IAC/C,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,OAAO,EACd,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,gBAAgB;QAC5B,gCAAW,CACT,CACT,CAAC;AACN,CAAC"}

package/loading/loading.tsx

@@ -2,12 +2,12 @@ import React from "react";
 import styles from "./loading.module.css";
 import { joinClassNames } from "@yakad/lib";
 
-interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
     size?: "small" | "medium" | "large";
     variant?: "scaleOut" | "dots" | "spinner";
 }
 
-function Loading(props: LoadingProps) {
+export default function Loading(props: LoadingProps) {
     const joinedClassNames = joinClassNames(
         styles.loading,
         props.size ? styles[props.size] : styles.medium,
@@ -21,5 +21,3 @@ function Loading(props: LoadingProps) {
         </div>
     );
 }
-
-export default Loading;

package/main/main.d.ts

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

package/main/main.js

@@ -1,10 +1,9 @@
 import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./main.module.css";
-function Main(props) {
+export default 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 +1 @@
-{"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"}
+{"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,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IACzC,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"}

package/main/main.tsx

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

package/navigation/navigation.d.ts

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

package/navigation/navigation.js

@@ -1,9 +1,8 @@
 import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./navigation.module.css";
-function Navigation(props) {
+export default 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 +1 @@
-{"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"}
+{"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,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACrD,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"}

package/navigation/navigation.tsx

@@ -2,12 +2,12 @@ import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./navigation.module.css";
 
-interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
+export interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
     anchor?: "left" | "right" | "top" | "bottom" | "auto";
     open: boolean;
 }
 
-function Navigation(props: NavigationProps) {
+export default function Navigation(props: NavigationProps) {
     const joinedClassNames = joinClassNames(
         styles.navigation,
         props.anchor ? styles[props.anchor] : styles.auto,
@@ -20,5 +20,3 @@ function Navigation(props: NavigationProps) {
         </nav>
     );
 }
-
-export default Navigation;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.2.81-beta",
+    "version": "1.2.83-beta",
     "description": "",
     "main": "./src/index.js",
     "scripts": {

package/page/page.d.ts

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

package/page/page.js

@@ -1,9 +1,8 @@
 import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./page.module.css";
-function Page(props) {
+export default 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/page/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,SAAS,IAAI,CAAC,KAA2C;IACvD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAA2C;IACpE,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"}

package/page/page.tsx

@@ -2,14 +2,12 @@ import React from "react";
 import { joinClassNames, joinStyles } from "@yakad/lib";
 import styles from "./page.module.css";
 
-function Page(props: React.HTMLAttributes<HTMLDivElement>) {
-  const joinedClassNames = joinClassNames(styles.page, props.className!);
+export default function Page(props: React.HTMLAttributes<HTMLDivElement>) {
+    const joinedClassNames = joinClassNames(styles.page, props.className!);
 
-  return (
-    <div {...props} className={joinedClassNames}>
-      {props.children}
-    </div>
-  );
+    return (
+        <div {...props} className={joinedClassNames}>
+            {props.children}
+        </div>
+    );
 }
-
-export default Page;

package/row/row.d.ts

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

package/row/row.js

@@ -1,9 +1,8 @@
 import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./row.module.css";
-function Row(props) {
+export default 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/row/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sourceRoot":"","sources":["row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,SAAS,GAAG,CAAC,KAA2C;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"row.js","sourceRoot":"","sources":["row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAA2C;IACnE,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"}

package/row/row.tsx

@@ -2,14 +2,12 @@ import React from "react";
 import { joinClassNames, joinStyles } from "@yakad/lib";
 import styles from "./row.module.css";
 
-function Row(props: React.HTMLAttributes<HTMLDivElement>) {
-  const joinedClassNames = joinClassNames(styles.row, props.className!);
+export default function Row(props: React.HTMLAttributes<HTMLDivElement>) {
+    const joinedClassNames = joinClassNames(styles.row, props.className!);
 
-  return (
-    <div {...props} className={joinedClassNames}>
-      {props.children}
-    </div>
-  );
+    return (
+        <div {...props} className={joinedClassNames}>
+            {props.children}
+        </div>
+    );
 }
-
-export default Row;

package/spacer/spacer.d.ts

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

package/spacer/spacer.js

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

package/spacer/spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacer.js","sourceRoot":"","sources":["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"}
+{"version":3,"file":"spacer.js","sourceRoot":"","sources":["spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,MAAM;IAC1B,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAQ,CAAC;AACjD,CAAC"}