@yakad/ui 1.3.82 → 1.3.84

package/dist/{appBar/appBar.d.ts → AppBar/AppBar.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     overflow?: "shrink" | "wrap" | "scroll";

package/dist/AppBar/AppBar.js

@@ -0,0 +1,51 @@
+"use client";
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
+const AppBar_module_css_1 = __importDefault(require("./AppBar.module.css"));
+exports.AppBar = (0, react_1.forwardRef)((_a, ref) => {
+    var { align, overflow = "shrink", position = "initial", size, blur, className, children } = _a, restProps = __rest(_a, ["align", "overflow", "position", "size", "blur", "className", "children"]);
+    const [show, setShow] = (0, react_1.useState)(true);
+    const [lastScrollY, setLastScrollY] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        if (position !== "scroll")
+            return;
+        const handleScroll = () => {
+            const currentScrollY = window.scrollY;
+            if (currentScrollY > lastScrollY && currentScrollY > 50) {
+                // Scroll down
+                setShow(false);
+            }
+            else {
+                // Scroll up
+                setShow(true);
+            }
+            setLastScrollY(currentScrollY);
+        };
+        window.addEventListener("scroll", handleScroll);
+        return () => window.removeEventListener("scroll", handleScroll);
+    }, [lastScrollY, position]);
+    const joinedClassNames = (0, classnames_1.default)(boxing_module_css_1.default.flexRowBox, { [boxing_module_css_1.default[align]]: align }, boxing_module_css_1.default[overflow], AppBar_module_css_1.default.header, {
+        [AppBar_module_css_1.default.sticky]: position === "sticky" || position === "scroll",
+    }, { [AppBar_module_css_1.default.hidden]: position === "scroll" && !show }, { [AppBar_module_css_1.default[size]]: size }, { [AppBar_module_css_1.default.blur]: blur }, className);
+    return ((0, jsx_runtime_1.jsx)("header", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+});
+exports.AppBar.displayName = "AppBar";

package/dist/{button/button.d.ts → Button/Button.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: "small" | "medium" | "large";
     variant?: "text" | "outlined" | "filled" | "filledtonal" | "tonal" | "elevated" | "link" | "fab";

package/dist/Button/Button.js

@@ -0,0 +1,32 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const __1 = require("..");
+const Button_module_css_1 = __importDefault(require("./Button.module.css"));
+exports.Button = (0, react_1.forwardRef)((_a, ref) => {
+    var { size = "medium", variant = "text", borderstyle = "rounded", icon, iconposition = "start", loadingposition = "auto", loadingvariant, className, children } = _a, restProps = __rest(_a, ["size", "variant", "borderstyle", "icon", "iconposition", "loadingposition", "loadingvariant", "className", "children"]);
+    const childrenFirst = Boolean(iconposition === "end");
+    const isLoadingPositionCenter = Boolean(!icon || loadingposition === "center");
+    const joinedClassNames = (0, classnames_1.default)(Button_module_css_1.default.button, Button_module_css_1.default[variant], { [Button_module_css_1.default.loading]: loadingvariant }, { [Button_module_css_1.default.loadingPositionCenter]: isLoadingPositionCenter }, Button_module_css_1.default[size], Button_module_css_1.default[borderstyle], { [Button_module_css_1.default.iconButton]: !children && icon }, className);
+    return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ ref: ref, className: joinedClassNames }, restProps, { children: [childrenFirst && children, loadingvariant && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(Button_module_css_1.default.displayOnDisabled, {
+                    [Button_module_css_1.default.positionCenter]: isLoadingPositionCenter,
+                }), children: (0, jsx_runtime_1.jsx)(__1.LoadingIcon, { size: size, variant: loadingvariant }) })), icon, !childrenFirst && children] })));
+});
+exports.Button.displayName = "Button";

package/dist/{card/card.d.ts → Card/Card.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     blur?: boolean;

package/dist/Card/Card.js

@@ -0,0 +1,28 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
+const Card_module_css_1 = __importDefault(require("./Card.module.css"));
+exports.Card = (0, react_1.forwardRef)((_a, ref) => {
+    var { align, blur, className, children } = _a, restProps = __rest(_a, ["align", "blur", "className", "children"]);
+    const joinedClassNames = (0, classnames_1.default)(boxing_module_css_1.default.flexColumnBox, { [boxing_module_css_1.default[align]]: align }, "fullWidthLover", Card_module_css_1.default.card, { [Card_module_css_1.default.blur]: blur }, className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+});
+exports.Card.displayName = "Card";

package/dist/{checkBox/checkBox.d.ts → CheckBox/CheckBox.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type ExcludedTypes = "type";
 export interface CheckBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedTypes> {
     label?: string;

package/dist/CheckBox/CheckBox.js

@@ -0,0 +1,28 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const symbols_1 = require("@yakad/symbols");
+const CheckBox_module_css_1 = __importDefault(require("./CheckBox.module.css"));
+exports.CheckBox = (0, react_1.forwardRef)((_a, ref) => {
+    var { label, className, style } = _a, restProps = __rest(_a, ["label", "className", "style"]);
+    const joinedClassNames = (0, classnames_1.default)(label && "fullWidthLover", CheckBox_module_css_1.default.label, { [CheckBox_module_css_1.default.labeled]: label }, { [CheckBox_module_css_1.default.disabled]: restProps.disabled }, className);
+    return ((0, jsx_runtime_1.jsxs)("label", { className: joinedClassNames, style: style, children: [label, (0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref }, restProps, { className: CheckBox_module_css_1.default.input, type: "checkbox" })), (0, jsx_runtime_1.jsxs)("div", { className: CheckBox_module_css_1.default.symbolContainer, children: [(0, jsx_runtime_1.jsx)(symbols_1.Symbol, { className: CheckBox_module_css_1.default.symbolChecked, icon: "check_box" }), (0, jsx_runtime_1.jsx)(symbols_1.Symbol, { className: CheckBox_module_css_1.default.symbolUnChecked, icon: "check_box_outline_blank" })] })] }));
+});
+exports.CheckBox.displayName = "CheckBox";

package/dist/{clickOutsideListener/clickOutsideListener.d.ts → ClickOutsideListener/ClickOutsideListener.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ClickOutsideListenerProps extends React.HTMLAttributes<HTMLDivElement> {
     onclickoutside?: () => void;
     children?: React.ReactNode;

package/dist/{clickOutsideListener/clickOutsideListener.js → ClickOutsideListener/ClickOutsideListener.js}

@@ -1,4 +1,5 @@
 "use client";
+"use strict";
 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)
@@ -10,12 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-export const ClickOutsideListener = (_a) => {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClickOutsideListener = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ClickOutsideListener = (_a) => {
     var { onclickoutside, children } = _a, restProps = __rest(_a, ["onclickoutside", "children"]);
-    const ref = useRef(null);
-    useEffect(() => {
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         const handleOutSideClick = (event) => {
             if (ref.current && !ref.current.contains(event.target))
                 onclickoutside === null || onclickoutside === void 0 ? void 0 : onclickoutside();
@@ -24,6 +27,6 @@ export const ClickOutsideListener = (_a) => {
         // CleanUp When element unmount
         return () => document.removeEventListener("click", handleOutSideClick, true);
     }, [onclickoutside]);
-    return (_jsx("div", Object.assign({ ref: ref }, restProps, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { children: children })));
 };
-//# sourceMappingURL=clickOutsideListener.js.map
+exports.ClickOutsideListener = ClickOutsideListener;

package/dist/{codeBox/codeBox.d.ts → CodeBox/CodeBox.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CodeBoxProps extends React.HTMLAttributes<HTMLDivElement> {
     copybutton?: boolean;
     children?: React.ReactNode;

package/dist/CodeBox/CodeBox.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const symbols_1 = require("@yakad/symbols");
+const __1 = require("..");
+const CodeBox_module_css_1 = __importDefault(require("./CodeBox.module.css"));
+exports.CodeBox = (0, react_1.forwardRef)((_a, ref) => {
+    var { copybutton, className, children } = _a, restProps = __rest(_a, ["copybutton", "className", "children"]);
+    const joinedClassNames = (0, classnames_1.default)("fullWidthLover", CodeBox_module_css_1.default.ZZZZZZZZZZ, className);
+    return ((0, jsx_runtime_1.jsxs)(__1.Card, Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: [(0, jsx_runtime_1.jsx)("pre", { children: children }), copybutton && (0, jsx_runtime_1.jsx)(__1.Button, { icon: (0, jsx_runtime_1.jsx)(symbols_1.Symbol, { icon: "copy_all" }) })] })));
+});
+exports.CodeBox.displayName = "CodeBox";

package/dist/{codeField/codeField.d.ts → CodeField/CodeField.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type ExcludedTypes = "minLength" | "maxLength" | "type";
 export interface CodeFieldsProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedTypes> {
     length?: number;

package/dist/{codeField/codeField.js → CodeField/CodeField.js}

@@ -1,4 +1,5 @@
 "use client";
+"use strict";
 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)
@@ -10,10 +11,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import styles from "./codeField.module.css";
-import classNames from "classnames";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const CodeField_module_css_1 = __importDefault(require("./CodeField.module.css"));
 function isInputFilled(event, inputLength) {
     const targetInputElement = event.target;
     removeUnNumberChars(targetInputElement);
@@ -30,14 +36,13 @@ function sliceOverLength(inputElement, inputLength) {
 function removeUnNumberChars(inputElement) {
     inputElement.value = inputElement.value.replace(/[^0-9]+/, "");
 }
-export const CodeField = forwardRef((_a, ref) => {
+exports.CodeField = (0, react_1.forwardRef)((_a, ref) => {
     var { length = 6, onfilled, autoComplete, pattern, onInput, className, style } = _a, restProps = __rest(_a, ["length", "onfilled", "autoComplete", "pattern", "onInput", "className", "style"]);
-    const joinedClassNames = classNames("fullWidthLover", styles.input, className);
+    const joinedClassNames = (0, classnames_1.default)("fullWidthLover", CodeField_module_css_1.default.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) => {
+    return ((0, jsx_runtime_1.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;
             onInput;
         } })));
 });
-CodeField.displayName = "CodeField";
-//# sourceMappingURL=codeField.js.map
+exports.CodeField.displayName = "CodeField";

package/dist/{container/container.d.ts → Container/Container.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     size?: "xs" | "sm" | "md" | "lg" | "xl";

package/dist/Container/Container.js

@@ -0,0 +1,28 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
+const Container_module_css_1 = __importDefault(require("./Container.module.css"));
+exports.Container = (0, react_1.forwardRef)((_a, ref) => {
+    var { size = "xl", align, className, children } = _a, restProps = __rest(_a, ["size", "align", "className", "children"]);
+    const joinedClassNames = (0, classnames_1.default)(boxing_module_css_1.default.flexColumnBox, { [boxing_module_css_1.default[align]]: align }, Container_module_css_1.default.container, Container_module_css_1.default[size], className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+});
+exports.Container.displayName = "Container";

package/dist/{display/display.d.ts → Display/Display.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface DisplayProps extends React.HTMLAttributes<HTMLElement> {
     minWidth?: "xs" | "sm" | "md" | "lg" | "xl";
     maxWidth?: "xs" | "sm" | "md" | "lg" | "xl";

package/dist/Display/Display.js

@@ -0,0 +1,27 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Display = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const Display_module_css_1 = __importDefault(require("./Display.module.css"));
+exports.Display = (0, react_1.forwardRef)((_a, ref) => {
+    var { minWidth, maxWidth, className, children } = _a, restProps = __rest(_a, ["minWidth", "maxWidth", "className", "children"]);
+    const joinedClassNames = (0, classnames_1.default)("fullWidthLover", { [Display_module_css_1.default[`${minWidth}MinWidth`]]: minWidth }, { [Display_module_css_1.default[`${maxWidth}MaxWidth`]]: maxWidth }, className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+});
+exports.Display.displayName = "Display";

package/dist/{footer/footer.d.ts → Footer/Footer.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     overflow?: "shrink" | "wrap" | "scroll";

package/dist/Footer/Footer.js

@@ -0,0 +1,49 @@
+"use client";
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
+const Footer_module_css_1 = __importDefault(require("./Footer.module.css"));
+exports.Footer = (0, react_1.forwardRef)((_a, ref) => {
+    var { align, overflow = "shrink", position = "initial", size, blur, className, children } = _a, restProps = __rest(_a, ["align", "overflow", "position", "size", "blur", "className", "children"]);
+    const [show, setShow] = (0, react_1.useState)(true);
+    const [lastScrollY, setLastScrollY] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        if (position !== "scroll")
+            return;
+        const handleScroll = () => {
+            const currentScrollY = window.scrollY;
+            if (currentScrollY > lastScrollY && currentScrollY > 50) {
+                // Scroll down
+                setShow(false);
+            }
+            else {
+                // Scroll up
+                setShow(true);
+            }
+            setLastScrollY(currentScrollY);
+        };
+        window.addEventListener("scroll", handleScroll);
+        return () => window.removeEventListener("scroll", handleScroll);
+    }, [lastScrollY, position]);
+    const joinedClassNames = (0, classnames_1.default)(boxing_module_css_1.default.flexRowBox, { [boxing_module_css_1.default[align]]: align }, boxing_module_css_1.default[overflow], Footer_module_css_1.default.footer, { [Footer_module_css_1.default.sticky]: position === "sticky" || position === "scroll" }, { [Footer_module_css_1.default.hidden]: position === "scroll" && !show }, { [Footer_module_css_1.default[size]]: size }, { [Footer_module_css_1.default.blur]: blur }, className);
+    return ((0, jsx_runtime_1.jsx)("footer", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+});
+exports.Footer.displayName = "Footer";

package/dist/{form/form.d.ts → Form/Form.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormProps extends React.HTMLAttributes<HTMLFormElement> {
     align?: "start" | "center" | "end";
     children?: React.ReactNode;

package/dist/Form/Form.js

@@ -0,0 +1,28 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const Form_module_css_1 = __importDefault(require("./Form.module.css"));
+const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
+exports.Form = (0, react_1.forwardRef)((_a, ref) => {
+    var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
+    const joinedClassNames = (0, classnames_1.default)(boxing_module_css_1.default.flexColumnBox, { [boxing_module_css_1.default[align]]: align }, "fullWidthLover", Form_module_css_1.default.form, className);
+    return ((0, jsx_runtime_1.jsx)("form", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+});
+exports.Form.displayName = "Form";

package/dist/{gridContainer/gridContainer.d.ts → GridContainer/GridContainer.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     gap?: number;
     columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

package/dist/GridContainer/GridContainer.js

@@ -0,0 +1,28 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridContainer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const GridContainer_module_css_1 = __importDefault(require("./GridContainer.module.css"));
+exports.GridContainer = (0, react_1.forwardRef)((_a, ref) => {
+    var { gap = 1.5, columns = 12, className, style, children } = _a, restProps = __rest(_a, ["gap", "columns", "className", "style", "children"]);
+    const joinedClassNames = (0, classnames_1.default)(GridContainer_module_css_1.default.gridcontainer, GridContainer_module_css_1.default[`gridColumns${columns}`], className);
+    const joinedStyles = Object.assign(Object.assign({}, style), { columnGap: (style === null || style === void 0 ? void 0 : style.columnGap) || `${gap}rem`, rowGap: (style === null || style === void 0 ? void 0 : style.rowGap) || `${gap}rem` });
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, style: joinedStyles, children: children })));
+});
+exports.GridContainer.displayName = "GridContainer";

package/dist/{gridItem/gridItem.d.ts → GridItem/GridItem.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type GridColumn = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";

package/dist/GridItem/GridItem.js

@@ -0,0 +1,28 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
+const GridItem_module_css_1 = __importDefault(require("./GridItem.module.css"));
+exports.GridItem = (0, react_1.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 = (0, classnames_1.default)(boxing_module_css_1.default.flexColumnBox, { [boxing_module_css_1.default[align]]: align }, { [GridItem_module_css_1.default[`xs${xs}`]]: xs }, { [GridItem_module_css_1.default[`sm${sm}`]]: sm }, { [GridItem_module_css_1.default[`md${md}`]]: md }, { [GridItem_module_css_1.default[`lg${lg}`]]: lg }, { [GridItem_module_css_1.default[`xl${xl}`]]: xl }, className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+});
+exports.GridItem.displayName = "GridItem";

package/dist/{hr/hr.d.ts → Hr/Hr.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface HrProps extends React.HTMLAttributes<HTMLHRElement> {
     variant?: "dotted" | "dashed" | "shortLine";
     height?: number;

package/dist/{hr/hr.js → Hr/Hr.js}

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,15 +10,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames";
-import styles from "./hr.module.css";
-export const Hr = forwardRef((_a, ref) => {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hr = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const Hr_module_css_1 = __importDefault(require("./Hr.module.css"));
+exports.Hr = (0, react_1.forwardRef)((_a, ref) => {
     var { variant, height, marginx, className, style } = _a, restProps = __rest(_a, ["variant", "height", "marginx", "className", "style"]);
-    const joinedClassNames = classNames(styles.hr, variant && styles[variant], className);
+    const joinedClassNames = (0, classnames_1.default)(Hr_module_css_1.default.hr, variant && Hr_module_css_1.default[variant], className);
     const joinedStyles = Object.assign(Object.assign({}, style), { borderTopWidth: height ? `${height}rem` : style === null || style === void 0 ? void 0 : style.borderTopWidth, marginTop: marginx ? `${marginx}rem` : style === null || style === void 0 ? void 0 : style.marginTop, marginBottom: marginx ? `${marginx}rem` : style === null || style === void 0 ? void 0 : style.marginBottom });
-    return (_jsx("hr", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, style: joinedStyles })));
+    return ((0, jsx_runtime_1.jsx)("hr", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, style: joinedStyles })));
 });
-Hr.displayName = "Hr";
-//# sourceMappingURL=hr.js.map
+exports.Hr.displayName = "Hr";

package/dist/InputField/InputField.js

@@ -0,0 +1,27 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const InputField_module_css_1 = __importDefault(require("./InputField.module.css"));
+exports.InputField = (0, react_1.forwardRef)((_a, ref) => {
+    var { variant = "outlined", boxsize = "normal", placeholder, className } = _a, restProps = __rest(_a, ["variant", "boxsize", "placeholder", "className"]);
+    const joinedClassNames = (0, classnames_1.default)(InputField_module_css_1.default.input, InputField_module_css_1.default[variant], InputField_module_css_1.default[boxsize], placeholder && InputField_module_css_1.default.havePlaceHolder, className);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)("fullWidthLover", InputField_module_css_1.default.div), children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, placeholder: " " })), placeholder && ((0, jsx_runtime_1.jsx)("label", { className: InputField_module_css_1.default.label, children: placeholder }))] }));
+});
+exports.InputField.displayName = "InputField";

package/dist/{list/list.d.ts → List/List.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
     direction?: "row" | "column";
     collapsed?: boolean;