@yakad/ui 1.3.73 → 1.3.75

package/dist/appBar/appBar.module.css

@@ -2,11 +2,14 @@
     min-height: 6rem;
     padding-left: 2rem;
     padding-right: 2rem;
+    gap: 1rem;
     box-shadow: 0 0.1rem 0 0 rgb(var(--onSurfaceColor, 28 27 31) / 0.1);
     z-index: 2;
     background: rgb(var(--surfaceContainerColor, 243 237 247));
     color: rgb(var(--onSurfaceColor, 28 27 31));
     fill: rgb(var(--onSurfaceColor, 28 27 31));
+    transition: transform 0.3s ease;
+    will-change: transform;
     user-select: none;
 }
 

package/dist/boxing.module.css

@@ -0,0 +1,74 @@
+/* Column Box */
+.flexColumnBox {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    box-sizing: border-box;
+}
+/* fullWidthLover */
+.flexColumnBox > :global(.fullWidthLover) {
+    width: 100%;
+}
+/* align */
+.flexColumnBox.start {
+    justify-content: flex-start;
+    align-items: flex-start;
+}
+.flexColumnBox.center {
+    justify-content: center;
+    align-items: center;
+}
+.flexColumnBox.end {
+    justify-content: flex-end;
+    align-items: flex-end;
+}
+
+/* Row Box */
+.flexRowBox {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+    box-sizing: border-box;
+}
+/* align */
+.flexRowBox.start {
+    justify-content: flex-start;
+}
+.flexRowBox.center {
+    justify-content: center;
+}
+.flexRowBox.end {
+    justify-content: flex-end;
+}
+/* overflow */
+.flexRowBox.shrink {
+    white-space: nowrap;
+}
+.flexRowBox.wrap {
+    flex-wrap: wrap;
+}
+.flexRowBox.scroll {
+    overflow-x: auto;
+    white-space: nowrap;
+    -webkit-overflow-scrolling: touch; /* Smooth scroll on mobile */
+}
+.flexRowBox.scroll > * {
+    flex-shrink: 0;
+}
+.flexRowBox.scroll::-webkit-scrollbar {
+    height: 0.6rem;
+}
+.flexRowBox.scroll::-webkit-scrollbar-thumb {
+    border-radius: 0.3rem;
+    background: transparent;
+}
+.flexRowBox.scroll:hover::-webkit-scrollbar-thumb {
+    background-color: rgba(125, 125, 125, 0.16);
+}
+.flexRowBox.scroll::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(125, 125, 125, 0.24);
+}
+.flexRowBox.scroll::-webkit-scrollbar-track {
+    background: transparent;
+}

package/dist/card/card.js

@@ -13,9 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./card.module.css";
+import boxingStyles from "../boxing.module.css";
 export const Card = forwardRef((_a, ref) => {
     var { align, blur, className, children } = _a, restProps = __rest(_a, ["align", "blur", "className", "children"]);
-    const joinedClassNames = classNames("allowFullWidth", styles.card, { [styles[align]]: align }, { [styles.blur]: blur }, className);
+    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, "fullWidthLover", styles.card, { [styles.blur]: blur }, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=card.js.map

package/dist/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC1B,CAAC,EAAkD,EAAE,GAAG,EAAE,EAAE;QAA3D,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAhD,0CAAkD,CAAF;IAC7C,MAAM,gBAAgB,GAAG,UAAU,CAC/B,gBAAgB,EAChB,MAAM,CAAC,IAAI,EACX,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EACvB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAQhD,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC1B,CAAC,EAAkD,EAAE,GAAG,EAAE,EAAE;QAA3D,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAhD,0CAAkD,CAAF;IAC7C,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,aAAa,EAC1B,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,gBAAgB,EAChB,MAAM,CAAC,IAAI,EACX,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EACvB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/card/card.module.css

@@ -1,35 +1,12 @@
 .card {
-    display: flex;
-    flex-direction: column;
     padding: 2rem;
     overflow: hidden;
-    margin: auto;
-    box-sizing: border-box;
     border-radius: 2rem;
+    box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%),
+        0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
     background: rgb(var(--surfaceContainerHighestColor, 230 224 233));
     color: rgb(var(--onSurfaceColor, 28 27 31));
     fill: rgb(var(--onSurfaceColor, 28 27 31));
-    box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%),
-        0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
-}
-.card > :global(.allowFullWidth) {
-    width: 100%;
-}
-
-.start {
-    justify-content: flex-start;
-    align-content: flex-start;
-    align-items: flex-start;
-}
-.center {
-    justify-content: center;
-    align-content: center;
-    align-items: center;
-}
-.end {
-    justify-content: flex-end;
-    align-content: flex-end;
-    align-items: flex-end;
 }
 
 .card.blur {

package/dist/checkBox/checkBox.js

@@ -17,7 +17,7 @@ import Symbol from "@yakad/symbols";
 import styles from "./checkBox.module.css";
 export const CheckBox = forwardRef((_a, ref) => {
     var { label, className, style } = _a, restProps = __rest(_a, ["label", "className", "style"]);
-    const joinedClassNames = classNames(label && "allowFullWidth", styles.label, { [styles.labeled]: label }, { [styles.disabled]: restProps.disabled }, className);
+    const joinedClassNames = classNames(label && "fullWidthLover", styles.label, { [styles.labeled]: label }, { [styles.disabled]: restProps.disabled }, className);
     return (_jsxs("label", { className: joinedClassNames, style: style, children: [label, _jsx("input", Object.assign({ ref: ref }, restProps, { className: styles.input, type: "checkbox" })), _jsxs("div", { className: styles.symbolContainer, children: [_jsx(Symbol, { className: styles.symbolChecked, icon: "check_box" }), _jsx(Symbol, { className: styles.symbolUnChecked, icon: "check_box_outline_blank" })] })] }));
 });
 //# sourceMappingURL=checkBox.js.map

package/dist/codeBox/codeBox.js

@@ -17,7 +17,7 @@ import styles from "./codeBox.module.css";
 import { Button, Card } from "../";
 export const CodeBox = forwardRef((_a, ref) => {
     var { copybutton, className, children } = _a, restProps = __rest(_a, ["copybutton", "className", "children"]);
-    const joinedClassNames = classNames("allowFullWidth", styles.ZZZZZZZZZZ, className);
+    const joinedClassNames = classNames("fullWidthLover", styles.ZZZZZZZZZZ, className);
     return (_jsxs(Card, Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: [_jsx("pre", { children: children }), copybutton && _jsx(Button, { icon: _jsx(Symbol, { icon: "copy_all" }) })] })));
 });
 //# sourceMappingURL=codeBox.js.map

package/dist/codeField/codeField.js

@@ -33,7 +33,7 @@ function removeUnNumberChars(inputElement) {
 }
 export const CodeField = forwardRef((_a, ref) => {
     var { length = 6, onfilled, autoComplete, pattern, onInput, className, style, children } = _a, restProps = __rest(_a, ["length", "onfilled", "autoComplete", "pattern", "onInput", "className", "style", "children"]);
-    const joinedClassNames = classNames("allowFullWidth", styles.input, className);
+    const joinedClassNames = classNames("fullWidthLover", styles.input, className);
     const joinedStyles = Object.assign(Object.assign({}, style), { width: `calc(1.5ch * ${length})` });
     return (_jsx("input", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, style: joinedStyles, type: "number", minLength: length, maxLength: length, autoComplete: autoComplete || "off", pattern: pattern || "[0-9]", onInput: (event) => {
             isInputFilled(event, length) && onfilled;

package/dist/container/container.d.ts

@@ -1,6 +1,6 @@
 export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
     align?: "start" | "center" | "end";
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
     children?: React.ReactNode;
 }
 export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/container/container.js

@@ -13,9 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./container.module.css";
+import boxingStyles from "../boxing.module.css";
 export const Container = forwardRef((_a, ref) => {
     var { size = "xl", align, className, children } = _a, restProps = __rest(_a, ["size", "align", "className", "children"]);
-    const joinedClassNames = classNames(styles.container, styles[size], { [styles[align]]: align }, className);
+    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.container, styles[size], className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=container.js.map

package/dist/container/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,0CAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,IAAI,CAAC,EACZ,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAQhD,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,0CAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,aAAa,EAC1B,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,IAAI,CAAC,EACZ,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/container/container.module.css

@@ -1,15 +1,8 @@
 .container {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
     padding: 2rem;
     gap: 2rem;
     margin-right: auto;
     margin-left: auto;
-    box-sizing: border-box;
-}
-.container > :global(.allowFullWidth) {
-    width: 100%;
 }
 
 .container.xs {
@@ -27,19 +20,3 @@
 .container.xl {
     max-width: 150rem;
 }
-
-.start {
-    justify-content: flex-start;
-    align-content: flex-start;
-    align-items: flex-start;
-}
-.center {
-    justify-content: center;
-    align-content: center;
-    align-items: center;
-}
-.end {
-    justify-content: flex-end;
-    align-content: flex-end;
-    align-items: flex-end;
-}

package/dist/display/display.js

@@ -15,7 +15,7 @@ import classNames from "classnames";
 import styles from "./display.module.css";
 export const Display = forwardRef((_a, ref) => {
     var { minWidth, maxWidth, className, children } = _a, restProps = __rest(_a, ["minWidth", "maxWidth", "className", "children"]);
-    const joinedClassNames = classNames("allowFullWidth", { [styles[`${minWidth}MinWidth`]]: minWidth }, { [styles[`${maxWidth}MaxWidth`]]: maxWidth }, className);
+    const joinedClassNames = classNames("fullWidthLover", { [styles[`${minWidth}MinWidth`]]: minWidth }, { [styles[`${maxWidth}MaxWidth`]]: maxWidth }, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=display.js.map

package/dist/footer/footer.module.css

@@ -3,10 +3,13 @@
     min-height: 6rem;
     padding-left: 2rem;
     padding-right: 2rem;
+    gap: 1rem;
     z-index: 1;
     background: rgb(var(--surfaceContainerColor, 243 237 247));
     color: rgb(var(--onSurfaceColor, 28 27 31));
     fill: rgb(var(--onSurfaceColor, 28 27 31));
+    transition: transform 0.3s ease;
+    will-change: transform;
     user-select: none;
 }
 

package/dist/gridItem/gridItem.js

@@ -13,9 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./gridItem.module.css";
+import boxingStyles from "../boxing.module.css";
 export const GridItem = forwardRef((_a, ref) => {
     var { align, xs, sm, md, lg, xl, className, children } = _a, restProps = __rest(_a, ["align", "xs", "sm", "md", "lg", "xl", "className", "children"]);
-    const joinedClassNames = classNames(styles.gridItem, { [styles[align]]: align }, { [styles[`xs${xs}`]]: xs }, { [styles[`sm${sm}`]]: sm }, { [styles[`md${md}`]]: md }, { [styles[`lg${lg}`]]: lg }, { [styles[`xl${xl}`]]: xl }, className);
+    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { [styles[`xs${xs}`]]: xs }, { [styles[`sm${sm}`]]: sm }, { [styles[`md${md}`]]: md }, { [styles[`lg${lg}`]]: lg }, { [styles[`xl${xl}`]]: xl }, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=gridItem.js.map

package/dist/gridItem/gridItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["../../src/gridItem/gridItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAa3C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CAAC,EAAgE,EAAE,GAAG,EAAE,EAAE;QAAzE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA9D,gEAAgE,CAAF;IAC3D,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,QAAQ,EACf,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["../../src/gridItem/gridItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAahD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CAAC,EAAgE,EAAE,GAAG,EAAE,EAAE;QAAzE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA9D,gEAAgE,CAAF;IAC3D,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,aAAa,EAC1B,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/gridItem/gridItem.module.css

@@ -1,27 +1,3 @@
-.gridItem {
-    display: flex;
-    flex-direction: column;
-}
-.gridItem > :global(.allowFullWidth) {
-    width: 100%;
-}
-
-.start {
-    justify-content: flex-start;
-    align-content: flex-start;
-    align-items: flex-start;
-}
-.center {
-    justify-content: center;
-    align-content: center;
-    align-items: center;
-}
-.end {
-    justify-content: flex-end;
-    align-content: flex-end;
-    align-items: flex-end;
-}
-
 .xl1 {
     grid-column: span 1;
 }

package/dist/index.d.ts

@@ -1,31 +1,30 @@
+export * from "./screen/screen";
 export * from "./appBar/appBar";
-export * from "./button/button";
-export * from "./card/card";
-export * from "./checkBox/checkBox";
-export * from "./clickOutsideListener/clickOutsideListener";
-export * from "./codeBox/codeBox";
-export * from "./codeField/codeField";
-export * from "./container/container";
-export * from "./display/display";
+export * from "./main/main";
 export * from "./footer/footer";
+export * from "./navigation/navigation";
+export * from "./container/container";
+export * from "./stack/stack";
+export * from "./row/row";
 export * from "./gridContainer/gridContainer";
 export * from "./gridItem/gridItem";
+export * from "./card/card";
+export * from "./theme/theme";
+export * from "./spacer/spacer";
 export * from "./hr/hr";
-export * from "./inputField/inputField";
 export * from "./list/list";
 export * from "./listItem/listItem";
+export * from "./table/table";
+export * from "./button/button";
 export * from "./loading/loading";
-export * from "./main/main";
-export * from "./navigation/navigation";
-export * from "./popup/popup";
-export * from "./radioButton/radioButton";
-export * from "./radioGroup/radioGroup";
-export * from "./row/row";
-export * from "./screen/screen";
-export * from "./select/select";
-export * from "./spacer/spacer";
-export * from "./stack/stack";
 export * from "./svgIcon/svgIcon";
-export * from "./table/table";
 export * from "./text/text";
-export * from "./theme/theme";
+export * from "./inputField/inputField";
+export * from "./select/select";
+export * from "./checkBox/checkBox";
+export * from "./codeField/codeField";
+export * from "./radioGroup/radioGroup";
+export * from "./radioButton/radioButton";
+export * from "./codeBox/codeBox";
+export * from "./display/display";
+export * from "./clickOutsideListener/clickOutsideListener";

package/dist/index.js

@@ -1,32 +1,36 @@
+// Layout & Structure
+export * from "./screen/screen";
 export * from "./appBar/appBar";
-export * from "./button/button";
-export * from "./card/card";
-export * from "./checkBox/checkBox";
-export * from "./clickOutsideListener/clickOutsideListener";
-export * from "./codeBox/codeBox";
-export * from "./codeField/codeField";
-export * from "./container/container";
-export * from "./display/display";
+export * from "./main/main";
 export * from "./footer/footer";
+export * from "./navigation/navigation";
+export * from "./container/container";
+export * from "./stack/stack";
+export * from "./row/row";
 export * from "./gridContainer/gridContainer";
 export * from "./gridItem/gridItem";
+export * from "./card/card";
+// Theme & Styling
+export * from "./theme/theme";
+export * from "./spacer/spacer";
 export * from "./hr/hr";
-export * from "./inputField/inputField";
+// UI Components
 export * from "./list/list";
 export * from "./listItem/listItem";
+export * from "./table/table";
+export * from "./button/button";
 export * from "./loading/loading";
-export * from "./main/main";
-export * from "./navigation/navigation";
-export * from "./popup/popup";
-export * from "./radioButton/radioButton";
-export * from "./radioGroup/radioGroup";
-export * from "./row/row";
-export * from "./screen/screen";
-export * from "./select/select";
-export * from "./spacer/spacer";
-export * from "./stack/stack";
 export * from "./svgIcon/svgIcon";
-export * from "./table/table";
 export * from "./text/text";
-export * from "./theme/theme";
+// Form Components
+export * from "./inputField/inputField";
+export * from "./select/select";
+export * from "./checkBox/checkBox";
+export * from "./codeField/codeField";
+export * from "./radioGroup/radioGroup";
+export * from "./radioButton/radioButton";
+export * from "./codeBox/codeBox";
+// Utilities
+export * from "./display/display";
+export * from "./clickOutsideListener/clickOutsideListener";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,kBAAkB;AAClB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,gBAAgB;AAChB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,kBAAkB;AAClB,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,YAAY;AACZ,cAAc,mBAAmB,CAAC;AAClC,cAAc,6CAA6C,CAAC"}

package/dist/inputField/inputField.js

@@ -17,6 +17,6 @@ import styles from "./inputField.module.css";
 export const InputField = forwardRef((_a, ref) => {
     var { variant = "outlined", boxsize = "normal", placeholder, className } = _a, restProps = __rest(_a, ["variant", "boxsize", "placeholder", "className"]);
     const joinedClassNames = classNames(styles.input, styles[variant], styles[boxsize], placeholder && styles.havePlaceHolder, className);
-    return (_jsxs("div", { className: classNames("allowFullWidth", styles.div), children: [_jsx("input", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, placeholder: " " })), placeholder && (_jsx("label", { className: styles.label, children: placeholder }))] }));
+    return (_jsxs("div", { className: classNames("fullWidthLover", styles.div), children: [_jsx("input", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, placeholder: " " })), placeholder && (_jsx("label", { className: styles.label, children: placeholder }))] }));
 });
 //# sourceMappingURL=inputField.js.map

package/dist/list/list.js

@@ -15,7 +15,7 @@ import classNames from "classnames";
 import styles from "./list.module.css";
 export const List = forwardRef((_a, ref) => {
     var { direction = "row", collapsed, className, children } = _a, restProps = __rest(_a, ["direction", "collapsed", "className", "children"]);
-    const joinedClassNames = classNames("allowFullWidth", styles.list, styles[direction], { [styles.collapsed]: collapsed }, className);
+    const joinedClassNames = classNames("fullWidthLover", styles.list, styles[direction], { [styles.collapsed]: collapsed }, className);
     return (_jsx("ul", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=list.js.map

package/dist/listItem/listItem.d.ts

@@ -1,2 +1,4 @@
-export type ListItemProps = React.HTMLAttributes<HTMLLIElement>;
+export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    align?: "start" | "center" | "end";
+}
 export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist/listItem/listItem.js

@@ -13,8 +13,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./listItem.module.css";
+import boxingStyles from "../boxing.module.css";
 export const ListItem = forwardRef((_a, ref) => {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
-    return (_jsx("li", Object.assign({ ref: ref }, restProps, { className: classNames(styles.listItem, className), children: children })));
+    var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
+    return (_jsx("li", Object.assign({ ref: ref }, restProps, { className: classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.listItem, className), children: children })));
 });
 //# sourceMappingURL=listItem.js.map

package/dist/listItem/listItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.js","sourceRoot":"","sources":["../../src/listItem/listItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAI3C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CAAC,EAAqC,EAAE,GAAG,EAAE,EAAE;QAA9C,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAnC,yBAAqC,CAAF;IAChC,OAAO,CACH,2BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,YAEhD,QAAQ,IACR,CACR,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"listItem.js","sourceRoot":"","sources":["../../src/listItem/listItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAMhD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA1C,kCAA4C,CAAF;IACvC,OAAO,CACH,2BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,UAAU,CACjB,YAAY,CAAC,aAAa,EAC1B,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,MAAM,CAAC,QAAQ,EACf,SAAS,CACZ,YAEA,QAAQ,IACR,CACR,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/listItem/listItem.module.css

@@ -1,9 +1,3 @@
 .listItem {
-    display: flex;
-    flex-direction: column;
     align-items: stretch;
-    box-sizing: border-box;
-}
-.listItem > :global(.allowFullWidth) {
-    width: 100%;
 }

package/dist/main/main.js

@@ -13,9 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./main.module.css";
+import boxingStyles from "../boxing.module.css";
 export const Main = forwardRef((_a, ref) => {
     var { align, navopen = false, className, children } = _a, restProps = __rest(_a, ["align", "navopen", "className", "children"]);
-    const joinedClassNames = classNames(styles.main, { [styles[align]]: align }, { [styles.navOpen]: navopen }, className);
+    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.main, { [styles.navOpen]: navopen }, className);
     return (_jsx("main", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=main.js.map

package/dist/main/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main/main.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC1B,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA3D,6CAA6D,CAAF;IACxD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,IAAI,EACX,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,EAC7B,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,6BAAM,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACrD,QAAQ,IACN,CACV,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main/main.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAQhD,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC1B,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA3D,6CAA6D,CAAF;IACxD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,aAAa,EAC1B,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,MAAM,CAAC,IAAI,EACX,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,EAC7B,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,6BAAM,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACrD,QAAQ,IACN,CACV,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/main/main.module.css

@@ -1,14 +1,7 @@
 .main {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
     align-self: flex-end;
     flex-grow: 1;
     transition: width 0.3s;
-    box-sizing: border-box;
-}
-.main > :global(.allowFullWidth) {
-    width: 100%;
 }
 
 .navOpen {
@@ -20,19 +13,3 @@
         max-width: initial;
     }
 }
-
-.start {
-    justify-content: flex-start;
-    align-content: flex-start;
-    align-items: flex-start;
-}
-.center {
-    justify-content: center;
-    align-content: center;
-    align-items: center;
-}
-.end {
-    justify-content: flex-end;
-    align-content: flex-end;
-    align-items: flex-end;
-}

package/dist/navigation/navigation.d.ts

@@ -1,4 +1,5 @@
 export interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
+    align?: "start" | "center" | "end";
     anchor?: "left" | "right" | "top" | "bottom" | "auto";
     open: boolean;
     children?: React.ReactNode;

package/dist/navigation/navigation.js

@@ -13,9 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./navigation.module.css";
+import boxingStyles from "../boxing.module.css";
 export const Navigation = forwardRef((_a, ref) => {
-    var { anchor = "auto", open = false, className, children } = _a, restProps = __rest(_a, ["anchor", "open", "className", "children"]);
-    const joinedClassNames = classNames(styles.navigation, styles[anchor], {
+    var { align, anchor = "auto", open = false, className, children } = _a, restProps = __rest(_a, ["align", "anchor", "open", "className", "children"]);
+    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.navigation, styles[anchor], {
         [styles.open]: open,
     });
     return (_jsx("nav", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));

package/dist/navigation/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/navigation/navigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAQ7C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAChC,CACI,EAAoE,EACpE,GAAG,EACL,EAAE;QAFA,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAlE,2CAAoE,CAAF;IAGlE,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QACnE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;KACtB,CAAC,CAAC;IAEH,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/navigation/navigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAShD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAChC,CACI,EAOC,EACD,GAAG,EACL,EAAE;QATA,EACI,KAAK,EACL,MAAM,GAAG,MAAM,EACf,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cANhB,oDAOC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,aAAa,EAC1B,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,MAAM,CAAC,EACd;QACI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;KACtB,CACJ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/navigation/navigation.module.css

@@ -1,10 +1,7 @@
 .navigation {
     position: fixed;
-    display: flex;
-    flex-direction: column;
     max-width: 100%;
     padding: 1rem 0;
-    box-sizing: border-box;
     z-index: 3;
     background: rgb(var(--surfaceContainerColor, 243 237 247));
     color: rgb(var(--onSurfaceColor, 28 27 31));
@@ -12,9 +9,6 @@
     transition: transform 0.3s;
     overflow-y: auto;
 }
-.navigation > :global(.allowFullWidth) {
-    width: 100%;
-}
 
 .auto,
 .left {

package/dist/row/row.js

@@ -16,7 +16,7 @@ import styles from "./row.module.css";
 import boxingStyles from "../boxing.module.css";
 export const Row = forwardRef((_a, ref) => {
     var { align, overflow = "shrink", size = "xl", className, children } = _a, restProps = __rest(_a, ["align", "overflow", "size", "className", "children"]);
-    const joinedClassNames = classNames(boxingStyles.flexRowBox, { [boxingStyles[align]]: align }, boxingStyles[overflow], overflow === "shrink" && "allowFullWidth", styles[size], className);
+    const joinedClassNames = classNames(boxingStyles.flexRowBox, { [boxingStyles[align]]: align }, boxingStyles[overflow], styles.row, overflow === "shrink" && "fullWidthLover", styles[size], className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=row.js.map

package/dist/row/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/row/row.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAShD,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CACzB,CACI,EAOC,EACD,GAAG,EACL,EAAE;QATA,EACI,KAAK,EACL,QAAQ,GAAG,QAAQ,EACnB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cANhB,sDAOC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,UAAU,EACvB,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,YAAY,CAAC,QAAQ,CAAC,EACtB,QAAQ,KAAK,QAAQ,IAAI,gBAAgB,EACzC,MAAM,CAAC,IAAI,CAAC,EACZ,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/row/row.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAShD,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CACzB,CACI,EAOC,EACD,GAAG,EACL,EAAE;QATA,EACI,KAAK,EACL,QAAQ,GAAG,QAAQ,EACnB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cANhB,sDAOC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,UAAU,EACvB,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,YAAY,CAAC,QAAQ,CAAC,EACtB,MAAM,CAAC,GAAG,EACV,QAAQ,KAAK,QAAQ,IAAI,gBAAgB,EACzC,MAAM,CAAC,IAAI,CAAC,EACZ,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/row/row.module.css

@@ -1,3 +1,7 @@
+.row {
+    gap: 1rem;
+}
+
 .row.xs {
     max-width: 44.4rem;
 }

package/dist/screen/screen.js

@@ -13,9 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./screen.module.css";
+import boxingStyles from "../boxing.module.css";
 export const Screen = forwardRef((_a, ref) => {
     var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
-    const joinedClassNames = classNames(styles.screen, { [styles[align]]: align }, className);
+    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.screen, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=screen.js.map

package/dist/screen/screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"screen.js","sourceRoot":"","sources":["../../src/screen/screen.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAOzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA1C,kCAA4C,CAAF;IACvC,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"screen.js","sourceRoot":"","sources":["../../src/screen/screen.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAOhD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA1C,kCAA4C,CAAF;IACvC,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,aAAa,EAC1B,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,MAAM,CAAC,MAAM,EACb,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/screen/screen.module.css

@@ -1,29 +1,6 @@
 .screen {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
     min-height: 100vh;
-    box-sizing: border-box;
     background: rgb(var(--surfaceColor, 254 247 255));
     color: rgb(var(--onSurfaceColor, 28 27 31));
     fill: rgb(var(--onSurfaceColor, 28 27 31));
 }
-.screen > :global(.allowFullWidth) {
-    width: 100%;
-}
-
-.start {
-    justify-content: flex-start;
-    align-content: flex-start;
-    align-items: flex-start;
-}
-.center {
-    justify-content: center;
-    align-content: center;
-    align-items: center;
-}
-.end {
-    justify-content: flex-end;
-    align-content: flex-end;
-    align-items: flex-end;
-}

package/dist/select/select.js

@@ -18,6 +18,6 @@ import inputStyles from "../inputField/inputField.module.css";
 export const Select = forwardRef((_a, ref) => {
     var { variant = "outlined", boxsize = "normal", placeholder, className, children } = _a, restProps = __rest(_a, ["variant", "boxsize", "placeholder", "className", "children"]);
     const joinedClassNames = classNames(styles.select, inputStyles.input, inputStyles[variant], inputStyles[boxsize], { [inputStyles.havePlaceHolder]: placeholder }, className);
-    return (_jsxs("div", { className: classNames("allowFullWidth", inputStyles.div), children: [_jsx("select", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })), placeholder ? (_jsx("label", { className: inputStyles.label, children: placeholder })) : null] }));
+    return (_jsxs("div", { className: classNames("fullWidthLover", inputStyles.div), children: [_jsx("select", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })), placeholder ? (_jsx("label", { className: inputStyles.label, children: placeholder })) : null] }));
 });
 //# sourceMappingURL=select.js.map

package/dist/stack/stack.js

@@ -13,9 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./stack.module.css";
+import boxingStyles from "../boxing.module.css";
 export const Stack = forwardRef((_a, ref) => {
     var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
-    const joinedClassNames = classNames("allowFullWidth", styles.stack, { [styles[align]]: align }, className);
+    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, "fullWidthLover", styles.stack, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=stack.js.map

package/dist/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/stack/stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAOxC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC3B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA1C,kCAA4C,CAAF;IACvC,MAAM,gBAAgB,GAAG,UAAU,CAC/B,gBAAgB,EAChB,MAAM,CAAC,KAAK,EACZ,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/stack/stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAOhD,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC3B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA1C,kCAA4C,CAAF;IACvC,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,aAAa,EAC1B,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,gBAAgB,EAChB,MAAM,CAAC,KAAK,EACZ,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/stack/stack.module.css

@@ -1,25 +1,3 @@
 .stack {
-    display: flex;
-    flex-direction: column;
     gap: 2rem;
-    box-sizing: border-box;
-}
-.stack > :global(.allowFullWidth) {
-    width: 100%;
-}
-
-.start {
-    justify-content: flex-start;
-    align-content: flex-start;
-    align-items: flex-start;
-}
-.center {
-    justify-content: center;
-    align-content: center;
-    align-items: center;
-}
-.end {
-    justify-content: flex-end;
-    align-content: flex-end;
-    align-items: flex-end;
 }

package/dist/table/table.js

@@ -15,7 +15,7 @@ import classNames from "classnames";
 import styles from "./table.module.css";
 export const Table = forwardRef((_a, ref) => {
     var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
-    const joinedClassNames = classNames("allowFullWidth", styles.table, className);
+    const joinedClassNames = classNames("fullWidthLover", styles.table, className);
     return (_jsx("table", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 export const Thead = forwardRef((_a, ref) => {

package/dist/theme/theme.d.ts

@@ -2,6 +2,7 @@ import "./globals.css";
 export type DarkStyle = "light" | "dark" | "system";
 export type ThemeColor = "green" | "red" | "yellow" | "blue" | "purple";
 export interface ThemeProps extends React.HTMLAttributes<HTMLDivElement> {
+    align?: "start" | "center" | "end";
     darkstyle?: DarkStyle;
     color?: ThemeColor;
     zoom?: number;

package/dist/theme/theme.js

@@ -14,13 +14,14 @@ import { forwardRef, useEffect } from "react";
 import classNames from "classnames";
 import "./globals.css";
 import styles from "./theme.module.css";
+import boxingStyles from "../boxing.module.css";
 export const Theme = forwardRef((_a, ref) => {
-    var { darkstyle = "system", color = "blue", zoom = 100, className, children } = _a, restProps = __rest(_a, ["darkstyle", "color", "zoom", "className", "children"]);
+    var { align, darkstyle = "system", color = "blue", zoom = 100, className, children } = _a, restProps = __rest(_a, ["align", "darkstyle", "color", "zoom", "className", "children"]);
     const zoomPercentage = zoom ? (zoom / 100) * 62.5 : 62.5;
     useEffect(() => {
         document.documentElement.style.setProperty("font-size", zoomPercentage + "%");
     }, [zoomPercentage]);
-    const joinedClassNames = classNames(styles.theme, styles[darkstyle], styles[color], className);
+    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.theme, styles[darkstyle], styles[color], className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,eAAe,CAAC;AACvB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAWxC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC3B,CACI,EAOC,EACD,GAAG,EACL,EAAE;QATA,EACI,SAAS,GAAG,QAAQ,EACpB,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,GAAG,EACV,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cANhB,uDAOC,CADe;IAIhB,MAAM,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACtC,WAAW,EACX,cAAc,GAAG,GAAG,CACvB,CAAC;IACN,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,KAAK,CAAC,EACb,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,eAAe,CAAC;AACvB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAYhD,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC3B,CACI,EAQC,EACD,GAAG,EACL,EAAE;QAVA,EACI,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,GAAG,EACV,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cAPhB,gEAQC,CADe;IAIhB,MAAM,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACtC,WAAW,EACX,cAAc,GAAG,GAAG,CACvB,CAAC;IACN,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,aAAa,EAC1B,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,KAAK,CAAC,EACb,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/theme/theme.module.css

@@ -1,12 +1,7 @@
 .theme {
-    display: flex;
-    flex-direction: column;
     font-family: sans-serif;
     font-size: 1.6rem;
 }
-.theme > :global(.allowFullWidth) {
-    width: 100%;
-}
 
 .blue {
     --LightPrimaryColor: 11 87 208;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.73",
+    "version": "1.3.75",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",
@@ -23,7 +23,7 @@
     "homepage": "https://yakad.natiq.net",
     "scripts": {
         "clean": "rimraf dist/",
-        "copy-files": "copyfiles -u 1 src/**/*.css dist/",
+        "copy-files": "copyfiles -u 1 src/*.css src/**/*.css dist/",
         "build": "npm run clean && tsc && npm run copy-files",
         "prepublishOnly": "cp ../../README.md ../../LICENSE ./"
     },

package/dist/popup/popup.d.ts

@@ -1,7 +0,0 @@
-export interface PopupProps {
-    align?: "start" | "center" | "end";
-    heading?: string;
-    onclosebuttonclick?: () => void;
-    children?: React.ReactNode;
-}
-export declare const Popup: import("react").ForwardRefExoticComponent<Omit<PopupProps, "className" | "style"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/popup/popup.js

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Button, Card, ClickOutsideListener, Row, Spacer, Stack, Text, } from "../";
-import Symbol from "@yakad/symbols";
-import styles from "./popup.module.css";
-export const Popup = forwardRef((_a, ref) => {
-    var { align, heading, onclosebuttonclick, children } = _a, restProps = __rest(_a, ["align", "heading", "onclosebuttonclick", "children"]);
-    return (_jsx("div", { className: styles.popupscreen, children: _jsx(ClickOutsideListener, { onclickoutside: onclosebuttonclick, className: styles.popup, children: _jsxs(Card, Object.assign({ ref: ref }, restProps, { children: [_jsxs(Row, { style: { marginBottom: "2rem" }, children: [_jsx(Text, { variant: "heading4", children: heading }), _jsx(Spacer, {}), _jsx(Button, { title: "Close", icon: _jsx(Symbol, { icon: "close" }), onClick: onclosebuttonclick })] }), _jsx(Stack, { align: align, style: { width: "100%", overflowY: "auto" }, children: children })] })) }) }));
-});
-Popup.displayName = "Popup";
-//# sourceMappingURL=popup.js.map

package/dist/popup/popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/popup/popup.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACH,MAAM,EACN,IAAI,EACJ,oBAAoB,EACpB,GAAG,EACH,MAAM,EACN,KAAK,EACL,IAAI,GACP,MAAM,KAAK,CAAC;AACb,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AASxC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAG7B,CAAC,EAA8D,EAAE,GAAG,EAAE,EAAE;QAAvE,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA5D,sDAA8D,CAAF;IAC3D,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC9B,KAAC,oBAAoB,IACjB,cAAc,EAAE,kBAAkB,EAClC,SAAS,EAAE,MAAM,CAAC,KAAK,YAEvB,MAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,eACzB,MAAC,GAAG,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAChC,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YAAE,OAAO,GAAQ,EACzC,KAAC,MAAM,KAAG,EACV,KAAC,MAAM,IACH,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EAC7B,OAAO,EAAE,kBAAkB,GAC7B,IACA,EACN,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAE1C,QAAQ,GACL,KACL,GACY,GACrB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/popup/popup.module.css

@@ -1,20 +0,0 @@
-.popupscreen {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: rgba(var(--surfaceContainerColor, 243 237 247), 0.2);
-    backdrop-filter: blur(0.2rem);
-    z-index: 3;
-}
-
-.popup {
-    width: 90%;
-    max-width: 60rem;
-    min-height: 10rem;
-    max-height: 90vh;
-}