npm - alicia-design-system - Versions diffs - 1.76.16 → 1.77.0 - Mend

alicia-design-system 1.76.16 → 1.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/dist/cjs/alicia/common/Sidebar/Sidebar.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import { FC } from "react";
+export declare const Sidebar: FC<SidebarProps>;
+export type SidebarProps = {
+    menu: MenuItem[];
+    activeRoute: string;
+    colors: NavbarColors;
+    onClick: (route: string) => void;
+};
+type MenuItem = {
+    id: string;
+    label: string;
+    route?: string;
+    icon?: React.ReactNode;
+    subMenu?: SubMenuItem[];
+};
+type SubMenuItem = {
+    id: string;
+    label: string;
+    route: string;
+    icon?: React.ReactNode;
+};
+type NavbarColors = {
+    navbarBackgroundColor?: string;
+    menuItemBackgroundColor?: string;
+    menuItemTextColor?: string;
+    menuItemActiveTextColor?: string;
+    menuItemActiveBackgroundColor?: string;
+    menuItemHoverTextColor?: string;
+    menuItemHoverBackgroundColor?: string;
+};
+export {};

package/dist/cjs/alicia/common/Sidebar/Sidebar.js ADDED Viewed

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const polished_1 = require("polished");
+const react_2 = require("react");
+const framer_motion_1 = require("framer-motion");
+const icons_1 = require("@chakra-ui/icons");
+const Sidebar = ({ menu, colors, onClick, activeRoute }) => {
+    const [openParentId, setOpenParentId] = (0, react_2.useState)(undefined);
+    const onNavItemClick = (value, type, parent) => {
+        if (type === NavItemTypeEnum.HAS_CHILDREN) {
+            setOpenParentId(openParentId === value ? undefined : value);
+        }
+        else {
+            setOpenParentId(parent);
+            onClick(value);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: "100%", px: (0, polished_1.rem)(24), pt: (0, polished_1.rem)(45), flexDirection: "column", gap: (0, polished_1.rem)(12) }, { children: menu.map((item) => {
+            return ((0, jsx_runtime_1.jsx)(ListItem, Object.assign({}, item, { colors: colors, activeRoute: activeRoute, onClick: onNavItemClick, openParentMenuId: openParentId }), item.id));
+        }) })));
+};
+exports.Sidebar = Sidebar;
+const ListItem = ({ id, label, route, icon, subMenu, colors, activeRoute, onClick, openParentMenuId }) => {
+    const isActive = route === activeRoute;
+    const isActiveSubMenu = subMenu && subMenu.length > 0 && subMenu.some((item) => item.route === activeRoute);
+    const container = {
+        hidden: { y: -50, opacity: 0, zIndex: -1 },
+        show: {
+            y: [-50, 0, 0],
+            opacity: [0, 1],
+            zIndex: 0,
+            transition: {
+                duration: 0.5,
+            },
+        },
+    };
+    const onNavItemClick = (value) => {
+        if (subMenu && subMenu.length > 0) {
+            onClick(value, NavItemTypeEnum.HAS_CHILDREN);
+        }
+        else {
+            onClick(value, NavItemTypeEnum.HAS_NO_CHILDREN);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(NavItem, { id: id, label: label, route: route, icon: icon, colors: colors, isActive: isActive || (isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false), onClick: onNavItemClick, hasSubMenu: subMenu && subMenu.length > 0, isOpen: openParentMenuId === id || isActiveSubMenu }), ((isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false) || openParentMenuId === id) && subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, Object.assign({ mode: "wait", initial: true }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, Object.assign({ variants: container, initial: "hidden", animate: "show", style: { width: '100%' } }, { children: (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: "100%", flexDir: "column", mt: (0, polished_1.rem)(8), pl: (0, polished_1.rem)(24), gap: (0, polished_1.rem)(12) }, { children: subMenu.map((item) => ((0, jsx_runtime_1.jsx)(NavItem, Object.assign({}, item, { colors: colors, isActive: item.route === activeRoute, onClick: (e) => onClick(e, NavItemTypeEnum.HAS_NO_CHILDREN, id) }), item.id))) })) })) })))] })));
+};
+const NavItem = ({ id, label, route, icon, colors, isActive, onClick, hasSubMenu = false, isOpen }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: "100%", px: (0, polished_1.rem)(12), rounded: "full", sx: {
+            py: hasSubMenu ? (0, polished_1.rem)(8) : (0, polished_1.rem)(12),
+            cursor: 'pointer',
+            border: `${!hasSubMenu ? (0, polished_1.rem)(1) : 0} solid ${isActive ? (_a = colors.menuItemActiveBackgroundColor) !== null && _a !== void 0 ? _a : 'transparent' : (_b = colors.menuItemTextColor) !== null && _b !== void 0 ? _b : '#E5E5E5'}`,
+            backgroundColor: hasSubMenu ? "transparent" : isActive ? (_c = colors.menuItemActiveBackgroundColor) !== null && _c !== void 0 ? _c : "transparent" : (_d = colors.menuItemBackgroundColor) !== null && _d !== void 0 ? _d : '#FFFFFF',
+            color: isActive ? (_e = colors.menuItemActiveTextColor) !== null && _e !== void 0 ? _e : "13100D" : (_f = colors.menuItemTextColor) !== null && _f !== void 0 ? _f : '#13100D',
+            fontWeight: hasSubMenu ? "bold" : "500",
+            _hover: {
+                bg: hasSubMenu ? "transparent" : isActive ? (_g = colors.menuItemBackgroundColor) !== null && _g !== void 0 ? _g : '#FFFFFF' : (_h = colors.menuItemHoverBackgroundColor) !== null && _h !== void 0 ? _h : 'transparent',
+                color: (_j = colors.menuItemHoverTextColor) !== null && _j !== void 0 ? _j : '#13100D',
+                border: `${!hasSubMenu ? (0, polished_1.rem)(1) : 0} solid ${isActive ? (_k = colors.menuItemTextColor) !== null && _k !== void 0 ? _k : 'transparent' : (_l = colors.menuItemHoverBackgroundColor) !== null && _l !== void 0 ? _l : 'transparent'}`,
+            }
+        }, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { children: [!hasSubMenu && icon, (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ pl: icon ? (0, polished_1.rem)(12) : 0, fontSize: (0, polished_1.rem)(14), lineHeight: (0, polished_1.rem)(20) }, { children: label }))] }), hasSubMenu && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ ml: (0, polished_1.rem)(12), mt: (0, polished_1.rem)(2) }, { children: isOpen ? (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, {}) : (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, {}) })))] })) })));
+};
+var NavItemTypeEnum;
+(function (NavItemTypeEnum) {
+    NavItemTypeEnum[NavItemTypeEnum["HAS_CHILDREN"] = 0] = "HAS_CHILDREN";
+    NavItemTypeEnum[NavItemTypeEnum["HAS_NO_CHILDREN"] = 1] = "HAS_NO_CHILDREN";
+})(NavItemTypeEnum || (NavItemTypeEnum = {}));
+//# sourceMappingURL=Sidebar.js.map

package/dist/cjs/alicia/common/Sidebar/Sidebar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/alicia/common/Sidebar/Sidebar.spec.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ import '@testing-library/jest-dom';

package/dist/cjs/alicia/common/Sidebar/Sidebar.spec.js ADDED Viewed

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const index_1 = require("./index");
+const SupportIcon_1 = require("../icons/SupportIcon");
+const data = {
+    menu: [{
+            id: "dashboard",
+            label: "Dashboard",
+            route: "/dashboard",
+            icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+        },
+        {
+            id: "partnerAdmin",
+            label: "Partner Admin",
+            route: "/partner-admin",
+        },
+        {
+            id: "generalAdmin",
+            label: "General Admin",
+            route: "/general-admin",
+        },
+        {
+            id: "claims",
+            label: "Claims",
+            subMenu: [
+                {
+                    id: "claimsOverview",
+                    label: "Claims Overview",
+                    route: "/claims-overview",
+                    icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+                },
+                {
+                    id: "claimsDetails",
+                    label: "Claims details",
+                    route: "/claims-details",
+                    icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+                }
+            ]
+        },
+        {
+            id: "access",
+            label: "Access management",
+            subMenu: [
+                {
+                    id: "accessOverview",
+                    label: "Access Overview",
+                    route: "/access-overview",
+                    icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+                },
+                {
+                    id: "accessDetails",
+                    label: "Access details",
+                    route: "/access-details",
+                    icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+                }
+            ]
+        }
+    ],
+    activeRoute: "/dashboard",
+    colors: {
+        menuItemBackgroundColor: "transparent",
+        menuItemTextColor: "#13100D",
+        menuItemActiveBackgroundColor: "#EBFF00",
+        menuItemActiveTextColor: "13100D",
+        menuItemHoverBackgroundColor: "rgba(0, 0, 0, 0.05)",
+        menuItemHoverTextColor: "#13100D",
+    },
+};
+describe("Sidebar component testing with testing-library", () => {
+    it("renders without crashing", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Sidebar, Object.assign({}, data, { onClick: jest.fn() })));
+        expect(component).toBeTruthy();
+    });
+});
+//# sourceMappingURL=Sidebar.spec.js.map

package/dist/cjs/alicia/common/Sidebar/Sidebar.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Sidebar.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,qCAAmC;AACnC,mCAAkC;AAClC,sDAAmD;AAEnD,MAAM,IAAI,GAAE;IACV,IAAI,EAAE,CAAC;YACL,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;SACrC;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;aACF;SACF;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;aACF;SACF;KACA;IACD,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE;QACN,uBAAuB,EAAE,aAAa;QACtC,iBAAiB,EAAE,SAAS;QAC5B,6BAA6B,EAAE,SAAS;QACxC,uBAAuB,EAAE,QAAQ;QACjC,4BAA4B,EAAE,qBAAqB;QACnD,sBAAsB,EAAE,SAAS;KAClC;CACF,CAAA;AAGD,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC9D,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,eAAO,oBAAK,IAAI,IAAE,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAEpE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/alicia/common/Sidebar/Sidebar.stories.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").FC<import("./Sidebar").SidebarProps>>;
+export default _default;
+export declare const Primary: ComponentStory<import("react").FC<import("./Sidebar").SidebarProps>>;

package/dist/cjs/alicia/common/Sidebar/Sidebar.stories.js ADDED Viewed

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const polished_1 = require("polished");
+const react_2 = require("react");
+const SupportIcon_1 = require("../icons/SupportIcon");
+const Sidebar_1 = require("./Sidebar");
+exports.default = {
+    title: "Alicia/common/Sidebar",
+    component: Sidebar_1.Sidebar,
+};
+const Template = (args) => {
+    const [activeRoute, setActiveRoute] = (0, react_2.useState)("/dashboard");
+    return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ maxW: (0, polished_1.rem)(300) }, { children: (0, jsx_runtime_1.jsx)(Sidebar_1.Sidebar, Object.assign({}, args, { activeRoute: activeRoute, onClick: (e) => setActiveRoute(e) })) })));
+};
+exports.Primary = Template.bind({});
+exports.Primary.args = {
+    menu: [{
+            id: "dashboard",
+            label: "Dashboard",
+            route: "/dashboard",
+            icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+        },
+        {
+            id: "partnerAdmin",
+            label: "Partner Admin",
+            route: "/partner-admin",
+        },
+        {
+            id: "generalAdmin",
+            label: "General Admin",
+            route: "/general-admin",
+        },
+        {
+            id: "claims",
+            label: "Claims",
+            subMenu: [
+                {
+                    id: "claimsOverview",
+                    label: "Claims Overview",
+                    route: "/claims-overview",
+                    icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+                },
+                {
+                    id: "claimsDetails",
+                    label: "Claims details",
+                    route: "/claims-details",
+                    icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+                }
+            ]
+        },
+        {
+            id: "access",
+            label: "Access management",
+            subMenu: [
+                {
+                    id: "accessOverview",
+                    label: "Access Overview",
+                    route: "/access-overview",
+                    icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+                },
+                {
+                    id: "accessDetails",
+                    label: "Access details",
+                    route: "/access-details",
+                    icon: (0, jsx_runtime_1.jsx)(SupportIcon_1.SupportIcon, { fill: "#006A70" })
+                }
+            ]
+        }
+    ],
+    activeRoute: "/dashboard",
+    colors: {
+        menuItemBackgroundColor: "transparent",
+        menuItemTextColor: "#13100D",
+        menuItemActiveBackgroundColor: "#EBFF00",
+        menuItemActiveTextColor: "13100D",
+        menuItemHoverBackgroundColor: "rgba(0, 0, 0, 0.05)",
+        menuItemHoverTextColor: "#13100D",
+    },
+};
+//# sourceMappingURL=Sidebar.stories.js.map

package/dist/cjs/alicia/common/Sidebar/Sidebar.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AAExC,uCAA+B;AAC/B,iCAAiC;AACjC,sDAAmD;AACnD,uCAAoC;AAEpC,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,iBAAO;CACc,CAAC;AAEnC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,YAAY,CAAC,CAAC;IAErE,OAAO,CACL,uBAAC,YAAI,kBAAC,IAAI,EAAE,IAAA,cAAG,EAAC,GAAG,CAAC,gBAClB,uBAAC,iBAAO,oBACF,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,IACjC,IACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,CAAC;YACL,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;SACrC;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;aACF;SACF;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,uBAAC,yBAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;aACF;SACF;KACA;IACD,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE;QACN,uBAAuB,EAAE,aAAa;QACtC,iBAAiB,EAAE,SAAS;QAC5B,6BAA6B,EAAE,SAAS;QACxC,uBAAuB,EAAE,QAAQ;QACjC,4BAA4B,EAAE,qBAAqB;QACnD,sBAAsB,EAAE,SAAS;KAClC;CACF,CAAC"}

package/dist/cjs/alicia/common/Sidebar/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Sidebar } from './Sidebar';

package/dist/cjs/alicia/common/Sidebar/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+var Sidebar_1 = require("./Sidebar");
+Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return Sidebar_1.Sidebar; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/alicia/common/Sidebar/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/index.tsx"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

package/dist/cjs/alicia/common/icons/PlusIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const PlusIcon: ({ fillColor }: {
+    fillColor?: string | undefined;
+}) => import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps>;

package/dist/cjs/alicia/common/icons/PlusIcon.js ADDED Viewed

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlusIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@chakra-ui/icons");
+const PlusIcon = ({ fillColor }) => (0, icons_1.createIcon)({
+    displayName: "PlusIcon",
+    viewBox: "0 0 22 22",
+    path: ((0, jsx_runtime_1.jsx)("path", { d: "M11.6145 16.2607L11.1725 16.2607L11.1725 11.3109L6.2228 11.3109L6.2228 10.869L11.1725 10.869L11.1725 5.91925L11.6145 5.91925L11.6145 10.869L16.5642 10.869L16.5642 11.3109L11.6145 11.3109L11.6145 16.2607Z", fill: fillColor })),
+});
+exports.PlusIcon = PlusIcon;
+//# sourceMappingURL=PlusIcon.js.map

package/dist/cjs/alicia/common/icons/PlusIcon.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"PlusIcon.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/PlusIcon.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAEvC,MAAM,QAAQ,GAAI,CAAC,EAAE,SAAS,EAA2B,EAAE,EAAE,CAAC,IAAA,kBAAU,EAAC;IAC5E,WAAW,EAAE,UAAU;IACvB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,CACF,iCACI,CAAC,EAAC,6MAA6M,EAC/M,IAAI,EAAE,SAAS,GACjB,CACL;CACJ,CAAC,CAAC;AATU,QAAA,QAAQ,YASlB"}

package/dist/cjs/alicia/common/icons/index.d.ts CHANGED Viewed

@@ -24,3 +24,4 @@ export * from "./EllipseEmptyIcon";
 export * from "./UnderlineIcon";
 export * from "./TextBackdrop";
 export * from "./SearchIcon";
+export * from "./PlusIcon";

package/dist/cjs/alicia/common/icons/index.js CHANGED Viewed

@@ -40,4 +40,5 @@ __exportStar(require("./EllipseEmptyIcon"), exports);
 __exportStar(require("./UnderlineIcon"), exports);
 __exportStar(require("./TextBackdrop"), exports);
 __exportStar(require("./SearchIcon"), exports);
+__exportStar(require("./PlusIcon"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/alicia/common/icons/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,4CAA0B;AAC1B,+CAA6B;AAC7B,6CAA2B;AAC3B,gDAA8B;AAC9B,kDAAgC;AAChC,oDAAkC;AAClC,8CAA4B;AAC5B,iDAA+B;AAC/B,kDAAgC;AAChC,qDAAmC;AACnC,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,qDAAmC;AACnC,2DAAyC;AACzC,6CAA2B;AAC3B,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,8CAA4B;AAC5B,gDAA8B;AAC9B,qDAAmC;AACnC,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,4CAA0B;AAC1B,+CAA6B;AAC7B,6CAA2B;AAC3B,gDAA8B;AAC9B,kDAAgC;AAChC,oDAAkC;AAClC,8CAA4B;AAC5B,iDAA+B;AAC/B,kDAAgC;AAChC,qDAAmC;AACnC,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,qDAAmC;AACnC,2DAAyC;AACzC,6CAA2B;AAC3B,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,8CAA4B;AAC5B,gDAA8B;AAC9B,qDAAmC;AACnC,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B;AAC7B,6CAA2B"}

package/dist/cjs/index.d.ts CHANGED Viewed

@@ -21,3 +21,4 @@ export * from "./alicia/common/HeaderNavigation";
 export * from "./alicia/common/StepsProgressBar";
 export * from "./types";
 export * from "./alicia/common/SupportMenu";
+export * from "./alicia/common/Sidebar";

package/dist/cjs/index.js CHANGED Viewed

@@ -37,4 +37,5 @@ __exportStar(require("./alicia/common/HeaderNavigation"), exports);
 __exportStar(require("./alicia/common/StepsProgressBar"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./alicia/common/SupportMenu"), exports);
+__exportStar(require("./alicia/common/Sidebar"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,2DAAyC;AACzC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAC3C,6DAA2C;AAC3C,uDAAqC;AACrC,mEAAiD;AACjD,wDAAsC;AACtC,0DAAwC;AACxC,yDAAuC;AACvC,4DAA0C;AAC1C,oEAAkD;AAClD,0DAAwC;AACxC,uDAAqC;AACrC,8DAA4C;AAC5C,yDAAuC;AACvC,yDAAuC;AACvC,uDAAqC;AACrC,mEAAiD;AACjD,mEAAiD;AACjD,0CAAwB;AACxB,8DAA4C"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,2DAAyC;AACzC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAC3C,6DAA2C;AAC3C,uDAAqC;AACrC,mEAAiD;AACjD,wDAAsC;AACtC,0DAAwC;AACxC,yDAAuC;AACvC,4DAA0C;AAC1C,oEAAkD;AAClD,0DAAwC;AACxC,uDAAqC;AACrC,8DAA4C;AAC5C,yDAAuC;AACvC,yDAAuC;AACvC,uDAAqC;AACrC,mEAAiD;AACjD,mEAAiD;AACjD,0CAAwB;AACxB,8DAA4C;AAC5C,0DAAwC"}

package/dist/esm/alicia/common/Sidebar/Sidebar.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import { FC } from "react";
+export declare const Sidebar: FC<SidebarProps>;
+export type SidebarProps = {
+    menu: MenuItem[];
+    activeRoute: string;
+    colors: NavbarColors;
+    onClick: (route: string) => void;
+};
+type MenuItem = {
+    id: string;
+    label: string;
+    route?: string;
+    icon?: React.ReactNode;
+    subMenu?: SubMenuItem[];
+};
+type SubMenuItem = {
+    id: string;
+    label: string;
+    route: string;
+    icon?: React.ReactNode;
+};
+type NavbarColors = {
+    navbarBackgroundColor?: string;
+    menuItemBackgroundColor?: string;
+    menuItemTextColor?: string;
+    menuItemActiveTextColor?: string;
+    menuItemActiveBackgroundColor?: string;
+    menuItemHoverTextColor?: string;
+    menuItemHoverBackgroundColor?: string;
+};
+export {};

package/dist/esm/alicia/common/Sidebar/Sidebar.js ADDED Viewed

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Text } from '@chakra-ui/react';
+import { rem } from 'polished';
+import { useState } from "react";
+import { AnimatePresence, motion } from 'framer-motion';
+import { ChevronDownIcon, ChevronUpIcon } from '@chakra-ui/icons';
+export const Sidebar = ({ menu, colors, onClick, activeRoute }) => {
+    const [openParentId, setOpenParentId] = useState(undefined);
+    const onNavItemClick = (value, type, parent) => {
+        if (type === NavItemTypeEnum.HAS_CHILDREN) {
+            setOpenParentId(openParentId === value ? undefined : value);
+        }
+        else {
+            setOpenParentId(parent);
+            onClick(value);
+        }
+    };
+    return (_jsx(Flex, Object.assign({ w: "100%", px: rem(24), pt: rem(45), flexDirection: "column", gap: rem(12) }, { children: menu.map((item) => {
+            return (_jsx(ListItem, Object.assign({}, item, { colors: colors, activeRoute: activeRoute, onClick: onNavItemClick, openParentMenuId: openParentId }), item.id));
+        }) })));
+};
+const ListItem = ({ id, label, route, icon, subMenu, colors, activeRoute, onClick, openParentMenuId }) => {
+    const isActive = route === activeRoute;
+    const isActiveSubMenu = subMenu && subMenu.length > 0 && subMenu.some((item) => item.route === activeRoute);
+    const container = {
+        hidden: { y: -50, opacity: 0, zIndex: -1 },
+        show: {
+            y: [-50, 0, 0],
+            opacity: [0, 1],
+            zIndex: 0,
+            transition: {
+                duration: 0.5,
+            },
+        },
+    };
+    const onNavItemClick = (value) => {
+        if (subMenu && subMenu.length > 0) {
+            onClick(value, NavItemTypeEnum.HAS_CHILDREN);
+        }
+        else {
+            onClick(value, NavItemTypeEnum.HAS_NO_CHILDREN);
+        }
+    };
+    return (_jsxs(Flex, Object.assign({ w: "100%", flexDirection: "column" }, { children: [_jsx(NavItem, { id: id, label: label, route: route, icon: icon, colors: colors, isActive: isActive || (isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false), onClick: onNavItemClick, hasSubMenu: subMenu && subMenu.length > 0, isOpen: openParentMenuId === id || isActiveSubMenu }), ((isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false) || openParentMenuId === id) && subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && (_jsx(AnimatePresence, Object.assign({ mode: "wait", initial: true }, { children: _jsx(motion.div, Object.assign({ variants: container, initial: "hidden", animate: "show", style: { width: '100%' } }, { children: _jsx(Flex, Object.assign({ w: "100%", flexDir: "column", mt: rem(8), pl: rem(24), gap: rem(12) }, { children: subMenu.map((item) => (_jsx(NavItem, Object.assign({}, item, { colors: colors, isActive: item.route === activeRoute, onClick: (e) => onClick(e, NavItemTypeEnum.HAS_NO_CHILDREN, id) }), item.id))) })) })) })))] })));
+};
+const NavItem = ({ id, label, route, icon, colors, isActive, onClick, hasSubMenu = false, isOpen }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    return (_jsx(Flex, Object.assign({ w: "100%", px: rem(12), rounded: "full", sx: {
+            py: hasSubMenu ? rem(8) : rem(12),
+            cursor: 'pointer',
+            border: `${!hasSubMenu ? rem(1) : 0} solid ${isActive ? (_a = colors.menuItemActiveBackgroundColor) !== null && _a !== void 0 ? _a : 'transparent' : (_b = colors.menuItemTextColor) !== null && _b !== void 0 ? _b : '#E5E5E5'}`,
+            backgroundColor: hasSubMenu ? "transparent" : isActive ? (_c = colors.menuItemActiveBackgroundColor) !== null && _c !== void 0 ? _c : "transparent" : (_d = colors.menuItemBackgroundColor) !== null && _d !== void 0 ? _d : '#FFFFFF',
+            color: isActive ? (_e = colors.menuItemActiveTextColor) !== null && _e !== void 0 ? _e : "13100D" : (_f = colors.menuItemTextColor) !== null && _f !== void 0 ? _f : '#13100D',
+            fontWeight: hasSubMenu ? "bold" : "500",
+            _hover: {
+                bg: hasSubMenu ? "transparent" : isActive ? (_g = colors.menuItemBackgroundColor) !== null && _g !== void 0 ? _g : '#FFFFFF' : (_h = colors.menuItemHoverBackgroundColor) !== null && _h !== void 0 ? _h : 'transparent',
+                color: (_j = colors.menuItemHoverTextColor) !== null && _j !== void 0 ? _j : '#13100D',
+                border: `${!hasSubMenu ? rem(1) : 0} solid ${isActive ? (_k = colors.menuItemTextColor) !== null && _k !== void 0 ? _k : 'transparent' : (_l = colors.menuItemHoverBackgroundColor) !== null && _l !== void 0 ? _l : 'transparent'}`,
+            }
+        }, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: _jsxs(Flex, Object.assign({ w: "100%", alignItems: "center" }, { children: [_jsxs(Flex, { children: [!hasSubMenu && icon, _jsx(Text, Object.assign({ pl: icon ? rem(12) : 0, fontSize: rem(14), lineHeight: rem(20) }, { children: label }))] }), hasSubMenu && (_jsx(Flex, Object.assign({ ml: rem(12), mt: rem(2) }, { children: isOpen ? _jsx(ChevronUpIcon, {}) : _jsx(ChevronDownIcon, {}) })))] })) })));
+};
+var NavItemTypeEnum;
+(function (NavItemTypeEnum) {
+    NavItemTypeEnum[NavItemTypeEnum["HAS_CHILDREN"] = 0] = "HAS_CHILDREN";
+    NavItemTypeEnum[NavItemTypeEnum["HAS_NO_CHILDREN"] = 1] = "HAS_NO_CHILDREN";
+})(NavItemTypeEnum || (NavItemTypeEnum = {}));
+//# sourceMappingURL=Sidebar.js.map

package/dist/esm/alicia/common/Sidebar/Sidebar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;IAClF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEhF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,IAAqB,EAAE,MAAe,EAAE,EAAE;QAC/E,IAAI,IAAI,KAAK,eAAe,CAAC,YAAY,EAAE;YACzC,eAAe,CAAC,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SAC7D;aAAM;YACL,eAAe,CAAC,MAAM,CAAC,CAAA;YACvB,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,IAAI,kBACH,CAAC,EAAC,MAAM,EACR,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EACX,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EACX,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,gBAEX,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,OAAO,CACL,KAAC,QAAQ,oBAEH,IAAI,IACR,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,cAAc,EACvB,gBAAgB,EAAE,YAAY,KALzB,IAAI,CAAC,EAAE,CAMZ,CACH,CAAA;QACH,CAAC,CAAC,IACG,CACR,CAAA;AACH,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAsB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC1H,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAC;IACvC,MAAM,eAAe,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC;IAE5G,MAAM,SAAS,GAAG;QAChB,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;QAC1C,IAAI,EAAE;YACJ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;YACd,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,MAAM,EAAE,CAAC;YACT,UAAU,EAAE;gBACV,QAAQ,EAAE,GAAG;aACd;SACF;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;QACvC,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACjC,OAAO,CAAC,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;SAC9C;aAAM;YACL,OAAO,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;SACjD;IACH,CAAC,CAAA;IAED,OAAO,CACL,MAAC,IAAI,kBACH,CAAC,EAAC,MAAM,EACR,aAAa,EAAC,QAAQ,iBACtB,KAAC,OAAO,IACN,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,IAAI,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,KAAK,CAAC,EAChD,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EACzC,MAAM,EAAE,gBAAgB,KAAK,EAAE,IAAI,eAAe,GAClD,EACD,CAAC,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,KAAK,CAAC,IAAI,gBAAgB,KAAK,EAAE,CAAC,IAAI,OAAO,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC,IAAI,CAC5F,KAAC,eAAe,kBAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,gBACxC,KAAC,MAAM,CAAC,GAAG,kBACT,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,gBAExB,KAAC,IAAI,kBACH,CAAC,EAAC,MAAM,EACR,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,EACV,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EACX,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,gBAEX,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACrB,KAAC,OAAO,oBAEF,IAAI,IACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW,EACpC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,eAAe,EAAE,EAAE,CAAC,KAJ1D,IAAI,CAAC,EAAE,CAKZ,CACH,CAAC,IACG,IACI,IACG,CACnB,KAEK,CACT,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAqB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;;IAEtH,OAAO,CACL,KAAC,IAAI,kBACH,CAAC,EAAC,MAAM,EACR,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EACX,OAAO,EAAC,MAAM,EACd,EAAE,EAAE;YACF,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACjC,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,QAAQ,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,6BAA6B,mCAAI,aAAa,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,iBAAiB,mCAAI,SAAS,EAAE;YACvJ,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,6BAA6B,mCAAI,aAAa,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,uBAAuB,mCAAI,SAAS;YAC5J,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,uBAAuB,mCAAI,QAAQ,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,iBAAiB,mCAAI,SAAS;YACpG,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;YACvC,MAAM,EAAE;gBACN,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,uBAAuB,mCAAI,SAAS,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,4BAA4B,mCAAI,aAAa;gBAC9I,KAAK,EAAE,MAAA,MAAM,CAAC,sBAAsB,mCAAI,SAAS;gBACjD,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,QAAQ,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,iBAAiB,mCAAI,aAAa,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,4BAA4B,mCAAI,aACzI,EAAE;aAEL;SACF,EACD,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAA,CAAC,CAAC,gBAEzD,MAAC,IAAI,kBAAC,CAAC,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,iBAChC,MAAC,IAAI,eACF,CAAC,UAAU,IAAI,IAAI,EACpB,KAAC,IAAI,kBAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,gBAAG,KAAK,IAAQ,IAC/E,EACN,UAAU,IAAI,CACb,KAAC,IAAI,kBAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,gBAC1B,MAAM,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,IAC5C,CACR,KACI,IACF,CAER,CAAA;AACH,CAAC,CAAA;AAqDD,IAAK,eAGJ;AAHD,WAAK,eAAe;IAClB,qEAAY,CAAA;IACZ,2EAAe,CAAA;AACjB,CAAC,EAHI,eAAe,KAAf,eAAe,QAGnB"}

package/dist/esm/alicia/common/Sidebar/Sidebar.spec.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ import '@testing-library/jest-dom';

package/dist/esm/alicia/common/Sidebar/Sidebar.spec.js ADDED Viewed

@@ -0,0 +1,76 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "@testing-library/react";
+import '@testing-library/jest-dom';
+import { Sidebar } from "./index";
+import { SupportIcon } from '../icons/SupportIcon';
+const data = {
+    menu: [{
+            id: "dashboard",
+            label: "Dashboard",
+            route: "/dashboard",
+            icon: _jsx(SupportIcon, { fill: "#006A70" })
+        },
+        {
+            id: "partnerAdmin",
+            label: "Partner Admin",
+            route: "/partner-admin",
+        },
+        {
+            id: "generalAdmin",
+            label: "General Admin",
+            route: "/general-admin",
+        },
+        {
+            id: "claims",
+            label: "Claims",
+            subMenu: [
+                {
+                    id: "claimsOverview",
+                    label: "Claims Overview",
+                    route: "/claims-overview",
+                    icon: _jsx(SupportIcon, { fill: "#006A70" })
+                },
+                {
+                    id: "claimsDetails",
+                    label: "Claims details",
+                    route: "/claims-details",
+                    icon: _jsx(SupportIcon, { fill: "#006A70" })
+                }
+            ]
+        },
+        {
+            id: "access",
+            label: "Access management",
+            subMenu: [
+                {
+                    id: "accessOverview",
+                    label: "Access Overview",
+                    route: "/access-overview",
+                    icon: _jsx(SupportIcon, { fill: "#006A70" })
+                },
+                {
+                    id: "accessDetails",
+                    label: "Access details",
+                    route: "/access-details",
+                    icon: _jsx(SupportIcon, { fill: "#006A70" })
+                }
+            ]
+        }
+    ],
+    activeRoute: "/dashboard",
+    colors: {
+        menuItemBackgroundColor: "transparent",
+        menuItemTextColor: "#13100D",
+        menuItemActiveBackgroundColor: "#EBFF00",
+        menuItemActiveTextColor: "13100D",
+        menuItemHoverBackgroundColor: "rgba(0, 0, 0, 0.05)",
+        menuItemHoverTextColor: "#13100D",
+    },
+};
+describe("Sidebar component testing with testing-library", () => {
+    it("renders without crashing", () => {
+        const component = render(_jsx(Sidebar, Object.assign({}, data, { onClick: jest.fn() })));
+        expect(component).toBeTruthy();
+    });
+});
+//# sourceMappingURL=Sidebar.spec.js.map

package/dist/esm/alicia/common/Sidebar/Sidebar.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Sidebar.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,IAAI,GAAE;IACV,IAAI,EAAE,CAAC;YACL,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;SACrC;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;aACF;SACF;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;aACF;SACF;KACA;IACD,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE;QACN,uBAAuB,EAAE,aAAa;QACtC,iBAAiB,EAAE,SAAS;QAC5B,6BAA6B,EAAE,SAAS;QACxC,uBAAuB,EAAE,QAAQ;QACjC,4BAA4B,EAAE,qBAAqB;QACnD,sBAAsB,EAAE,SAAS;KAClC;CACF,CAAA;AAGD,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC9D,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,OAAO,oBAAK,IAAI,IAAE,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAEpE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/alicia/common/Sidebar/Sidebar.stories.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").FC<import("./Sidebar").SidebarProps>>;
+export default _default;
+export declare const Primary: ComponentStory<import("react").FC<import("./Sidebar").SidebarProps>>;

package/dist/esm/alicia/common/Sidebar/Sidebar.stories.js ADDED Viewed

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex } from '@chakra-ui/react';
+import { rem } from 'polished';
+import { useState } from 'react';
+import { SupportIcon } from '../icons/SupportIcon';
+import { Sidebar } from "./Sidebar";
+export default {
+    title: "Alicia/common/Sidebar",
+    component: Sidebar,
+};
+const Template = (args) => {
+    const [activeRoute, setActiveRoute] = useState("/dashboard");
+    return (_jsx(Flex, Object.assign({ maxW: rem(300) }, { children: _jsx(Sidebar, Object.assign({}, args, { activeRoute: activeRoute, onClick: (e) => setActiveRoute(e) })) })));
+};
+export const Primary = Template.bind({});
+Primary.args = {
+    menu: [{
+            id: "dashboard",
+            label: "Dashboard",
+            route: "/dashboard",
+            icon: _jsx(SupportIcon, { fill: "#006A70" })
+        },
+        {
+            id: "partnerAdmin",
+            label: "Partner Admin",
+            route: "/partner-admin",
+        },
+        {
+            id: "generalAdmin",
+            label: "General Admin",
+            route: "/general-admin",
+        },
+        {
+            id: "claims",
+            label: "Claims",
+            subMenu: [
+                {
+                    id: "claimsOverview",
+                    label: "Claims Overview",
+                    route: "/claims-overview",
+                    icon: _jsx(SupportIcon, { fill: "#006A70" })
+                },
+                {
+                    id: "claimsDetails",
+                    label: "Claims details",
+                    route: "/claims-details",
+                    icon: _jsx(SupportIcon, { fill: "#006A70" })
+                }
+            ]
+        },
+        {
+            id: "access",
+            label: "Access management",
+            subMenu: [
+                {
+                    id: "accessOverview",
+                    label: "Access Overview",
+                    route: "/access-overview",
+                    icon: _jsx(SupportIcon, { fill: "#006A70" })
+                },
+                {
+                    id: "accessDetails",
+                    label: "Access details",
+                    route: "/access-details",
+                    icon: _jsx(SupportIcon, { fill: "#006A70" })
+                }
+            ]
+        }
+    ],
+    activeRoute: "/dashboard",
+    colors: {
+        menuItemBackgroundColor: "transparent",
+        menuItemTextColor: "#13100D",
+        menuItemActiveBackgroundColor: "#EBFF00",
+        menuItemActiveTextColor: "13100D",
+        menuItemHoverBackgroundColor: "rgba(0, 0, 0, 0.05)",
+        menuItemHoverTextColor: "#13100D",
+    },
+};
+//# sourceMappingURL=Sidebar.stories.js.map

package/dist/esm/alicia/common/Sidebar/Sidebar.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,OAAO;CACc,CAAC;AAEnC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,YAAY,CAAC,CAAC;IAErE,OAAO,CACL,KAAC,IAAI,kBAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,gBAClB,KAAC,OAAO,oBACF,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,IACjC,IACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,CAAC;YACL,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;SACrC;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;aACF;SACF;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,SAAS,GAAG;iBACrC;aACF;SACF;KACA;IACD,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE;QACN,uBAAuB,EAAE,aAAa;QACtC,iBAAiB,EAAE,SAAS;QAC5B,6BAA6B,EAAE,SAAS;QACxC,uBAAuB,EAAE,QAAQ;QACjC,4BAA4B,EAAE,qBAAqB;QACnD,sBAAsB,EAAE,SAAS;KAClC;CACF,CAAC"}

package/dist/esm/alicia/common/Sidebar/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Sidebar } from './Sidebar';

package/dist/esm/alicia/common/Sidebar/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Sidebar } from './Sidebar';
2	+ //# sourceMappingURL=index.js.map

package/dist/esm/alicia/common/Sidebar/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/alicia/common/icons/PlusIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const PlusIcon: ({ fillColor }: {
+    fillColor?: string | undefined;
+}) => import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps>;

package/dist/esm/alicia/common/icons/PlusIcon.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createIcon } from "@chakra-ui/icons";
+export const PlusIcon = ({ fillColor }) => createIcon({
+    displayName: "PlusIcon",
+    viewBox: "0 0 22 22",
+    path: (_jsx("path", { d: "M11.6145 16.2607L11.1725 16.2607L11.1725 11.3109L6.2228 11.3109L6.2228 10.869L11.1725 10.869L11.1725 5.91925L11.6145 5.91925L11.6145 10.869L16.5642 10.869L16.5642 11.3109L11.6145 11.3109L11.6145 16.2607Z", fill: fillColor })),
+});
+//# sourceMappingURL=PlusIcon.js.map

package/dist/esm/alicia/common/icons/PlusIcon.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"PlusIcon.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/PlusIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAI,CAAC,EAAE,SAAS,EAA2B,EAAE,EAAE,CAAC,UAAU,CAAC;IAC5E,WAAW,EAAE,UAAU;IACvB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,CACF,eACI,CAAC,EAAC,6MAA6M,EAC/M,IAAI,EAAE,SAAS,GACjB,CACL;CACJ,CAAC,CAAC"}

package/dist/esm/alicia/common/icons/index.d.ts CHANGED Viewed

@@ -24,3 +24,4 @@ export * from "./EllipseEmptyIcon";
 export * from "./UnderlineIcon";
 export * from "./TextBackdrop";
 export * from "./SearchIcon";
+export * from "./PlusIcon";

package/dist/esm/alicia/common/icons/index.js CHANGED Viewed

@@ -24,4 +24,5 @@ export * from "./EllipseEmptyIcon";
 export * from "./UnderlineIcon";
 export * from "./TextBackdrop";
 export * from "./SearchIcon";
+export * from "./PlusIcon";
 //# sourceMappingURL=index.js.map

package/dist/esm/alicia/common/icons/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/dist/esm/index.d.ts CHANGED Viewed

@@ -21,3 +21,4 @@ export * from "./alicia/common/HeaderNavigation";
 export * from "./alicia/common/StepsProgressBar";
 export * from "./types";
 export * from "./alicia/common/SupportMenu";
+export * from "./alicia/common/Sidebar";

package/dist/esm/index.js CHANGED Viewed

@@ -21,4 +21,5 @@ export * from "./alicia/common/HeaderNavigation";
 export * from "./alicia/common/StepsProgressBar";
 export * from "./types";
 export * from "./alicia/common/SupportMenu";
+export * from "./alicia/common/Sidebar";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,SAAS,CAAC;AACxB,cAAc,6BAA6B,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,SAAS,CAAC;AACxB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "alicia-design-system",
-  "version": "1.76.16",
+  "version": "1.77.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",