@eleventheye/asui 2.4.0 → 2.5.1

package/dist/apptypes/ASUI.types.d.ts

@@ -158,7 +158,17 @@ export type ASDropdownTheme = {
     dropdownColorSelected: string;
     dropdownColorDisabled: string;
 };
+export type ASNavBarTheme = {
+    navBarColor: string;
+    navBarBackgroundColor: string;
+    navBarBoxShadow: string;
+    navBarSelectedBoxBackgroundColor: string;
+    navBarItemColor: string;
+    navBarItemColorHover: string;
+    navBarItemColorSelected: string;
+};
 export interface ASTheme {
+    navbar: ASNavBarTheme;
     textfield: ASTextFieldTheme;
     dropdown: ASDropdownTheme;
     button: ASButtonTheme;
@@ -166,5 +176,12 @@ export interface ASTheme {
     colors: ASColorTheme;
     borderRadius: string;
 }
+export interface ASStyleOptions {
+    $mobileMode?: boolean;
+    $gap?: number;
+    $maxWidth?: number;
+    $borderRadius?: number;
+    $padding?: string;
+}
 export {};
 //# sourceMappingURL=ASUI.types.d.ts.map

package/dist/apptypes/ASUI.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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"}

package/dist/apptypes/index.d.ts

@@ -1,2 +1,3 @@
 export type * from './ASUI.types';
+export { ComponentSize } from './ASUI.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/apptypes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/apptypes/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/apptypes/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,cAAc,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/apptypes/index.js

@@ -1,2 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentSize = void 0;
+var ASUI_types_1 = require("./ASUI.types");
+Object.defineProperty(exports, "ComponentSize", { enumerable: true, get: function () { return ASUI_types_1.ComponentSize; } });

package/dist/asnavbar/ASNavBar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ASNavBarProps } from '../asnavbar/ASNavBar.types';
+declare const ASNavBar: React.FC<ASNavBarProps>;
+export default ASNavBar;
+//# sourceMappingURL=ASNavBar.d.ts.map

package/dist/asnavbar/ASNavBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ASNavBar.d.ts","sourceRoot":"","sources":["../../src/asnavbar/ASNavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAO3D,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6FrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/asnavbar/ASNavBar.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uuid_1 = require("uuid");
+const ASUI_types_1 = require("../apptypes/ASUI.types");
+const ASNavBarItem_1 = tslib_1.__importDefault(require("../asnavbar/ASNavBarItem"));
+const styles_1 = require("../asnavbar/styles");
+const astheme_1 = tslib_1.__importDefault(require("../astheme"));
+const INIT_VALUE = (0, uuid_1.v4)();
+const ASNavBar = ({ className = '', navItems = [], selectedItem = '', onItemSelected = () => undefined, theme = astheme_1.default, size = ASUI_types_1.ComponentSize.Medium, options = {}, }) => {
+    const selectedItemIdRef = (0, react_1.useRef)(INIT_VALUE);
+    const navBarRef = (0, react_1.useRef)(null);
+    const navBarHighlightBoxRef = (0, react_1.useRef)(null);
+    const [selected, setSelected] = (0, react_1.useState)(selectedItem);
+    (0, react_1.useEffect)(() => {
+        if (navBarHighlightBoxRef.current) {
+            const selectedBox = navBarHighlightBoxRef.current;
+            selectedBox.style.width = '0';
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (selectedItemIdRef.current === INIT_VALUE && navItems && navItems.length > 0 && !selectedItem) {
+            selectedItemIdRef.current = navItems[0].itemId;
+            setSelected(selectedItemIdRef.current);
+        }
+    }, [selectedItem, navItems]);
+    const slideHighlightToSelectedItem = (selectedItemEl, itemId) => {
+        if (!navBarHighlightBoxRef.current || !navBarRef.current)
+            return;
+        const selectedElRect = selectedItemEl.getBoundingClientRect();
+        const parentRect = navBarRef.current.getBoundingClientRect();
+        const offsetToSelectedEl = selectedElRect.left - parentRect.left;
+        const selectedBox = navBarHighlightBoxRef.current;
+        const selectedBoxWidth = selectedElRect.width;
+        selectedBox.style.transform = `translateX(${offsetToSelectedEl}px)`;
+        selectedBox.style.width = `${selectedBoxWidth}px`;
+        selectedItemIdRef.current = itemId;
+    };
+    const locateTargetSelectedElement = (selectedId) => {
+        const selectedItemEl = document.getElementById(selectedItem);
+        if (selectedItemEl)
+            slideHighlightToSelectedItem(selectedItemEl, selectedItem);
+        selectedItemIdRef.current = selectedItem;
+        setSelected(selectedItem);
+    };
+    (0, react_1.useEffect)(() => {
+        const isItemSameOrNull = selectedItemIdRef.current === selectedItem || selectedItem.length === 0;
+        if (!navBarHighlightBoxRef.current || !navBarRef.current || isItemSameOrNull)
+            return;
+        locateTargetSelectedElement(selectedItem);
+    }, [selectedItem]);
+    (0, react_1.useEffect)(() => {
+        if (selectedItemIdRef.current === INIT_VALUE && navItems && navItems.length > 0 && !selectedItem) {
+            locateTargetSelectedElement(navItems[0].itemId);
+        }
+    }, [selectedItem, navItems]);
+    const onItemSelectedHandler = (itemId, e) => {
+        const selectedItemEl = e.target;
+        if (selectedItemEl)
+            slideHighlightToSelectedItem(selectedItemEl, itemId);
+        selectedItemIdRef.current = itemId;
+        setSelected(itemId);
+        onItemSelected(itemId);
+    };
+    const isSelected = (itemId) => {
+        return selected === itemId;
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.ASNavBarStyled, { ref: navBarRef, className: `${className} ${size}`, theme: theme, ...options, children: [(0, jsx_runtime_1.jsx)(styles_1.ASSelectedBoxStyled, { ref: navBarHighlightBoxRef, theme: theme }), navItems.map((item, index) => ((0, jsx_runtime_1.jsx)(ASNavBarItem_1.default, { theme: theme, itemId: item.itemId, selected: isSelected(item.itemId), displayText: item.displayText, icon: item.icon, onItemClick: onItemSelectedHandler }, `key_${index}_${item.itemId}`)))] }));
+};
+exports.default = ASNavBar;

package/dist/asnavbar/ASNavBar.types.d.ts

@@ -0,0 +1,30 @@
+import { MouseEvent, PropsWithChildren } from 'react';
+import { ASComponentSize, ASStyleOptions, ASTheme } from '../apptypes';
+export type ASNavBarItemType = {
+    itemId: string;
+    displayText: string;
+    icon?: React.ReactNode;
+    theme?: ASTheme;
+    size?: ASComponentSize;
+};
+export type ASNavBarItemProps = {
+    className?: string;
+    theme?: ASTheme;
+    itemId: string;
+    displayText?: string;
+    selected?: boolean;
+    icon?: React.ReactNode;
+    size?: ASComponentSize;
+    onItemClick?: (id: string, e: MouseEvent) => void;
+};
+export type ASNavBarOwnProps = {
+    className?: string;
+    theme?: ASTheme;
+    selectedItem?: string;
+    onItemSelected?: (itemId: string) => void;
+    navItems?: ASNavBarItemType[];
+    size?: ASComponentSize;
+    options?: ASStyleOptions;
+};
+export type ASNavBarProps = PropsWithChildren<ASNavBarOwnProps>;
+//# sourceMappingURL=ASNavBar.types.d.ts.map

package/dist/asnavbar/ASNavBar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ASNavBar.types.d.ts","sourceRoot":"","sources":["../../src/asnavbar/ASNavBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/asnavbar/ASNavBar.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/asnavbar/ASNavBarItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ASNavBarItemProps } from './ASNavBar.types';
+declare const ASNavBarItem: React.FC<ASNavBarItemProps>;
+export default ASNavBarItem;
+//# sourceMappingURL=ASNavBarItem.d.ts.map

package/dist/asnavbar/ASNavBarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ASNavBarItem.d.ts","sourceRoot":"","sources":["../../src/asnavbar/ASNavBarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgC7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/asnavbar/ASNavBarItem.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("../asnavbar/styles");
+const astheme_1 = tslib_1.__importDefault(require("../astheme"));
+const ASNavBarItem = ({ className = '', theme = astheme_1.default, displayText = '---', icon, selected = false, itemId, onItemClick = () => undefined, }) => {
+    const navBarItemRef = (0, react_1.useRef)(null);
+    const onItemClickHandler = (e) => {
+        onItemClick(itemId, e);
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.ASNavBarItemStyled, { id: itemId, theme: theme, ref: navBarItemRef, className: className, "$selected": selected, onClick: onItemClickHandler, children: [icon && ((0, jsx_runtime_1.jsx)(styles_1.ASNavBarItemPadding, { theme: theme, "$selected": selected, "aria-invalid": true, "aria-hidden": true, children: icon })), displayText] }));
+};
+exports.default = ASNavBarItem;

package/dist/asnavbar/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './ASNavBar';
+export type { ASNavBarItemType, ASNavBarOwnProps, ASNavBarProps } from './ASNavBar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/asnavbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/asnavbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/asnavbar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+const tslib_1 = require("tslib");
+var ASNavBar_1 = require("./ASNavBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(ASNavBar_1).default; } });

package/dist/asnavbar/styles.d.ts

@@ -0,0 +1,32 @@
+import { ASTheme } from '../apptypes/ASUI.types';
+interface ASNavBarStyledProps {
+    theme: ASTheme;
+    $mobileMode?: boolean;
+    $gap?: number;
+    $maxWidth?: number;
+    $borderRadius?: number;
+    $padding?: string;
+}
+export declare const ASNavBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarStyledProps>> & string;
+interface ASNavBarSelectedBoxStyledProps {
+    theme: ASTheme;
+    $mobileMode?: boolean;
+    $height?: number;
+    $borderRadius?: number;
+}
+export declare const ASSelectedBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ASNavBarSelectedBoxStyledProps>> & string;
+interface ASNavBarItemStyledProps {
+    theme: ASTheme;
+    $mobileMode?: boolean;
+    $selected?: boolean;
+    $margin?: string;
+    $padding?: string;
+}
+export declare const ASNavBarItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarItemStyledProps>> & string;
+interface ASNavBarItemPaddingProps {
+    theme: ASTheme;
+    $selected?: boolean;
+}
+export declare const ASNavBarItemPadding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarItemPaddingProps>> & string;
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/dist/asnavbar/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asnavbar/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,wPAgC1B,CAAC;AAEF,UAAU,8BAA8B;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,qQAa/B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,kBAAkB,4PAoD9B,CAAC;AAEF,UAAU,wBAAwB;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,6PAiB/B,CAAC"}

package/dist/asnavbar/styles.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ASNavBarItemPadding = exports.ASNavBarItemStyled = exports.ASSelectedBoxStyled = exports.ASNavBarStyled = void 0;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const astheme_1 = tslib_1.__importDefault(require("../astheme"));
+exports.ASNavBarStyled = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: nowrap;
+  flex-direction: row;
+  position: relative;
+  gap: ${({ $gap = 30 }) => $gap}px;
+  width: fit-content;
+  max-width: ${({ $maxWidth = 800 }) => $maxWidth}px;
+  border-radius: ${({ $borderRadius = 6 }) => $borderRadius}px;
+  background-color: ${({ theme }) => theme.navbar.navBarBackgroundColor};
+  padding: ${({ $padding = '0 24px' }) => $padding};
+  box-shadow: ${({ theme }) => theme.navbar.navBarBoxShadow};
+
+  &.ASSmall {
+    height: 30px;
+    font-size: 1rem;
+    font-weight: 400;
+  }
+
+  &.ASMedium {
+    height: 40px;
+    font-size: 1.5rem;
+    font-weight: 500;
+  }
+
+  &.ASLarge {
+    height: 50px;
+    font-size: 2rem;
+    font-weight: 600;
+  }
+`;
+exports.ASSelectedBoxStyled = styled_components_1.default.span `
+  position: absolute;
+  height: 90%;
+  border-radius: ${({ $borderRadius = 4 }) => $borderRadius}px;
+  background-color: ${({ theme }) => theme.navbar.navBarSelectedBoxBackgroundColor};
+  z-index: 0;
+  left: 0;
+  transition: all 0.3s ease-in-out 0.1s allow-discrete;
+
+  @starting-style {
+    z-index: 0;
+    left: 0;
+  }
+`;
+exports.ASNavBarItemStyled = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: nowrap;
+  flex-direction: row;
+  transition: color 0.3s ease-in-out 0.1s;
+  text-transform: uppercase;
+  margin: ${({ $margin = '4px 0' }) => $margin};
+  padding: ${({ $padding = '0 8px' }) => $padding};
+  z-index: 1;
+  white-space: nowrap;
+  user-select: none;
+
+  &.ASSmall {
+    font-size: 1rem;
+    font-weight: 400;
+  }
+
+  &.ASMedium {
+    font-size: 1.5rem;
+    font-weight: 500;
+  }
+
+  &.ASLarge {
+    font-size: 2rem;
+    font-weight: 600;
+  }
+
+  ${({ $selected = false, theme = astheme_1.default }) => $selected
+    ? `
+    transition: all 0.3s ease-in-out 0.2s;
+    color: ${theme.navbar.navBarItemColorSelected};
+  `
+    : `color: ${theme.navbar.navBarItemColor};`}
+
+  @media (hover) {
+    &:hover {
+      ${({ $selected = false, theme = astheme_1.default }) => $selected
+    ? `color: ${theme.navbar.navBarItemColorSelected};`
+    : `cursor: pointer;
+        transition: color 0.3s ease-in-out;
+        color: ${theme.navbar.navBarItemColorHover};
+        & > div > div > svg > path {
+          stroke-width: 0.4;
+          stroke: ${theme.navbar.navBarItemColorHover};
+        }
+      `}
+    }
+  }
+`;
+exports.ASNavBarItemPadding = styled_components_1.default.div `
+  padding: 0 4px;
+  pointer-events: none;
+  user-select: none;
+  ${({ $selected = false, theme = astheme_1.default }) => $selected
+    ? `
+      & > div > svg > path {
+        stroke-width: 0.4;
+        stroke: ${theme.navbar.navBarItemColorSelected};
+      }`
+    : `
+      & > div > svg > path {
+        stroke-width: 0.4;
+        stroke: ${theme.navbar.navBarItemColor};
+      }
+  `};
+`;

package/dist/astheme/ASThemeDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAwEjD,QAAA,MAAM,cAAc,EAAE,OAgFrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAwEjD,QAAA,MAAM,cAAc,EAAE,OAyFrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/astheme/ASThemeDefault.js

@@ -144,6 +144,15 @@ const ASThemeDefault = {
         dropdownColorSelected: colors.mainGray33,
         dropdownColorDisabled: colors.mainGray99,
     },
+    navbar: {
+        navBarBackgroundColor: colors.mainGray33,
+        navBarBoxShadow: `1px 2px 2px 0 ${colors.mainBlack} inset, 0 1px 1px 0 ${colors.mainGray55}`,
+        navBarColor: colors.mainYellow,
+        navBarSelectedBoxBackgroundColor: colors.mainGold,
+        navBarItemColor: colors.mainGray81,
+        navBarItemColorHover: colors.mainGrayE0,
+        navBarItemColorSelected: colors.mainGray33,
+    },
     borderRadius: '35px',
 };
 exports.default = ASThemeDefault;

package/dist/icons/HeartIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconProps } from './Icons.types';
+declare const HeartIcon: React.FC<IconProps>;
+export default HeartIcon;
+//# sourceMappingURL=HeartIcon.d.ts.map

package/dist/icons/HeartIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeartIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HeartIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAuB1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/icons/HeartIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
+const styles_1 = require("./styles");
+const HeartIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, ...props }) => ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "m11.97 21.73-1.53-1.37q-2.67-2.4-4.41-4.14T3.26 13.09Q2.23 11.7 1.82 10.54T1.41 8.16q0-2.48 1.66-4.14t4.14-1.66q1.37 0 2.61.58t2.14 1.64q.9-1.06 2.14-1.64t2.61-.58q2.48 0 4.14 1.66t1.66 4.14q0 1.21-.41 2.38t-1.42 2.55q-1.03 1.38-2.77 3.12T13.5 20.36l-1.53 1.37Zm0-2.85q2.53-2.27 4.17-3.89t2.59-2.82 1.32-2.14.37-1.86q0-1.58-1.06-2.64t-2.64-1.06q-1.24 0-2.3.7T12.98 6.95h-2.01q-.4-1.08-1.45-1.78t-2.3-.7q-1.58 0-2.64 1.06T3.52 8.17q0 .92.37 1.86t1.32 2.14q.95 1.2 2.59 2.82t4.17 3.89Zm0-7.21Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity }) }));
+const HeartIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(HeartIconSvg, {}) }));
+};
+exports.default = HeartIcon;

package/dist/icons/ReplayIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconProps } from './Icons.types';
+declare const ReplayIcon: React.FC<IconProps>;
+export default ReplayIcon;
+//# sourceMappingURL=ReplayIcon.d.ts.map

package/dist/icons/ReplayIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReplayIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ReplayIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAuB1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/icons/ReplayIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
+const styles_1 = require("./styles");
+const ReplayIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, ...props }) => ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.9 22.9q-1.97 0-3.69-.75t-2.99-2.02q-1.27-1.27-2.02-2.99t-.75-3.69h2.1q0 3.07 2.14 5.21T11.9 20.8q3.07 0 5.21-2.14t2.14-5.21-2.14-5.21T11.9 6.1h-.16l1.63 1.63-1.47 1.52-4.2-4.2 4.2-4.2 1.47 1.52L11.74 4h.16q1.97 0 3.69.75t2.99 2.02T20.6 9.76t.75 3.69q0 1.97-.75 3.69t-2.02 2.99q-1.27 1.27-2.99 2.02t-3.69.75Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity }) }));
+const ReplayIcon = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(ReplayIconSvg, {}) }));
+};
+exports.default = ReplayIcon;

package/dist/icons/index.d.ts

@@ -28,6 +28,8 @@ export * from './GamesIcon';
 export { default as GamesIcon } from './GamesIcon';
 export * from './GearUserIcon';
 export { default as GearUserIcon } from './GearUserIcon';
+export * from './HeartIcon';
+export { default as HeartIcon } from './HeartIcon';
 export * from './HexagonIcon';
 export { default as HexagonIcon } from './HexagonIcon';
 export * from './HomeIcon';
@@ -40,6 +42,8 @@ export * from './PenIcon';
 export { default as PenIcon } from './PenIcon';
 export * from './PodiumIcon';
 export { default as PodiumIcon } from './PodiumIcon';
+export * from './ReplayIcon';
+export { default as ReplayIcon } from './ReplayIcon';
 export * from './RulerIcon';
 export { default as RulerIcon } from './RulerIcon';
 export * from './SaveIcon';

package/dist/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"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"}

package/dist/icons/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.StatsIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PodiumIcon = exports.PenIcon = exports.PasswordIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmailIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.CalendarRangeIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASIcon = void 0;
+exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.StatsIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.ReplayIcon = exports.PodiumIcon = exports.PenIcon = exports.PasswordIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.HeartIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmailIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.CalendarRangeIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASIcon = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./ASIcon"), exports);
 var ASIcon_1 = require("./ASIcon");
@@ -47,6 +47,9 @@ Object.defineProperty(exports, "GamesIcon", { enumerable: true, get: function ()
 tslib_1.__exportStar(require("./GearUserIcon"), exports);
 var GearUserIcon_1 = require("./GearUserIcon");
 Object.defineProperty(exports, "GearUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GearUserIcon_1).default; } });
+tslib_1.__exportStar(require("./HeartIcon"), exports);
+var HeartIcon_1 = require("./HeartIcon");
+Object.defineProperty(exports, "HeartIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HeartIcon_1).default; } });
 tslib_1.__exportStar(require("./HexagonIcon"), exports);
 var HexagonIcon_1 = require("./HexagonIcon");
 Object.defineProperty(exports, "HexagonIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HexagonIcon_1).default; } });
@@ -65,6 +68,9 @@ Object.defineProperty(exports, "PenIcon", { enumerable: true, get: function () {
 tslib_1.__exportStar(require("./PodiumIcon"), exports);
 var PodiumIcon_1 = require("./PodiumIcon");
 Object.defineProperty(exports, "PodiumIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(PodiumIcon_1).default; } });
+tslib_1.__exportStar(require("./ReplayIcon"), exports);
+var ReplayIcon_1 = require("./ReplayIcon");
+Object.defineProperty(exports, "ReplayIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(ReplayIcon_1).default; } });
 tslib_1.__exportStar(require("./RulerIcon"), exports);
 var RulerIcon_1 = require("./RulerIcon");
 Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(RulerIcon_1).default; } });

package/dist/index.d.ts

@@ -1,8 +1,7 @@
-export { ComponentSize } from './apptypes/ASUI.types';
 export * from './icons/Icons.types';
 export type { IconProps } from './icons/Icons.types';
 export * from './apptypes/ASUI.types';
-export { LoaderType } from './apptypes/ASUI.types';
+export { ComponentSize, LoaderType } from './apptypes/ASUI.types';
 export type { ASButtonTheme, ASColorTheme, ASComponentSize, ASLoaderTheme, ASLoaderType, ASPaddingSize, ASTextFieldTheme, ASTheme, SizeToClsType, } from './apptypes/ASUI.types';
 export { default as ASThemeDefault } from './astheme/ASThemeDefault';
 export { default as AddItemIcon } from './icons/AddItemIcon';
@@ -20,11 +19,13 @@ export { default as EyeSlashIcon } from './icons/EyeSlashIcon';
 export { default as FootballIcon } from './icons/FootballIcon';
 export { default as GamesIcon } from './icons/GamesIcon';
 export { default as GearUserIcon } from './icons/GearUserIcon';
+export { default as HeartIcon } from './icons/HeartIcon';
 export { default as HexagonIcon } from './icons/HexagonIcon';
 export { default as HomeIcon } from './icons/HomeIcon';
 export { default as LockIcon } from './icons/LockIcon';
 export { default as PenIcon } from './icons/PenIcon';
 export { default as PodiumIcon } from './icons/PodiumIcon';
+export { default as ReplayIcon } from './icons/ReplayIcon';
 export { default as RulerIcon } from './icons/RulerIcon';
 export { default as SaveIcon } from './icons/SaveIcon';
 export { default as SearchIcon } from './icons/SearchIcon';
@@ -38,6 +39,9 @@ export type { ASDropdownProps } from './asdropdown';
 export { default as ASDropdown } from './asdropdown/ASDropdown';
 export type { ASLoaderProps } from './asloader';
 export { default as ASLoader } from './asloader/ASLoader';
+export type { ASNavBarItemType, ASNavBarOwnProps, ASNavBarProps } from './asnavbar';
+export { default as ASNavBar } from './asnavbar/ASNavBar';
+export { default as ASNavBarItem } from './asnavbar/ASNavBarItem';
 export type { ASTextFieldProps } from './astextfield';
 export { default as ASTextField } from './astextfield/ASTextField';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAElE,YAAY,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,aAAa,EACb,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,aAAa,GACd,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE1D,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE1D,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAElE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ASTextField = exports.ASLoader = exports.ASDropdown = exports.ASButton = exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.StatsIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PodiumIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmailIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.CalendarRangeIcon = exports.ASIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASThemeDefault = exports.LoaderType = exports.ComponentSize = void 0;
+exports.ASTextField = exports.ASNavBarItem = exports.ASNavBar = exports.ASLoader = exports.ASDropdown = exports.ASButton = exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.StatsIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.ReplayIcon = exports.PodiumIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.HeartIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmailIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.CalendarRangeIcon = exports.ASIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASThemeDefault = exports.LoaderType = exports.ComponentSize = void 0;
 const tslib_1 = require("tslib");
-var ASUI_types_1 = require("./apptypes/ASUI.types");
-Object.defineProperty(exports, "ComponentSize", { enumerable: true, get: function () { return ASUI_types_1.ComponentSize; } });
 tslib_1.__exportStar(require("./icons/Icons.types"), exports);
 tslib_1.__exportStar(require("./apptypes/ASUI.types"), exports);
-var ASUI_types_2 = require("./apptypes/ASUI.types");
-Object.defineProperty(exports, "LoaderType", { enumerable: true, get: function () { return ASUI_types_2.LoaderType; } });
+var ASUI_types_1 = require("./apptypes/ASUI.types");
+Object.defineProperty(exports, "ComponentSize", { enumerable: true, get: function () { return ASUI_types_1.ComponentSize; } });
+Object.defineProperty(exports, "LoaderType", { enumerable: true, get: function () { return ASUI_types_1.LoaderType; } });
 var ASThemeDefault_1 = require("./astheme/ASThemeDefault");
 Object.defineProperty(exports, "ASThemeDefault", { enumerable: true, get: function () { return tslib_1.__importDefault(ASThemeDefault_1).default; } });
 var AddItemIcon_1 = require("./icons/AddItemIcon");
@@ -40,6 +39,8 @@ var GamesIcon_1 = require("./icons/GamesIcon");
 Object.defineProperty(exports, "GamesIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GamesIcon_1).default; } });
 var GearUserIcon_1 = require("./icons/GearUserIcon");
 Object.defineProperty(exports, "GearUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GearUserIcon_1).default; } });
+var HeartIcon_1 = require("./icons/HeartIcon");
+Object.defineProperty(exports, "HeartIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HeartIcon_1).default; } });
 var HexagonIcon_1 = require("./icons/HexagonIcon");
 Object.defineProperty(exports, "HexagonIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HexagonIcon_1).default; } });
 var HomeIcon_1 = require("./icons/HomeIcon");
@@ -50,6 +51,8 @@ var PenIcon_1 = require("./icons/PenIcon");
 Object.defineProperty(exports, "PenIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(PenIcon_1).default; } });
 var PodiumIcon_1 = require("./icons/PodiumIcon");
 Object.defineProperty(exports, "PodiumIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(PodiumIcon_1).default; } });
+var ReplayIcon_1 = require("./icons/ReplayIcon");
+Object.defineProperty(exports, "ReplayIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(ReplayIcon_1).default; } });
 var RulerIcon_1 = require("./icons/RulerIcon");
 Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(RulerIcon_1).default; } });
 var SaveIcon_1 = require("./icons/SaveIcon");
@@ -70,5 +73,9 @@ var ASDropdown_1 = require("./asdropdown/ASDropdown");
 Object.defineProperty(exports, "ASDropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(ASDropdown_1).default; } });
 var ASLoader_1 = require("./asloader/ASLoader");
 Object.defineProperty(exports, "ASLoader", { enumerable: true, get: function () { return tslib_1.__importDefault(ASLoader_1).default; } });
+var ASNavBar_1 = require("./asnavbar/ASNavBar");
+Object.defineProperty(exports, "ASNavBar", { enumerable: true, get: function () { return tslib_1.__importDefault(ASNavBar_1).default; } });
+var ASNavBarItem_1 = require("./asnavbar/ASNavBarItem");
+Object.defineProperty(exports, "ASNavBarItem", { enumerable: true, get: function () { return tslib_1.__importDefault(ASNavBarItem_1).default; } });
 var ASTextField_1 = require("./astextfield/ASTextField");
 Object.defineProperty(exports, "ASTextField", { enumerable: true, get: function () { return tslib_1.__importDefault(ASTextField_1).default; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eleventheye/asui",
-  "version": "2.4.0",
+  "version": "2.5.1",
   "private": false,
   "description": "AS UI React Library by eleventheye (another one!)",
   "keywords": [
@@ -77,6 +77,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rimraf": "^6.0.1",
-    "styled-components": "^6.1.17"
+    "styled-components": "^6.1.17",
+    "uuid": "11.1.0"
   }
 }