@shohojdhara/atomix 0.1.17 → 0.1.18

package/dist/js/chunks/cjs/202.9d3b1ef1eaa0d5c8a309.js

@@ -0,0 +1 @@
+"use strict";exports.id=202,exports.ids=[202],exports.modules={6202:(t,e,s)=>{s.r(e),s.d(e,{default:()=>S,initializeSteps:()=>l});var i=s(188);const n={activeIndex:0,vertical:!1};class c{selector;$element;options;$items;activeIndex;constructor(t,e={}){this.selector=t||i.UT.SELECTORS.STEPS,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...e},this.$items=null,this.activeIndex=this.options.activeIndex||0,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this.options.vertical&&!this.$element.classList.contains(i.UT.CLASSES.VERTICAL)&&this.$element.classList.add(i.UT.CLASSES.VERTICAL),this.setActive(this.activeIndex))}_initializeElements(){this.$element&&(this.$items=this.$element.querySelectorAll(i.UT.SELECTORS.ITEM))}setActive(t){this.$items&&t>=0&&this.$items.length>t&&(this.$items.forEach(((e,s)=>{t>s?(e.classList.add(i.UT.CLASSES.ACTIVE),e.classList.add(i.UT.CLASSES.COMPLETED)):s===t?(e.classList.add(i.UT.CLASSES.ACTIVE),e.classList.remove(i.UT.CLASSES.COMPLETED)):(e.classList.remove(i.UT.CLASSES.ACTIVE),e.classList.remove(i.UT.CLASSES.COMPLETED))})),this.activeIndex=t)}next(){(this.$items?.length||0)-1>this.activeIndex&&this.setActive(this.activeIndex+1)}previous(){this.activeIndex>0&&this.setActive(this.activeIndex-1)}destroy(){}}function l(t=i.UT.SELECTORS.STEPS,e={}){const s=[],n=document.querySelectorAll(t);return n.length?(n.forEach((t=>{try{const i=new c(t,e);s.push(i)}catch(i){}})),s):s}const S=c}};

package/dist/js/chunks/cjs/308.6ea9685ea38ead4120d0.js

@@ -0,0 +1 @@
+"use strict";exports.id=308,exports.ids=[308],exports.modules={3308:(e,t,s)=>{s.r(t),s.d(t,{default:()=>r,initializeUploads:()=>o});var i=s(188);const n={disabled:!1,maxSizeInMB:5,acceptedFileTypes:["application/pdf","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","image/jpeg","image/png"],multiple:!1};class l{selector;$element;$input;$button;$loader;$loaderTitle;$loaderProgress;$loaderClose;options;currentFile;dragCounter;constructor(e,t={}){this.selector=e||i.oH.SELECTORS.UPLOAD,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this.$input=null,this.$button=null,this.$loader=null,this.$loaderTitle=null,this.$loaderProgress=null,this.$loaderClose=null,this.currentFile=null,this.dragCounter=0,this._initialize()}_initialize(){this.$element&&(this._createHiddenInput(),this.$button=this.$element.querySelector(i.oH.SELECTORS.BUTTON),this.$loader=this.$element.querySelector(i.oH.SELECTORS.LOADER),this.$loaderTitle=this.$element?.querySelector(i.oH.SELECTORS.LOADER_TITLE),this.$loaderProgress=this.$element?.querySelector(i.oH.SELECTORS.LOADER_PROGRESS),this.$loaderClose=this.$element?.querySelector(i.oH.SELECTORS.LOADER_CLOSE),this.options.disabled&&this.disable(),this._setupEventListeners())}_createHiddenInput(){if(!this.$element)return;const e=document.createElement("input");e.type="file",e.style.display="none",e.accept=this.options.acceptedFileTypes?.join(",")||"",e.multiple=!!this.options.multiple,this.$element.appendChild(e),this.$input=e}_setupEventListeners(){this.$element&&this.$input&&this.$button&&(this.$button.addEventListener("click",this._handleButtonClick.bind(this)),this.$input.addEventListener("change",this._handleFileSelect.bind(this)),this.$element.addEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.addEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.addEventListener("dragover",this._handleDragOver.bind(this)),this.$element.addEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.addEventListener("click",this._handleClose.bind(this)))}_handleButtonClick(e){e.preventDefault(),this.$input&&!this.options.disabled&&this.$input.click()}_handleFileSelect(e){if(!this.$input?.files?.length)return;const t=Array.from(this.$input.files);this._processFiles(t)}_handleDragEnter(e){e.preventDefault(),this.options.disabled||(this.dragCounter++,1===this.dragCounter&&this.$element?.classList.add(i.oH.CLASSES.DRAGGING))}_handleDragLeave(e){e.preventDefault(),this.options.disabled||(this.dragCounter--,0===this.dragCounter&&this.$element?.classList.remove(i.oH.CLASSES.DRAGGING))}_handleDragOver(e){e.preventDefault()}_handleDrop(e){if(e.preventDefault(),this.options.disabled)return;if(this.dragCounter=0,this.$element?.classList.remove(i.oH.CLASSES.DRAGGING),!e.dataTransfer?.files.length)return;const t=Array.from(e.dataTransfer.files);this._processFiles(t)}_handleClose(e){e.preventDefault(),this.setStatus("idle"),this.setFile(null),this.$input&&(this.$input.value="")}_processFiles(e){if(!e.length)return;const t=(this.options.multiple?e:[e[0]]).filter((e=>this._validateFile(e)));t.length&&this.options.onFileSelect&&this.options.onFileSelect(t),t.length&&(this.setFile(t[0]),this._simulateUpload(t[0]))}_validateFile(e){return e.size>1024*(this.options.maxSizeInMB||5)*1024?(this.setStatus("error",`File too large. Maximum size is ${this.options.maxSizeInMB}MB.`),!1):!(this.options.acceptedFileTypes?.length&&!this.options.acceptedFileTypes.some((t=>{if(t.endsWith("/*")){const s=t.split("/")[0];return e.type.startsWith(s+"/")}return e.type===t})))||(this.setStatus("error","File type not supported."),!1)}_simulateUpload(e){this.setStatus("loading");let t=0;const s=setInterval((()=>{t+=5,100>t?(this.setProgress(t,Math.ceil((100-t)/5)+" seconds left"),this.options.onFileUpload&&this.options.onFileUpload(e,t)):(clearInterval(s),this.setStatus("success","Upload successful"),this.options.onFileUploadComplete&&this.options.onFileUploadComplete(e))}),500)}setFile(e){this.currentFile=e,e&&this.$loaderTitle&&(this.$loaderTitle.textContent=e.name)}setProgress(e,t){if(!this.$element||!this.$loaderProgress)return;this.$element.style.setProperty(i.oH.ATTRIBUTES.PERCENTAGE,""+e);const s=this.$element.querySelector(i.oH.SELECTORS.LOADER_PAR),n=this.$element.querySelector(i.oH.SELECTORS.LOADER_TIME);s&&(s.textContent=e+"%"),n&&t&&(n.textContent=t)}setStatus(e,t){if(this.$element){switch(this.$element.classList.remove(i.oH.CLASSES.LOADING,i.oH.CLASSES.SUCCESS,i.oH.CLASSES.ERROR),e){case"loading":this.$element.classList.add(i.oH.CLASSES.LOADING);break;case"success":this.$element.classList.add(i.oH.CLASSES.SUCCESS);break;case"error":this.$element.classList.add(i.oH.CLASSES.ERROR)}t&&this.$loaderProgress&&(this.$loaderProgress.textContent=t)}}disable(){this.$element&&this.$button&&(this.$element.classList.add(i.oH.CLASSES.DISABLED),this.$button.disabled=!0,this.options.disabled=!0)}enable(){this.$element&&this.$button&&(this.$element.classList.remove(i.oH.CLASSES.DISABLED),this.$button.disabled=!1,this.options.disabled=!1)}destroy(){this.$element&&this.$input&&this.$button&&(this.$button.removeEventListener("click",this._handleButtonClick.bind(this)),this.$input.removeEventListener("change",this._handleFileSelect.bind(this)),this.$element.removeEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.removeEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.removeEventListener("dragover",this._handleDragOver.bind(this)),this.$element.removeEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.removeEventListener("click",this._handleClose.bind(this)),this.$input.parentNode&&this.$input.parentNode.removeChild(this.$input))}}function o(e=i.oH.SELECTORS.UPLOAD,t={}){const s=[],n=document.querySelectorAll("string"==typeof e?e:i.oH.SELECTORS.UPLOAD);return n.length?(n.forEach((e=>{try{const i=new l(e,t);s.push(i)}catch(i){}})),s):s}const r=l}};

package/dist/js/chunks/cjs/54.73db6922594e421ba6b1.js

@@ -0,0 +1 @@
+"use strict";exports.id=54,exports.ids=[54],exports.modules={5054:(t,s,e)=>{e.r(s),e.d(s,{default:()=>o,initializeTabs:()=>l});var i=e(188);const n={navItems:i.wn.SELECTORS.NAV_ITEMS,navBtn:i.wn.SELECTORS.NAV_BTN,panels:i.wn.SELECTORS.PANELS,panelBodys:i.wn.SELECTORS.PANEL_BODIES,activeClass:i.wn.CLASSES.ACTIVE,activeIndex:i.wn.DEFAULTS.ACTIVE_INDEX};class a{selector;$element;options;$navItems;$panels;$panelBodys;constructor(t,s={}){this.selector=t||i.wn.SELECTORS.TAB,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...s},this.$navItems=null,this.$panels=null,this.$panelBodys=null,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this._showTab(this.options.activeIndex),this._bindEvents())}_initializeElements(){this.$element&&(this.$navItems=this.$element.querySelectorAll(this.options.navItems),this.$panels=this.$element.querySelectorAll(this.options.panels),this.$panelBodys=this.$element.querySelectorAll(this.options.panelBodys))}_bindEvents(){this.$navItems&&this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.addEventListener("click",(()=>this._handleTabClick(s)))}))}_handleTabClick(t){const s=t.dataset.tabindex;void 0!==s&&(this._hideAllTabs(),this._showTab(s))}_hideAllTabs(){this.$panels&&this.$navItems&&(this.$panels.forEach((t=>{t.style.height="0px",t.classList.remove(this.options.activeClass),t.style.opacity="0"})),this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.classList.remove(this.options.activeClass)})))}_showTab(t){this.$panels&&this.$navItems&&this.$panelBodys&&(this.$panels.forEach(((s,e)=>{if(s.dataset.tabindex==""+t){const t=this.$panelBodys?.[e];t&&(s.classList.add(this.options.activeClass),requestAnimationFrame((()=>{s.style.height=t.clientHeight+"px",s.style.opacity="1"})))}})),this.$navItems.forEach(((s,e)=>{const i=s.querySelector(this.options.navBtn);i&&i.dataset.tabindex==""+t&&i.classList.add(this.options.activeClass)})))}destroy(){this.$element&&this.$navItems&&this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.removeEventListener("click",(()=>this._handleTabClick(s)))}))}}function l(t=i.wn.SELECTORS.TAB,s={}){const e=[],n=document.querySelectorAll(t);return n.length?(n.forEach((t=>{try{const i=new a(t,s);e.push(i)}catch(i){}})),e):e}const o=a}};

package/dist/js/chunks/cjs/619.51feecaadcab819780d4.js

@@ -0,0 +1 @@
+"use strict";exports.id=619,exports.ids=[619],exports.modules={5619:(e,t,s)=>{s.r(t),s.d(t,{default:()=>c,initializeRivers:()=>r});var n=s(188);const i={center:!1,breakout:!1,reverse:!1,showOverlay:!0};class o{$element;options;constructor(e,t={}){this.$element=e,this.options={...i,...t},this.init()}init(){this.options.contentWidth&&this.$element.style.setProperty(n.zN.ATTRIBUTES.CONTENT_WIDTH,this.options.contentWidth),this.options.backgroundImageSrc&&this.setupBackgroundImage()}setupBackgroundImage(){if(!this.$element||!this.options.backgroundImageSrc)return;let e=this.$element.querySelector(n.zN.SELECTORS.BG);if(!e){e=document.createElement("div"),e.className=n.zN.SELECTORS.BG.replace(".","");const t=document.createElement("img");if(t.src=this.options.backgroundImageSrc,t.alt="Background",t.className=n.zN.SELECTORS.BG_IMAGE.replace(".",""),e.appendChild(t),this.options.showOverlay){const t=document.createElement("div");t.className=n.zN.SELECTORS.OVERLAY.replace(".",""),e.appendChild(t)}this.$element.firstChild?this.$element.insertBefore(e,this.$element.firstChild):this.$element.appendChild(e)}}destroy(){}}function r(e=n.zN.SELECTORS.RIVER,t={}){const s=[],i=document.querySelectorAll("string"==typeof e?e:n.zN.SELECTORS.RIVER);return i.length?(i.forEach((e=>{try{const n=new o(e,t);s.push(n)}catch(n){}})),s):s}const c=o}};

package/dist/js/chunks/cjs/690.90f6d11164081cbcbc4d.js

@@ -0,0 +1 @@
+"use strict";exports.id=690,exports.ids=[690],exports.modules={3690:(e,t,s)=>{s.r(t),s.d(t,{default:()=>l,initializeSectionIntros:()=>c});var i=s(188);const n={alignment:"left",showOverlay:!1,size:"md",skeleton:!1};class o{selector;$element;options;constructor(e,t={}){this.selector=e||i.DJ.SELECTORS.SECTION_INTRO,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this._initialize()}_initialize(){if(this.$element&&("center"!==this.options.alignment||this.$element.classList.contains(i.DJ.CLASSES.CENTER)||this.$element.classList.add(i.DJ.CLASSES.CENTER),"sm"!==this.options.size||this.$element.classList.contains(i.DJ.CLASSES.SMALL)?"lg"!==this.options.size||this.$element.classList.contains(i.DJ.CLASSES.LARGE)||this.$element.classList.add(i.DJ.CLASSES.LARGE):this.$element.classList.add(i.DJ.CLASSES.SMALL),this.options.backgroundImageSrc)){let e=this.$element.querySelector(".c-sectionintro__bg");if(!e){e=document.createElement("div"),e.className="c-sectionintro__bg";const t=document.createElement("img");if(t.className="c-sectionintro__bg-image",t.src=this.options.backgroundImageSrc,t.alt="Background",e.appendChild(t),this.options.showOverlay){const t=document.createElement("div");t.className="c-sectionintro__overlay",e.appendChild(t)}this.$element.insertBefore(e,this.$element.firstChild)}}}destroy(){if(this.$element&&(this.$element.classList.remove(i.DJ.CLASSES.CENTER),this.$element.classList.remove(i.DJ.CLASSES.SMALL),this.$element.classList.remove(i.DJ.CLASSES.LARGE),this.options.backgroundImageSrc)){const e=this.$element.querySelector(".c-sectionintro__bg");e&&this.$element.removeChild(e)}}}function c(e=i.DJ.SELECTORS.SECTION_INTRO,t={}){const s=[],n=document.querySelectorAll("string"==typeof e?e:i.DJ.SELECTORS.SECTION_INTRO);return n.length?(n.forEach((e=>{try{const i=new o(e,t);s.push(i)}catch(i){}})),s):s}const l=o}};

package/dist/js/chunks/cjs/894.24877561df336a8dfd14.js

@@ -0,0 +1 @@
+"use strict";exports.id=894,exports.ids=[894],exports.modules={3894:(s,t,e)=>{e.r(t),e.d(t,{default:()=>l,initializeTestimonials:()=>r});var i=e(188);const n={size:"",skeleton:!1};class o{selector;$element;options;constructor(s,t={}){this.selector=s||i.sr.SELECTORS.TESTIMONIAL,this.$element="string"==typeof s?document.querySelector(s):s,this.options={...n,...t},this._initialize()}_initialize(){this.$element&&("sm"!==this.options.size||this.$element.classList.contains(i.sr.CLASSES.SMALL)?"lg"!==this.options.size||this.$element.classList.contains(i.sr.CLASSES.LARGE)||this.$element.classList.add(i.sr.CLASSES.LARGE):this.$element.classList.add(i.sr.CLASSES.SMALL))}destroy(){}}function r(s=i.sr.SELECTORS.TESTIMONIAL,t={}){const e=[],n=document.querySelectorAll("string"==typeof s?s:i.sr.SELECTORS.TESTIMONIAL);return n.length?(n.forEach((s=>{try{const i=new o(s,t);e.push(i)}catch(i){}})),e):e}const l=o}};

package/dist/js/chunks/cjs/897.6c2a71fae95338890de7.js

@@ -0,0 +1 @@
+"use strict";exports.id=897,exports.ids=[897],exports.modules={897:(t,e,s)=>{s.r(e),s.d(e,{default:()=>h,initializeToggles:()=>l});var i=s(188);class n{element;isOn;constructor(t){this.element=t,this.isOn=!1,this._initialize()}_initialize(){this._bindEvents(),this.element.classList.contains(i.DR.CLASSES.IS_ON)&&(this.isOn=!0)}_bindEvents(){this.element.addEventListener("click",this._handleToggle.bind(this))}_handleToggle(){this.isOn?this.turnOff():this.turnOn()}turnOn(){this.element.classList.add(i.DR.CLASSES.IS_ON),this.isOn=!0,this.element.dispatchEvent(new CustomEvent("toggle:on",{bubbles:!0}))}turnOff(){this.element.classList.remove(i.DR.CLASSES.IS_ON),this.isOn=!1,this.element.dispatchEvent(new CustomEvent("toggle:off",{bubbles:!0}))}destroy(){this.element.removeEventListener("click",this._handleToggle)}}function l(){const t=[],e=document.querySelectorAll(i.DR.SELECTORS.TOGGLE);return e.length?(e.forEach((e=>{try{const s=new n(e);t.push(s)}catch(s){}})),t):t}const h=n}};

package/dist/types/components/{Navbar → Navigation/Menu}/MegaMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MegaMenuProps, MegaMenuColumnProps, MegaMenuLinkProps } from '../../lib/types/components';
+import { MegaMenuProps, MegaMenuColumnProps, MegaMenuLinkProps } from '../../../lib/types/components';
 export declare const MegaMenu: React.FC<MegaMenuProps>;
 export declare const MegaMenuColumn: React.FC<MegaMenuColumnProps>;
 export declare const MegaMenuLink: React.FC<MegaMenuLinkProps>;

package/dist/types/components/{Navbar → Navigation/Menu}/Menu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MenuProps, MenuItemProps } from '../../lib/types/components';
+import { MenuProps, MenuItemProps } from '../../../lib/types/components';
 export declare const Menu: React.FC<MenuProps>;
 export type { MenuProps, MenuItemProps, MenuDividerProps };
 export default Menu;

package/dist/types/components/Navigation/Nav/Nav.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { NavProps } from '../../../lib/types/components';
+/**
+ * Nav component provides a container for navigation items with proper alignment and accessibility.
+ *
+ * @example
+ * ```tsx
+ * <Nav alignment="center">
+ *   <NavItem href="/">Home</NavItem>
+ *   <NavItem href="/about">About</NavItem>
+ *   <NavDropdown title="Services">
+ *     <MenuItem href="/web">Web Design</MenuItem>
+ *     <MenuItem href="/mobile">Mobile Apps</MenuItem>
+ *   </NavDropdown>
+ * </Nav>
+ * ```
+ */
+export declare const Nav: React.ForwardRefExoticComponent<NavProps & React.RefAttributes<HTMLUListElement>>;
+export type { NavProps };
+export default Nav;

package/dist/types/components/{Navbar → Navigation/Nav}/NavDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavDropdownProps } from '../../lib/types/components';
+import { NavDropdownProps } from '../../../lib/types/components';
 export declare const NavDropdown: React.FC<NavDropdownProps>;
 export type { NavDropdownProps };
 export default NavDropdown;

package/dist/types/components/Navigation/Nav/NavItem.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { NavItemProps } from '../../../lib/types/components';
+/**
+ * NavItem component represents a single navigation item that can be a link, dropdown trigger, or mega menu trigger.
+ *
+ * @example
+ * ```tsx
+ * // Simple nav item
+ * <NavItem href="/about" active>About</NavItem>
+ *
+ * // Dropdown nav item
+ * <NavItem dropdown>
+ *   Services
+ *   <Menu>
+ *     <MenuItem href="/web">Web Design</MenuItem>
+ *     <MenuItem href="/mobile">Mobile Apps</MenuItem>
+ *   </Menu>
+ * </NavItem>
+ *
+ * // Mega menu nav item
+ * <NavItem megaMenu>
+ *   Products
+ *   <MegaMenu>
+ *     <MegaMenuColumn title="Web">
+ *       <MegaMenuLink href="/websites">Websites</MegaMenuLink>
+ *     </MegaMenuColumn>
+ *   </MegaMenu>
+ * </NavItem>
+ * ```
+ */
+export declare const NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLLIElement>>;
+export type { NavItemProps };
+export default NavItem;

package/dist/types/components/Navigation/Navbar/Navbar.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { NavbarProps } from '../../../lib/types/components';
+/**
+ * Navbar component provides a responsive navigation header with brand, navigation items,
+ * and collapsible mobile menu functionality.
+ *
+ * @example
+ * ```tsx
+ * <Navbar brand="My App" position="fixed" collapsible>
+ *   <Nav>
+ *     <NavItem href="/">Home</NavItem>
+ *     <NavItem href="/about">About</NavItem>
+ *   </Nav>
+ * </Navbar>
+ * ```
+ */
+export declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>>;
+export type { NavbarProps };
+export default Navbar;

package/dist/types/components/Navigation/SideMenu/SideMenu.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SideMenuProps } from '../../../lib/types/components';
+/**
+ * SideMenu component provides a collapsible navigation menu with title and menu items.
+ * Automatically collapses on mobile devices and can be toggled via a header button.
+ *
+ * @example
+ * ```tsx
+ * <SideMenu title="Navigation">
+ *   <SideMenuList>
+ *     <SideMenuItem href="/" active>Home</SideMenuItem>
+ *     <SideMenuItem href="/about">About</SideMenuItem>
+ *     <SideMenuItem href="/contact">Contact</SideMenuItem>
+ *   </SideMenuList>
+ * </SideMenu>
+ * ```
+ */
+export declare const SideMenu: React.ForwardRefExoticComponent<SideMenuProps & React.RefAttributes<HTMLDivElement>>;
+export type { SideMenuProps };
+export default SideMenu;

package/dist/types/components/Navigation/SideMenu/SideMenuItem.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { SideMenuItemProps } from '../../../lib/types/components';
+/**
+ * SideMenuItem component represents a single navigation item in a side menu.
+ * Can be rendered as a link or button with active and disabled states.
+ *
+ * @example
+ * ```tsx
+ * // As a link
+ * <SideMenuItem href="/about" active>About</SideMenuItem>
+ *
+ * // As a button
+ * <SideMenuItem onClick={() => console.log('clicked')}>
+ *   Click me
+ * </SideMenuItem>
+ *
+ * // With icon
+ * <SideMenuItem href="/settings" icon={<Icon name="Settings" />}>
+ *   Settings
+ * </SideMenuItem>
+ *
+ * // Disabled
+ * <SideMenuItem href="/disabled" disabled>
+ *   Disabled Item
+ * </SideMenuItem>
+ * ```
+ */
+export declare const SideMenuItem: React.ForwardRefExoticComponent<SideMenuItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export type { SideMenuItemProps };
+export default SideMenuItem;

package/dist/types/components/Navigation/SideMenu/SideMenuList.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SideMenuListProps } from '../../../lib/types/components';
+/**
+ * SideMenuList component provides a container for side menu items.
+ *
+ * @example
+ * ```tsx
+ * <SideMenuList>
+ *   <SideMenuItem href="/" active>Home</SideMenuItem>
+ *   <SideMenuItem href="/about">About</SideMenuItem>
+ *   <SideMenuItem href="/contact">Contact</SideMenuItem>
+ * </SideMenuList>
+ * ```
+ */
+export declare const SideMenuList: React.ForwardRefExoticComponent<SideMenuListProps & React.RefAttributes<HTMLUListElement>>;
+export type { SideMenuListProps };
+export default SideMenuList;

package/dist/types/components/Navigation/index.d.ts

@@ -0,0 +1,10 @@
+export { Navbar } from './Navbar/Navbar';
+export { Nav } from './Nav/Nav';
+export { NavItem } from './Nav/NavItem';
+export { NavDropdown } from './Nav/NavDropdown';
+export { Menu, MenuItem, MenuDivider } from './Menu/Menu';
+export { MegaMenu, MegaMenuColumn, MegaMenuLink } from './Menu/MegaMenu';
+export { SideMenu } from './SideMenu/SideMenu';
+export { SideMenuList } from './SideMenu/SideMenuList';
+export { SideMenuItem } from './SideMenu/SideMenuItem';
+export type { NavbarProps, NavProps, NavItemProps, NavDropdownProps, SideMenuProps, SideMenuListProps, SideMenuItemProps, } from '../../lib/types/components';

package/dist/types/components/index.d.ts

@@ -20,7 +20,7 @@ export * from './Icon/Icon';
 export * from './List/List';
 export * from './Messages/Messages';
 export * from './Modal/Modal';
-export * from './Navbar/Navbar';
+export * from './Navigation';
 export * from './Pagination/Pagination';
 export * from './PhotoViewer/PhotoViewer';
 export * from './Popover/Popover';

package/dist/types/lib/composables/index.d.ts

@@ -24,6 +24,7 @@ export * from './useRadio';
 export * from './useRating';
 export * from './useRiver';
 export * from './useSelect';
+export * from './useSideMenu';
 export * from './useSpinner';
 export * from './useTextarea';
 export * from './useTodo';

package/dist/types/lib/composables/useSideMenu.d.ts

@@ -0,0 +1,28 @@
+import { SideMenuProps, SideMenuItemProps } from '../types/components';
+/**
+ * SideMenu state and functionality
+ * @param initialProps - Initial side menu properties
+ * @returns SideMenu state and methods
+ */
+export declare function useSideMenu(initialProps?: Partial<SideMenuProps>): {
+    defaultProps: Partial<SideMenuProps>;
+    isOpenState: boolean;
+    wrapperRef: import("react").MutableRefObject<HTMLDivElement>;
+    innerRef: import("react").MutableRefObject<HTMLDivElement>;
+    generateSideMenuClass: (props: Partial<SideMenuProps & {
+        isOpen?: boolean;
+    }>) => string;
+    generateWrapperClass: () => string;
+    handleToggle: () => void;
+    getCurrentOpenState: () => boolean;
+};
+/**
+ * SideMenuItem state and functionality
+ * @param initialProps - Initial side menu item properties
+ * @returns SideMenuItem state and methods
+ */
+export declare function useSideMenuItem(initialProps?: Partial<SideMenuItemProps>): {
+    defaultProps: Partial<SideMenuItemProps>;
+    generateSideMenuItemClass: () => string;
+    handleClick: (handler?: (event: React.MouseEvent) => void) => (e: React.MouseEvent) => void;
+};

package/dist/types/lib/constants/components.d.ts

@@ -405,11 +405,38 @@ export declare const NAVBAR: {
         BRAND: string;
         COLLAPSE: string;
         TOGGLER: string;
+        TOGGLER_ICON: string;
     };
     CLASSES: {
+        BASE: string;
+        CONTAINER: string;
+        BRAND: string;
+        COLLAPSE: string;
+        TOGGLER: string;
+        TOGGLER_ICON: string;
         FIXED: string;
         FIXED_BOTTOM: string;
+        COLLAPSIBLE: string;
+        EXPANDED: string;
+        BACKDROP: string;
+    };
+    ATTRIBUTES: {
+        NAVBAR: string;
+        COLLAPSIBLE: string;
         EXPANDED: string;
+        POSITION: string;
+        BACKDROP: string;
+        AUTO_CLOSE: string;
+        KEYBOARD: string;
+    };
+    DEFAULTS: {
+        POSITION: string;
+        COLLAPSIBLE: boolean;
+        EXPANDED: boolean;
+        BACKDROP: boolean;
+        AUTO_CLOSE: boolean;
+        KEYBOARD: boolean;
+        ARIA_LABEL: string;
     };
 };
 /**
@@ -432,6 +459,51 @@ export declare const NAV: {
         DISABLED: string;
     };
 };
+/**
+ * SideMenu-specific constants
+ */
+export declare const SIDE_MENU: {
+    SELECTORS: {
+        SIDE_MENU: string;
+        WRAPPER: string;
+        INNER: string;
+        TITLE: string;
+        TOGGLER: string;
+        TOGGLER_ICON: string;
+        LIST: string;
+        ITEM: string;
+        LINK: string;
+        LINK_ICON: string;
+        LINK_TEXT: string;
+    };
+    CLASSES: {
+        BASE: string;
+        WRAPPER: string;
+        INNER: string;
+        TITLE: string;
+        TOGGLER: string;
+        TOGGLER_ICON: string;
+        LIST: string;
+        ITEM: string;
+        LINK: string;
+        LINK_ICON: string;
+        LINK_TEXT: string;
+        IS_OPEN: string;
+        ACTIVE: string;
+        DISABLED: string;
+    };
+    ATTRIBUTES: {
+        SIDE_MENU: string;
+        COLLAPSIBLE: string;
+        OPEN: string;
+        TITLE: string;
+    };
+    DEFAULTS: {
+        COLLAPSIBLE: boolean;
+        OPEN: boolean;
+        TOGGLE_ICON: string;
+    };
+};
 /**
  * EdgePanel-specific constants
  */

package/dist/types/lib/types/components.d.ts

@@ -332,6 +332,10 @@ export type NavbarPosition = 'static' | 'fixed' | 'fixed-bottom';
  * Nav item alignment options
  */
 export type NavAlignment = 'start' | 'center' | 'end';
+/**
+ * Nav variant options
+ */
+export type NavVariant = 'default' | 'float-top-center' | 'float-bottom-center';
 /**
  * Navbar component properties
  */
@@ -368,6 +372,26 @@ export interface NavbarProps extends BaseComponentProps {
      * Callback when expansion state changes
      */
     onToggle?: (expanded: boolean) => void;
+    /**
+     * Whether to show backdrop when expanded on mobile
+     */
+    backdrop?: boolean;
+    /**
+     * Whether to close navbar when clicking outside
+     */
+    closeOnOutsideClick?: boolean;
+    /**
+     * Whether to close navbar on escape key press
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Custom aria-label for the navigation
+     */
+    ariaLabel?: string;
+    /**
+     * ID for the navbar (used for accessibility)
+     */
+    id?: string;
 }
 /**
  * Nav component properties
@@ -381,6 +405,10 @@ export interface NavProps extends BaseComponentProps {
      * Alignment of nav items
      */
     alignment?: NavAlignment;
+    /**
+     * Nav variant (including float variants)
+     */
+    variant?: NavVariant;
 }
 /**
  * Nav item properties
@@ -517,6 +545,81 @@ export interface MegaMenuLinkProps extends BaseComponentProps {
      */
     onClick?: () => void;
 }
+/**
+ * SideMenu component properties
+ */
+export interface SideMenuProps extends BaseComponentProps {
+    /**
+     * Menu title displayed at the top
+     */
+    title?: ReactNode;
+    /**
+     * Menu content (typically SideMenuList components)
+     */
+    children: ReactNode;
+    /**
+     * Whether the menu is open (for controlled component)
+     */
+    isOpen?: boolean;
+    /**
+     * Callback when menu open state changes
+     */
+    onToggle?: (isOpen: boolean) => void;
+    /**
+     * Whether the menu is collapsible on mobile
+     */
+    collapsible?: boolean;
+    /**
+     * Custom toggle icon
+     */
+    toggleIcon?: ReactNode;
+    /**
+     * ID for the menu (used for accessibility)
+     */
+    id?: string;
+}
+/**
+ * SideMenuList component properties
+ */
+export interface SideMenuListProps extends BaseComponentProps {
+    /**
+     * List items (typically SideMenuItem components)
+     */
+    children: ReactNode;
+}
+/**
+ * SideMenuItem component properties
+ */
+export interface SideMenuItemProps extends BaseComponentProps {
+    /**
+     * Item content
+     */
+    children: ReactNode;
+    /**
+     * Item href (renders as link)
+     */
+    href?: string;
+    /**
+     * Item click handler (renders as button if no href)
+     */
+    onClick?: (event: React.MouseEvent) => void;
+    /**
+     * Whether this item is active/current
+     */
+    active?: boolean;
+    /**
+     * Optional icon for the item
+     */
+    icon?: ReactNode;
+    /**
+     * Link target attribute
+     */
+    target?: string;
+    /**
+     * Link rel attribute
+     */
+    rel?: string;
+}
 /**
  * EdgePanel position options
  */