@flipdish/ui-library 0.2.2 → 0.3.0

package/dist/components/organisms/SidebarNavigation/components/nav-list.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var navItem = require('./nav-item.cjs');
+
+const NavList = ({ activeUrl, items, className }) => {
+    const activeItem = items.find((item) => item.href === activeUrl || item.items?.some((subItem) => subItem.href === activeUrl));
+    return (jsxRuntime.jsx("ul", { className: cx.cx('flex flex-col px-4 pt-5', className), children: items.map((item, index) => {
+            if (item.divider) {
+                return (
+                // biome-ignore lint/suspicious/noArrayIndexKey: This is a key for a divider
+                jsxRuntime.jsx("li", { className: "w-full px-0.5 py-2", children: jsxRuntime.jsx("hr", { className: "h-px w-full border-none bg-border-secondary" }) }, index));
+            }
+            if (item.items?.length) {
+                return (jsxRuntime.jsxs("details", { open: activeItem?.href === item.href, className: "appearance-none py-0.25", children: [jsxRuntime.jsx(navItem.NavItemBase, { href: item.href, badge: item.badge, icon: item.icon, type: "collapsible", children: item.label }), jsxRuntime.jsx("dd", { children: jsxRuntime.jsx("ul", { className: "pb-1", children: item.items.map((childItem) => (jsxRuntime.jsx("li", { className: "py-0.25", children: jsxRuntime.jsx(navItem.NavItemBase, { href: childItem.href, badge: childItem.badge, type: "collapsible-child", current: activeUrl === childItem.href, children: childItem.label }) }, childItem.label))) }) })] }, item.label));
+            }
+            return (jsxRuntime.jsx("li", { className: "py-px", children: jsxRuntime.jsx(navItem.NavItemBase, { type: "link", badge: item.badge, icon: item.icon, href: item.href, current: activeUrl === item.href, children: item.label }) }, item.label));
+        }) }));
+};
+
+exports.NavList = NavList;
+//# sourceMappingURL=nav-list.cjs.map

package/dist/components/organisms/SidebarNavigation/components/nav-list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-list.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-list.tsx"],"sourcesContent":[null],"names":["_jsx","cx","_jsxs","NavItemBase"],"mappings":";;;;;;AAeO,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;AACvE,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAC3B,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,OAAqC,KAAK,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC,CAC7H;IAED,QACEA,uBAAI,SAAS,EAAEC,KAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzB,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB;;AAEE,gBAAAD,cAAA,CAAA,IAAA,EAAA,EAAgB,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAC5CA,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,6CAA6C,EAAA,CAAG,EAAA,EADvD,KAAK,CAET;YAET;AAEA,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;gBACtB,QACEE,eAAA,CAAA,SAAA,EAAA,EAA0B,IAAI,EAAE,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACjGF,cAAA,CAACG,mBAAW,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,aAAa,EAAA,QAAA,EACjF,IAAI,CAAC,KAAK,EAAA,CACC,EAEdH,cAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,MAAM,EAAA,QAAA,EACjB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,SAAsB,MACrCA,cAAA,CAAA,IAAA,EAAA,EAA0B,SAAS,EAAC,SAAS,EAAA,QAAA,EAC3CA,cAAA,CAACG,mBAAW,EAAA,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,EAAC,mBAAmB,EAAC,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC,IAAI,EAAA,QAAA,EACtH,SAAS,CAAC,KAAK,EAAA,CACJ,EAAA,EAHP,SAAS,CAAC,KAAK,CAInB,CACN,CAAC,EAAA,CACC,EAAA,CACF,CAAA,EAAA,EAfO,IAAI,CAAC,KAAK,CAgBd;YAEd;YAEA,QACEH,uBAAqB,SAAS,EAAC,OAAO,EAAA,QAAA,EACpCA,cAAA,CAACG,mBAAW,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC,IAAI,EAAA,QAAA,EAC3G,IAAI,CAAC,KAAK,EAAA,CACC,EAAA,EAHP,IAAI,CAAC,KAAK,CAId;QAET,CAAC,CAAC,EAAA,CACC;AAET;;;;"}

package/dist/components/organisms/SidebarNavigation/components/nav-list.d.ts

@@ -0,0 +1,12 @@
+import type { NavItemDividerType, NavItemType } from '../sidebarNavigation.types';
+interface NavListProps {
+    /** URL of the currently active item. */
+    activeUrl?: string;
+    /** Additional CSS classes to apply to the list. */
+    className?: string;
+    /** List of items to display. */
+    items: (NavItemType | NavItemDividerType)[];
+}
+export declare const NavList: ({ activeUrl, items, className }: NavListProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=nav-list.d.ts.map

package/dist/components/organisms/SidebarNavigation/components/nav-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGlF,UAAU,YAAY;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,CAAC,WAAW,GAAG,kBAAkB,CAAC,EAAE,CAAC;CAC7C;AAED,eAAO,MAAM,OAAO,GAAI,iCAAiC,YAAY,gCAiDpE,CAAC"}

package/dist/components/organisms/SidebarNavigation/components/nav-list.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { NavItemBase } from './nav-item.js';
+
+const NavList = ({ activeUrl, items, className }) => {
+    const activeItem = items.find((item) => item.href === activeUrl || item.items?.some((subItem) => subItem.href === activeUrl));
+    return (jsx("ul", { className: cx('flex flex-col px-4 pt-5', className), children: items.map((item, index) => {
+            if (item.divider) {
+                return (
+                // biome-ignore lint/suspicious/noArrayIndexKey: This is a key for a divider
+                jsx("li", { className: "w-full px-0.5 py-2", children: jsx("hr", { className: "h-px w-full border-none bg-border-secondary" }) }, index));
+            }
+            if (item.items?.length) {
+                return (jsxs("details", { open: activeItem?.href === item.href, className: "appearance-none py-0.25", children: [jsx(NavItemBase, { href: item.href, badge: item.badge, icon: item.icon, type: "collapsible", children: item.label }), jsx("dd", { children: jsx("ul", { className: "pb-1", children: item.items.map((childItem) => (jsx("li", { className: "py-0.25", children: jsx(NavItemBase, { href: childItem.href, badge: childItem.badge, type: "collapsible-child", current: activeUrl === childItem.href, children: childItem.label }) }, childItem.label))) }) })] }, item.label));
+            }
+            return (jsx("li", { className: "py-px", children: jsx(NavItemBase, { type: "link", badge: item.badge, icon: item.icon, href: item.href, current: activeUrl === item.href, children: item.label }) }, item.label));
+        }) }));
+};
+
+export { NavList };
+//# sourceMappingURL=nav-list.js.map

package/dist/components/organisms/SidebarNavigation/components/nav-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-list.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-list.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAeO,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;AACvE,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAC3B,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,OAAqC,KAAK,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC,CAC7H;IAED,QACEA,YAAI,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzB,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB;;AAEE,gBAAAA,GAAA,CAAA,IAAA,EAAA,EAAgB,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAC5CA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,6CAA6C,EAAA,CAAG,EAAA,EADvD,KAAK,CAET;YAET;AAEA,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;gBACtB,QACEC,IAAA,CAAA,SAAA,EAAA,EAA0B,IAAI,EAAE,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACjGD,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,aAAa,EAAA,QAAA,EACjF,IAAI,CAAC,KAAK,EAAA,CACC,EAEdA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,MAAM,EAAA,QAAA,EACjB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,SAAsB,MACrCA,GAAA,CAAA,IAAA,EAAA,EAA0B,SAAS,EAAC,SAAS,EAAA,QAAA,EAC3CA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,EAAC,mBAAmB,EAAC,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC,IAAI,EAAA,QAAA,EACtH,SAAS,CAAC,KAAK,EAAA,CACJ,EAAA,EAHP,SAAS,CAAC,KAAK,CAInB,CACN,CAAC,EAAA,CACC,EAAA,CACF,CAAA,EAAA,EAfO,IAAI,CAAC,KAAK,CAgBd;YAEd;YAEA,QACEA,YAAqB,SAAS,EAAC,OAAO,EAAA,QAAA,EACpCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC,IAAI,EAAA,QAAA,EAC3G,IAAI,CAAC,KAAK,EAAA,CACC,EAAA,EAHP,IAAI,CAAC,KAAK,CAId;QAET,CAAC,CAAC,EAAA,CACC;AAET;;;;"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo');
+var Input = require('@flipdish/ui-library/components/atoms/Input');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var react = require('motion/react');
+var React = require('react');
+var mobileHeader = require('./mobile-header.cjs');
+var navAccountCard = require('./nav-account-card.cjs');
+var navItem = require('./nav-item.cjs');
+var navList = require('./nav-list.cjs');
+
+const SidebarNavigationDualTier = ({ activeUrl, hideBorder, items, footerItems = [], featureCard }) => {
+    const activeItem = [...items, ...footerItems].find((item) => item.href === activeUrl || item.items?.some((subItem) => subItem.href === activeUrl));
+    const [currentItem, setCurrentItem] = React.useState(activeItem || items[1]);
+    const [isHovering, setIsHovering] = React.useState(false);
+    const isSecondarySidebarVisible = isHovering && Boolean(currentItem.items?.length);
+    const MAIN_SIDEBAR_WIDTH = 296;
+    const SECONDARY_SIDEBAR_WIDTH = 256;
+    const mainSidebar = (jsxRuntime.jsx("aside", { className: "group flex h-full max-h-full max-w-full overflow-y-auto bg-primary", children: jsxRuntime.jsxs("div", { style: {
+                '--width': `${MAIN_SIDEBAR_WIDTH}px`,
+            }, className: cx.cx('relative flex w-full flex-col border-r border-secondary pt-4 transition duration-300 lg:w-(--width) lg:pt-6', hideBorder && !isSecondarySidebarVisible && 'border-transparent'), children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-8" }), jsxRuntime.jsx(Input.Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg })] }), jsxRuntime.jsx(navList.NavList, { activeUrl: activeUrl, items: items, className: "lg:hidden" }), jsxRuntime.jsx("ul", { className: "mt-4 hidden flex-col px-4 lg:flex", children: items.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) }), jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-4 px-2 py-4 lg:px-4 lg:py-6", children: [footerItems.length > 0 && (jsxRuntime.jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) })), featureCard, jsxRuntime.jsx(navAccountCard.NavAccountCard, {})] })] }) }));
+    const secondarySidebar = (jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: isSecondarySidebarVisible && (jsxRuntime.jsx(react.motion.div, { initial: { width: 0, borderColor: 'var(--color-border-secondary)' }, animate: { width: SECONDARY_SIDEBAR_WIDTH, borderColor: 'var(--color-border-secondary)' }, exit: { width: 0, borderColor: 'rgba(0,0,0,0)', transition: { borderColor: { type: 'tween', delay: 0.05 } } }, transition: { type: 'spring', damping: 26, stiffness: 220, bounce: 0 }, className: cx.cx('relative h-full overflow-x-hidden overflow-y-auto bg-primary', !hideBorder && 'box-content border-r-[1.5px]'), children: jsxRuntime.jsx("ul", { style: { width: SECONDARY_SIDEBAR_WIDTH }, className: "flex h-full flex-col p-4 py-6", children: currentItem.items?.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { current: activeUrl === item.href, href: item.href, icon: item.icon, badge: item.badge, type: "link", children: item.label }) }, item.label + item.href))) }) })) }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { children: mainSidebar }), jsxRuntime.jsxs("div", { className: "z-50 hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex", onPointerEnter: () => setIsHovering(true), onPointerLeave: () => setIsHovering(false), children: [mainSidebar, secondarySidebar] }), jsxRuntime.jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH,
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
+};
+
+exports.SidebarNavigationDualTier = SidebarNavigationDualTier;
+//# sourceMappingURL=sidebar-dual-tier.cjs.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-dual-tier.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-dual-tier.tsx"],"sourcesContent":[null],"names":["useState","_jsx","_jsxs","cx","FlipdishLogo","Input","SearchLg","NavList","NavItemBase","NavAccountCard","AnimatePresence","motion","_Fragment","MobileNavigationHeader"],"mappings":"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"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { NavItemType } from '../sidebarNavigation.types';
+interface SidebarNavigationDualTierProps {
+    /** URL of the currently active item. */
+    activeUrl?: string;
+    /** Feature card to display. */
+    featureCard?: ReactNode;
+    /** List of items to display. */
+    items: NavItemType[];
+    /** List of footer items to display. */
+    footerItems?: NavItemType[];
+    /** Whether to hide the right side border. */
+    hideBorder?: boolean;
+}
+export declare const SidebarNavigationDualTier: ({ activeUrl, hideBorder, items, footerItems, featureCard }: SidebarNavigationDualTierProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-dual-tier.d.ts.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-dual-tier.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-dual-tier.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9D,UAAU,8BAA8B;IACtC,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,yBAAyB,GAAI,4DAAiE,8BAA8B,gCA0HxI,CAAC"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { SearchLg } from '@flipdish/ui-icons';
+import { FlipdishLogo } from '@flipdish/ui-library/components/atoms/FlipdishLogo';
+import { Input } from '@flipdish/ui-library/components/atoms/Input';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { AnimatePresence, motion } from 'motion/react';
+import { useState } from 'react';
+import { MobileNavigationHeader } from './mobile-header.js';
+import { NavAccountCard } from './nav-account-card.js';
+import { NavItemBase } from './nav-item.js';
+import { NavList } from './nav-list.js';
+
+const SidebarNavigationDualTier = ({ activeUrl, hideBorder, items, footerItems = [], featureCard }) => {
+    const activeItem = [...items, ...footerItems].find((item) => item.href === activeUrl || item.items?.some((subItem) => subItem.href === activeUrl));
+    const [currentItem, setCurrentItem] = useState(activeItem || items[1]);
+    const [isHovering, setIsHovering] = useState(false);
+    const isSecondarySidebarVisible = isHovering && Boolean(currentItem.items?.length);
+    const MAIN_SIDEBAR_WIDTH = 296;
+    const SECONDARY_SIDEBAR_WIDTH = 256;
+    const mainSidebar = (jsx("aside", { className: "group flex h-full max-h-full max-w-full overflow-y-auto bg-primary", children: jsxs("div", { style: {
+                '--width': `${MAIN_SIDEBAR_WIDTH}px`,
+            }, className: cx('relative flex w-full flex-col border-r border-secondary pt-4 transition duration-300 lg:w-(--width) lg:pt-6', hideBorder && !isSecondarySidebarVisible && 'border-transparent'), children: [jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsx(FlipdishLogo, { className: "h-8" }), jsx(Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: SearchLg })] }), jsx(NavList, { activeUrl: activeUrl, items: items, className: "lg:hidden" }), jsx("ul", { className: "mt-4 hidden flex-col px-4 lg:flex", children: items.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) }), jsxs("div", { className: "mt-auto flex flex-col gap-4 px-2 py-4 lg:px-4 lg:py-6", children: [footerItems.length > 0 && (jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) })), featureCard, jsx(NavAccountCard, {})] })] }) }));
+    const secondarySidebar = (jsx(AnimatePresence, { initial: false, children: isSecondarySidebarVisible && (jsx(motion.div, { initial: { width: 0, borderColor: 'var(--color-border-secondary)' }, animate: { width: SECONDARY_SIDEBAR_WIDTH, borderColor: 'var(--color-border-secondary)' }, exit: { width: 0, borderColor: 'rgba(0,0,0,0)', transition: { borderColor: { type: 'tween', delay: 0.05 } } }, transition: { type: 'spring', damping: 26, stiffness: 220, bounce: 0 }, className: cx('relative h-full overflow-x-hidden overflow-y-auto bg-primary', !hideBorder && 'box-content border-r-[1.5px]'), children: jsx("ul", { style: { width: SECONDARY_SIDEBAR_WIDTH }, className: "flex h-full flex-col p-4 py-6", children: currentItem.items?.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { current: activeUrl === item.href, href: item.href, icon: item.icon, badge: item.badge, type: "link", children: item.label }) }, item.label + item.href))) }) })) }));
+    return (jsxs(Fragment, { children: [jsx(MobileNavigationHeader, { children: mainSidebar }), jsxs("div", { className: "z-50 hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex", onPointerEnter: () => setIsHovering(true), onPointerLeave: () => setIsHovering(false), children: [mainSidebar, secondarySidebar] }), jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH,
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
+};
+
+export { SidebarNavigationDualTier };
+//# sourceMappingURL=sidebar-dual-tier.js.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-dual-tier.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-dual-tier.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo');
+var Input = require('@flipdish/ui-library/components/atoms/Input');
+var mobileHeader = require('./mobile-header.cjs');
+var navAccountCard = require('./nav-account-card.cjs');
+var navList = require('./nav-list.cjs');
+
+const SidebarNavigationSectionDividers = ({ activeUrl, items }) => {
+    const MAIN_SIDEBAR_WIDTH = 276;
+    const content = (jsxRuntime.jsxs("aside", { style: {
+            '--width': `${MAIN_SIDEBAR_WIDTH}px`,
+        }, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:pt-5 lg:ring-1", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-6" }), jsxRuntime.jsx(Input.Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, className: "md:hidden" }), jsxRuntime.jsx(Input.Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, className: "max-md:hidden" })] }), jsxRuntime.jsx(navList.NavList, { activeUrl: activeUrl, items: items }), jsxRuntime.jsx("div", { className: "mt-auto flex flex-col gap-5 px-2 py-4 lg:gap-6 lg:px-4 lg:py-4", children: jsxRuntime.jsx(navAccountCard.NavAccountCard, {}) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { children: content }), jsxRuntime.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex lg:py-1 lg:pl-1", children: content }), jsxRuntime.jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH + 4, // Add 4px to account for the padding in the sidebar wrapper
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
+};
+
+exports.SidebarNavigationSectionDividers = SidebarNavigationSectionDividers;
+//# sourceMappingURL=sidebar-section-dividers.cjs.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section-dividers.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-section-dividers.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","FlipdishLogo","Input","SearchLg","NavList","NavAccountCard","_Fragment","MobileNavigationHeader"],"mappings":";;;;;;;;;;AAkBO,MAAM,gCAAgC,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAyC,KAAI;IAC9G,MAAM,kBAAkB,GAAG,GAAG;AAE9B,IAAA,MAAM,OAAO,IACXA,eAAA,CAAA,OAAA,EAAA,EACE,KAAK,EACH;YACE,SAAS,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI;AACpB,SAAA,EAEpB,SAAS,EAAC,yKAAyK,aAEnLA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CC,cAAA,CAACC,yBAAY,IAAC,SAAS,EAAC,KAAK,EAAA,CAAG,EAGhCD,eAACE,WAAK,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAEC,gBAAQ,EAAE,SAAS,EAAC,WAAW,GAAG,EAGlGH,cAAA,CAACE,WAAK,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAEC,gBAAQ,EAAE,SAAS,EAAC,eAAe,EAAA,CAAG,CAAA,EAAA,CAC3G,EAENH,cAAA,CAACI,eAAO,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,EAE/CJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,YAC7EA,cAAA,CAACK,6BAAc,KAAG,EAAA,CACd,CAAA,EAAA,CACA,CACT;AAED,IAAA,QACEN,eAAA,CAAAO,mBAAA,EAAA,EAAA,QAAA,EAAA,CAEEN,cAAA,CAACO,mCAAsB,EAAA,EAAA,QAAA,EAAE,OAAO,GAA0B,EAG1DP,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAE,OAAO,GAAO,EAG/FA,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,oBAAA,WAAW,EAAE,kBAAkB,GAAG,CAAC;AACpC,iBAAA,EACD,SAAS,EAAC,oEAAoE,EAAA,CAC9E,CAAA,EAAA,CACD;AAEP;;;;"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.d.ts

@@ -0,0 +1,10 @@
+import type { NavItemDividerType, NavItemType } from '../sidebarNavigation.types';
+interface SidebarNavigationSectionDividersProps {
+    /** URL of the currently active item. */
+    activeUrl?: string;
+    /** List of items to display. */
+    items: (NavItemType | NavItemDividerType)[];
+}
+export declare const SidebarNavigationSectionDividers: ({ activeUrl, items }: SidebarNavigationSectionDividersProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-section-dividers.d.ts.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section-dividers.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-section-dividers.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAKlF,UAAU,qCAAqC;IAC7C,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,CAAC,WAAW,GAAG,kBAAkB,CAAC,EAAE,CAAC;CAC7C;AAED,eAAO,MAAM,gCAAgC,GAAI,sBAAsB,qCAAqC,gCA+C3G,CAAC"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { SearchLg } from '@flipdish/ui-icons';
+import { FlipdishLogo } from '@flipdish/ui-library/components/atoms/FlipdishLogo';
+import { Input } from '@flipdish/ui-library/components/atoms/Input';
+import { MobileNavigationHeader } from './mobile-header.js';
+import { NavAccountCard } from './nav-account-card.js';
+import { NavList } from './nav-list.js';
+
+const SidebarNavigationSectionDividers = ({ activeUrl, items }) => {
+    const MAIN_SIDEBAR_WIDTH = 276;
+    const content = (jsxs("aside", { style: {
+            '--width': `${MAIN_SIDEBAR_WIDTH}px`,
+        }, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:pt-5 lg:ring-1", children: [jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsx(FlipdishLogo, { className: "h-6" }), jsx(Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: SearchLg, className: "md:hidden" }), jsx(Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: SearchLg, className: "max-md:hidden" })] }), jsx(NavList, { activeUrl: activeUrl, items: items }), jsx("div", { className: "mt-auto flex flex-col gap-5 px-2 py-4 lg:gap-6 lg:px-4 lg:py-4", children: jsx(NavAccountCard, {}) })] }));
+    return (jsxs(Fragment, { children: [jsx(MobileNavigationHeader, { children: content }), jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex lg:py-1 lg:pl-1", children: content }), jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH + 4, // Add 4px to account for the padding in the sidebar wrapper
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
+};
+
+export { SidebarNavigationSectionDividers };
+//# sourceMappingURL=sidebar-section-dividers.js.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section-dividers.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-section-dividers.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;AAkBO,MAAM,gCAAgC,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAyC,KAAI;IAC9G,MAAM,kBAAkB,GAAG,GAAG;AAE9B,IAAA,MAAM,OAAO,IACXA,IAAA,CAAA,OAAA,EAAA,EACE,KAAK,EACH;YACE,SAAS,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI;AACpB,SAAA,EAEpB,SAAS,EAAC,yKAAyK,aAEnLA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CC,GAAA,CAAC,YAAY,IAAC,SAAS,EAAC,KAAK,EAAA,CAAG,EAGhCA,IAAC,KAAK,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,GAAG,EAGlGA,GAAA,CAAC,KAAK,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,eAAe,EAAA,CAAG,CAAA,EAAA,CAC3G,EAENA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,EAE/CA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,YAC7EA,GAAA,CAAC,cAAc,KAAG,EAAA,CACd,CAAA,EAAA,CACA,CACT;AAED,IAAA,QACED,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CAEED,GAAA,CAAC,sBAAsB,EAAA,EAAA,QAAA,EAAE,OAAO,GAA0B,EAG1DA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAE,OAAO,GAAO,EAG/FA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,oBAAA,WAAW,EAAE,kBAAkB,GAAG,CAAC;AACpC,iBAAA,EACD,SAAS,EAAC,oEAAoE,EAAA,CAC9E,CAAA,EAAA,CACD;AAEP;;;;"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo');
+var UtilityButton = require('@flipdish/ui-library/components/atoms/UtilityButton');
+var mobileHeader = require('./mobile-header.cjs');
+var navAccountCard = require('./nav-account-card.cjs');
+var navItem = require('./nav-item.cjs');
+
+const SidebarNavigationSectionsSubheadings = ({ activeUrl = '/', items }) => {
+    const MAIN_SIDEBAR_WIDTH = 276;
+    const content = (jsxRuntime.jsxs("aside", { style: {
+            '--width': `${MAIN_SIDEBAR_WIDTH}px`,
+        }, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:ring-1", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-5 px-4 lg:pl-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-6" }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Search", icon: uiIcons.SearchLg })] }), jsxRuntime.jsx("ul", { className: "mt-6 md:mt-5", children: items.map((group) => (jsxRuntime.jsxs("li", { children: [jsxRuntime.jsx("div", { className: "px-5 pb-1", children: jsxRuntime.jsx("p", { className: "text-xs font-bold text-quaternary uppercase", children: group.label }) }), jsxRuntime.jsx("ul", { className: "px-4 pb-5", children: group.items.map((item) => (jsxRuntime.jsx("li", { className: "py-0.25", children: jsxRuntime.jsx(navItem.NavItemBase, { icon: item.icon, href: item.href, badge: item.badge, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })] }, group.label))) }), jsxRuntime.jsx("div", { className: "mt-auto flex flex-col gap-5 px-2 py-4 lg:gap-6 lg:px-4 lg:py-4", children: jsxRuntime.jsx(navAccountCard.NavAccountCard, {}) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { children: content }), jsxRuntime.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex lg:py-1 lg:pl-1", children: content }), jsxRuntime.jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH + 4,
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
+};
+
+exports.SidebarNavigationSectionsSubheadings = SidebarNavigationSectionsSubheadings;
+//# sourceMappingURL=sidebar-sections-subheadings.cjs.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-sections-subheadings.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","FlipdishLogo","ButtonUtility","SearchLg","NavItemBase","NavAccountCard","_Fragment","MobileNavigationHeader"],"mappings":";;;;;;;;;;AAkBO,MAAM,oCAAoC,GAAG,CAAC,EAAE,SAAS,GAAG,GAAG,EAAE,KAAK,EAA6C,KAAI;IAC5H,MAAM,kBAAkB,GAAG,GAAG;AAE9B,IAAA,MAAM,OAAO,IACXA,eAAA,CAAA,OAAA,EAAA,EACE,KAAK,EACH;YACE,SAAS,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI;AACpB,SAAA,EAEpB,SAAS,EAAC,iKAAiK,EAAA,QAAA,EAAA,CAE3KA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CACnEC,cAAA,CAACC,yBAAY,EAAA,EAAC,SAAS,EAAC,KAAK,GAAG,EAChCD,cAAA,CAACE,2BAAa,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAEC,gBAAQ,GAAI,CAAA,EAAA,CACzE,EAENH,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,cAAc,EAAA,QAAA,EACzB,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,MACfD,eAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACxBA,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAK,EAAA,CACxE,EACNA,uBAAI,SAAS,EAAC,WAAW,EAAA,QAAA,EACtB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACpBA,cAAA,CAAA,IAAA,EAAA,EAAqB,SAAS,EAAC,SAAS,EAAA,QAAA,EACtCA,cAAA,CAACI,mBAAW,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,EAAA,QAAA,EAC3G,IAAI,CAAC,KAAK,EAAA,CACC,EAAA,EAHP,IAAI,CAAC,KAAK,CAId,CACN,CAAC,EAAA,CACC,CAAA,EAAA,EAZE,KAAK,CAAC,KAAK,CAaf,CACN,CAAC,EAAA,CACC,EAELJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,YAC7EA,cAAA,CAACK,6BAAc,KAAG,EAAA,CACd,CAAA,EAAA,CACA,CACT;AAED,IAAA,QACEN,eAAA,CAAAO,mBAAA,EAAA,EAAA,QAAA,EAAA,CAEEN,cAAA,CAACO,mCAAsB,EAAA,EAAA,QAAA,EAAE,OAAO,GAA0B,EAG1DP,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAE,OAAO,GAAO,EAG/FA,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;oBACL,WAAW,EAAE,kBAAkB,GAAG,CAAC;AACpC,iBAAA,EACD,SAAS,EAAC,oEAAoE,EAAA,CAC9E,CAAA,EAAA,CACD;AAEP;;;;"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.d.ts

@@ -0,0 +1,13 @@
+import type { NavItemType } from '../sidebarNavigation.types';
+interface SidebarNavigationSectionsSubheadingsProps {
+    /** URL of the currently active item. */
+    activeUrl?: string;
+    /** List of items to display. */
+    items: Array<{
+        label: string;
+        items: NavItemType[];
+    }>;
+}
+export declare const SidebarNavigationSectionsSubheadings: ({ activeUrl, items }: SidebarNavigationSectionsSubheadingsProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-sections-subheadings.d.ts.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-sections-subheadings.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,UAAU,yCAAyC;IACjD,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,oCAAoC,GAAI,sBAA4B,yCAAyC,gCA2DzH,CAAC"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { SearchLg } from '@flipdish/ui-icons';
+import { FlipdishLogo } from '@flipdish/ui-library/components/atoms/FlipdishLogo';
+import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
+import { MobileNavigationHeader } from './mobile-header.js';
+import { NavAccountCard } from './nav-account-card.js';
+import { NavItemBase } from './nav-item.js';
+
+const SidebarNavigationSectionsSubheadings = ({ activeUrl = '/', items }) => {
+    const MAIN_SIDEBAR_WIDTH = 276;
+    const content = (jsxs("aside", { style: {
+            '--width': `${MAIN_SIDEBAR_WIDTH}px`,
+        }, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:ring-1", children: [jsxs("div", { className: "flex items-center justify-between gap-5 px-4 lg:pl-5", children: [jsx(FlipdishLogo, { className: "h-6" }), jsx(ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Search", icon: SearchLg })] }), jsx("ul", { className: "mt-6 md:mt-5", children: items.map((group) => (jsxs("li", { children: [jsx("div", { className: "px-5 pb-1", children: jsx("p", { className: "text-xs font-bold text-quaternary uppercase", children: group.label }) }), jsx("ul", { className: "px-4 pb-5", children: group.items.map((item) => (jsx("li", { className: "py-0.25", children: jsx(NavItemBase, { icon: item.icon, href: item.href, badge: item.badge, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })] }, group.label))) }), jsx("div", { className: "mt-auto flex flex-col gap-5 px-2 py-4 lg:gap-6 lg:px-4 lg:py-4", children: jsx(NavAccountCard, {}) })] }));
+    return (jsxs(Fragment, { children: [jsx(MobileNavigationHeader, { children: content }), jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex lg:py-1 lg:pl-1", children: content }), jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH + 4,
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
+};
+
+export { SidebarNavigationSectionsSubheadings };
+//# sourceMappingURL=sidebar-sections-subheadings.js.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-sections-subheadings.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;AAkBO,MAAM,oCAAoC,GAAG,CAAC,EAAE,SAAS,GAAG,GAAG,EAAE,KAAK,EAA6C,KAAI;IAC5H,MAAM,kBAAkB,GAAG,GAAG;AAE9B,IAAA,MAAM,OAAO,IACXA,IAAA,CAAA,OAAA,EAAA,EACE,KAAK,EACH;YACE,SAAS,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI;AACpB,SAAA,EAEpB,SAAS,EAAC,iKAAiK,EAAA,QAAA,EAAA,CAE3KA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CACnEC,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,KAAK,GAAG,EAChCA,GAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,QAAQ,GAAI,CAAA,EAAA,CACzE,EAENA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,cAAc,EAAA,QAAA,EACzB,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,MACfD,IAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EACxBA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAK,EAAA,CACxE,EACNA,YAAI,SAAS,EAAC,WAAW,EAAA,QAAA,EACtB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACpBA,GAAA,CAAA,IAAA,EAAA,EAAqB,SAAS,EAAC,SAAS,EAAA,QAAA,EACtCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,EAAA,QAAA,EAC3G,IAAI,CAAC,KAAK,EAAA,CACC,EAAA,EAHP,IAAI,CAAC,KAAK,CAId,CACN,CAAC,EAAA,CACC,CAAA,EAAA,EAZE,KAAK,CAAC,KAAK,CAaf,CACN,CAAC,EAAA,CACC,EAELA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,YAC7EA,GAAA,CAAC,cAAc,KAAG,EAAA,CACd,CAAA,EAAA,CACA,CACT;AAED,IAAA,QACED,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CAEED,GAAA,CAAC,sBAAsB,EAAA,EAAA,QAAA,EAAE,OAAO,GAA0B,EAG1DA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAE,OAAO,GAAO,EAG/FA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;oBACL,WAAW,EAAE,kBAAkB,GAAG,CAAC;AACpC,iBAAA,EACD,SAAS,EAAC,oEAAoE,EAAA,CAC9E,CAAA,EAAA,CACD;AAEP;;;;"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo');
+var Input = require('@flipdish/ui-library/components/atoms/Input');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var mobileHeader = require('./mobile-header.cjs');
+var navAccountCard = require('./nav-account-card.cjs');
+var navItem = require('./nav-item.cjs');
+var navList = require('./nav-list.cjs');
+
+const SidebarNavigationSimple = ({ activeUrl, items, footerItems = [], featureCard, showAccountCard = true, hideBorder = false, className, }) => {
+    const MAIN_SIDEBAR_WIDTH = 296;
+    const content = (jsxRuntime.jsxs("aside", { style: {
+            '--width': `${MAIN_SIDEBAR_WIDTH}px`,
+        }, className: cx.cx('flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 lg:w-(--width) lg:pt-6', !hideBorder && 'border-secondary md:border-r', className), children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-8" }), jsxRuntime.jsx(Input.Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg })] }), jsxRuntime.jsx(navList.NavList, { activeUrl: activeUrl, items: items }), jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-4 px-2 py-4 lg:px-4 lg:py-6", children: [footerItems.length > 0 && (jsxRuntime.jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { badge: item.badge, icon: item.icon, href: item.href, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })), featureCard, showAccountCard && jsxRuntime.jsx(navAccountCard.NavAccountCard, {})] })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { children: content }), jsxRuntime.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex", children: content }), jsxRuntime.jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH,
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
+};
+
+exports.SidebarNavigationSimple = SidebarNavigationSimple;
+//# sourceMappingURL=sidebar-simple.cjs.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-simple.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-simple.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","FlipdishLogo","Input","SearchLg","NavList","NavItemBase","NavAccountCard","_Fragment","MobileNavigationHeader"],"mappings":";;;;;;;;;;;;AA8BO,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,WAAW,EACX,eAAe,GAAG,IAAI,EACtB,UAAU,GAAG,KAAK,EAClB,SAAS,GACc,KAAI;IAC3B,MAAM,kBAAkB,GAAG,GAAG;AAE9B,IAAA,MAAM,OAAO,IACXA,eAAA,CAAA,OAAA,EAAA,EACE,KAAK,EACH;YACE,SAAS,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI;AACpB,SAAA,EAEpB,SAAS,EAAEC,KAAE,CACX,6GAA6G,EAC7G,CAAC,UAAU,IAAI,8BAA8B,EAC7C,SAAS,CACV,EAAA,QAAA,EAAA,CAEDD,yBAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CE,cAAA,CAACC,yBAAY,EAAA,EAAC,SAAS,EAAC,KAAK,EAAA,CAAG,EAChCD,cAAA,CAACE,WAAK,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAEC,gBAAQ,EAAA,CAAI,CAAA,EAAA,CACjF,EAENH,cAAA,CAACI,eAAO,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,CAAI,EAE/CN,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CACnE,WAAW,CAAC,MAAM,GAAG,CAAC,KACrBE,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,eAAe,EAAA,QAAA,EAC1B,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,MACpBA,cAAA,CAAA,IAAA,EAAA,EAAqB,SAAS,EAAC,QAAQ,EAAA,QAAA,EACrCA,cAAA,CAACK,mBAAW,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,EAAA,QAAA,EAC3G,IAAI,CAAC,KAAK,GACC,EAAA,EAHP,IAAI,CAAC,KAAK,CAId,CACN,CAAC,EAAA,CACC,CACN,EAEA,WAAW,EAEX,eAAe,IAAIL,eAACM,6BAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CAClC,CAAA,EAAA,CACA,CACT;AAED,IAAA,QACER,eAAA,CAAAS,mBAAA,EAAA,EAAA,QAAA,EAAA,CAEEP,cAAA,CAACQ,mCAAsB,EAAA,EAAA,QAAA,EAAE,OAAO,GAA0B,EAG1DR,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAE,OAAO,GAAO,EAG/EA,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,oBAAA,WAAW,EAAE,kBAAkB;AAChC,iBAAA,EACD,SAAS,EAAC,oEAAoE,EAAA,CAC9E,CAAA,EAAA,CACD;AAEP;;;;"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import type { NavItemType } from '../sidebarNavigation.types';
+interface SidebarNavigationProps {
+    /** URL of the currently active item. */
+    activeUrl?: string;
+    /** List of items to display. */
+    items: NavItemType[];
+    /** List of footer items to display. */
+    footerItems?: NavItemType[];
+    /** Feature card to display. */
+    featureCard?: ReactNode;
+    /** Whether to show the account card. */
+    showAccountCard?: boolean;
+    /** Whether to hide the right side border. */
+    hideBorder?: boolean;
+    /** Additional CSS classes to apply to the sidebar. */
+    className?: string;
+}
+export declare const SidebarNavigationSimple: ({ activeUrl, items, footerItems, featureCard, showAccountCard, hideBorder, className, }: SidebarNavigationProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-simple.d.ts.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-simple.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-simple.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9D,UAAU,sBAAsB;IAC9B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,+BAA+B;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,GAAI,yFAQrC,sBAAsB,gCA4DxB,CAAC"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { SearchLg } from '@flipdish/ui-icons';
+import { FlipdishLogo } from '@flipdish/ui-library/components/atoms/FlipdishLogo';
+import { Input } from '@flipdish/ui-library/components/atoms/Input';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { MobileNavigationHeader } from './mobile-header.js';
+import { NavAccountCard } from './nav-account-card.js';
+import { NavItemBase } from './nav-item.js';
+import { NavList } from './nav-list.js';
+
+const SidebarNavigationSimple = ({ activeUrl, items, footerItems = [], featureCard, showAccountCard = true, hideBorder = false, className, }) => {
+    const MAIN_SIDEBAR_WIDTH = 296;
+    const content = (jsxs("aside", { style: {
+            '--width': `${MAIN_SIDEBAR_WIDTH}px`,
+        }, className: cx('flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 lg:w-(--width) lg:pt-6', !hideBorder && 'border-secondary md:border-r', className), children: [jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsx(FlipdishLogo, { className: "h-8" }), jsx(Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: SearchLg })] }), jsx(NavList, { activeUrl: activeUrl, items: items }), jsxs("div", { className: "mt-auto flex flex-col gap-4 px-2 py-4 lg:px-4 lg:py-6", children: [footerItems.length > 0 && (jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { badge: item.badge, icon: item.icon, href: item.href, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })), featureCard, showAccountCard && jsx(NavAccountCard, {})] })] }));
+    return (jsxs(Fragment, { children: [jsx(MobileNavigationHeader, { children: content }), jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex", children: content }), jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH,
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
+};
+
+export { SidebarNavigationSimple };
+//# sourceMappingURL=sidebar-simple.js.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-simple.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-simple.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;AA8BO,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,WAAW,EACX,eAAe,GAAG,IAAI,EACtB,UAAU,GAAG,KAAK,EAClB,SAAS,GACc,KAAI;IAC3B,MAAM,kBAAkB,GAAG,GAAG;AAE9B,IAAA,MAAM,OAAO,IACXA,IAAA,CAAA,OAAA,EAAA,EACE,KAAK,EACH;YACE,SAAS,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI;AACpB,SAAA,EAEpB,SAAS,EAAE,EAAE,CACX,6GAA6G,EAC7G,CAAC,UAAU,IAAI,8BAA8B,EAC7C,SAAS,CACV,EAAA,QAAA,EAAA,CAEDA,cAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CC,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,KAAK,EAAA,CAAG,EAChCA,GAAA,CAAC,KAAK,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAE,QAAQ,EAAA,CAAI,CAAA,EAAA,CACjF,EAENA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,CAAI,EAE/CD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CACnE,WAAW,CAAC,MAAM,GAAG,CAAC,KACrBC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,eAAe,EAAA,QAAA,EAC1B,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,MACpBA,GAAA,CAAA,IAAA,EAAA,EAAqB,SAAS,EAAC,QAAQ,EAAA,QAAA,EACrCA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,EAAA,QAAA,EAC3G,IAAI,CAAC,KAAK,GACC,EAAA,EAHP,IAAI,CAAC,KAAK,CAId,CACN,CAAC,EAAA,CACC,CACN,EAEA,WAAW,EAEX,eAAe,IAAIA,IAAC,cAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CAClC,CAAA,EAAA,CACA,CACT;AAED,IAAA,QACED,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CAEED,GAAA,CAAC,sBAAsB,EAAA,EAAA,QAAA,EAAE,OAAO,GAA0B,EAG1DA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAE,OAAO,GAAO,EAG/EA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,oBAAA,WAAW,EAAE,kBAAkB;AAChC,iBAAA,EACD,SAAS,EAAC,oEAAoE,EAAA,CAC9E,CAAA,EAAA,CACD;AAEP;;;;"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
+var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo');
+var UtilityButton = require('@flipdish/ui-library/components/atoms/UtilityButton');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var react = require('motion/react');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var mobileHeader = require('./mobile-header.cjs');
+var navAccountCard = require('./nav-account-card.cjs');
+var navButton = require('./nav-button.cjs');
+var navItem = require('./nav-item.cjs');
+var navList = require('./nav-list.cjs');
+
+const SidebarNavigationSlim = ({ activeUrl, items, footerItems = [], hideBorder, hideRightBorder }) => {
+    const activeItem = [...items, ...footerItems].find((item) => item.href === activeUrl || item.items?.some((subItem) => subItem.href === activeUrl));
+    const [currentItem, setCurrentItem] = React.useState(activeItem ?? items[1] ?? items[0]);
+    const [isHovering, setIsHovering] = React.useState(false);
+    const isSecondarySidebarVisible = isHovering && Boolean(currentItem?.items?.length);
+    const MAIN_SIDEBAR_WIDTH = 68;
+    const SECONDARY_SIDEBAR_WIDTH = 256;
+    const mainSidebar = (jsxRuntime.jsx("aside", { style: {
+            width: MAIN_SIDEBAR_WIDTH,
+        }, className: cx.cx('group flex h-full max-h-full max-w-full overflow-y-auto py-1 pl-1 transition duration-100 ease-linear', isSecondarySidebarVisible && 'bg-primary'), children: jsxRuntime.jsxs("div", { className: cx.cx('flex w-auto flex-col justify-between rounded-xl bg-primary pt-5 ring-1 ring-secondary transition duration-300 ring-inset', hideBorder && !isSecondarySidebarVisible && 'ring-transparent'), children: [jsxRuntime.jsx("div", { className: "flex justify-center px-3", children: jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "size-6" }) }), jsxRuntime.jsx("ul", { className: "mt-5 flex flex-col gap-0.5 px-3.5", children: items.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(navButton.NavButton, { current: currentItem?.href === item.href, href: item.href, label: item.label || '', icon: item.icon, onClick: () => setCurrentItem(item) }) }, item.label))) }), jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col items-center gap-3 px-3 py-4", children: [footerItems.length > 0 && (jsxRuntime.jsx("ul", { className: "flex flex-col gap-0.5", children: footerItems.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(navButton.NavButton, { current: currentItem?.href === item.href, label: item.label || '', href: item.href, icon: item.icon, onClick: () => setCurrentItem(item) }) }, item.label))) })), jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [jsxRuntime.jsx(reactAriaComponents.Button, { className: ({ isPressed, isFocused }) => cx.cx('group relative inline-flex rounded-full', (isPressed || isFocused) && 'outline-2 outline-offset-2 outline-focus-ring'), children: jsxRuntime.jsx(Avatar.Avatar, { border: true, status: "online", src: "https://www.untitledui.com/images/avatars/olivia-rhye?fm=webp&q=80", size: "md", alt: "Olivia Rhye" }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { placement: "right bottom", offset: 8, crossOffset: 6, className: ({ isEntering, isExiting }) => cx.cx('will-change-transform', isEntering &&
+                                        'duration-300 ease-out animate-in fade-in placement-right:slide-in-from-left-2 placement-top:slide-in-from-bottom-2 placement-bottom:slide-in-from-top-2', isExiting &&
+                                        'duration-150 ease-in animate-out fade-out placement-right:slide-out-to-left-2 placement-top:slide-out-to-bottom-2 placement-bottom:slide-out-to-top-2'), children: jsxRuntime.jsx(navAccountCard.NavAccountMenu, {}) })] })] })] }) }));
+    const secondarySidebar = currentItem && (jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: isSecondarySidebarVisible && (jsxRuntime.jsx(react.motion.div, { initial: { width: 0, borderColor: 'var(--color-border-secondary)' }, animate: { width: SECONDARY_SIDEBAR_WIDTH, borderColor: 'var(--color-border-secondary)' }, exit: { width: 0, borderColor: 'rgba(0,0,0,0)', transition: { borderColor: { type: 'tween', delay: 0.05 } } }, transition: { type: 'spring', damping: 26, stiffness: 220, bounce: 0 }, className: cx.cx('relative h-full overflow-x-hidden overflow-y-auto bg-primary', !(hideBorder || hideRightBorder) && 'box-content border-r-[1.5px]'), children: jsxRuntime.jsxs("div", { style: { width: SECONDARY_SIDEBAR_WIDTH }, className: "flex h-full flex-col px-4 pt-6", children: [jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-brand-secondary", children: currentItem.label }), jsxRuntime.jsx("ul", { className: "py-2", children: currentItem.items?.map((item) => (jsxRuntime.jsx("li", { className: "py-px", children: jsxRuntime.jsx(navItem.NavItemBase, { current: activeUrl === item.href, href: item.href, icon: item.icon, badge: item.badge, type: "link", children: item.label }) }, item.label))) }), jsxRuntime.jsxs("div", { className: "sticky bottom-0 mt-auto flex justify-between bg-primary pb-5", children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "text-sm font-semibold text-primary", children: "Olivia Rhye" }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: "olivia@untitledui.com" })] }), jsxRuntime.jsx("div", { className: "absolute -top-1 right-0", children: jsxRuntime.jsx(UtilityButton.ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Log out", icon: uiIcons.DotsVertical }) })] })] }) })) }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "z-50 hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex", onPointerEnter: () => setIsHovering(true), onPointerLeave: () => setIsHovering(false), children: [mainSidebar, secondarySidebar] }), jsxRuntime.jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH,
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" }), jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { children: jsxRuntime.jsxs("aside", { className: "group flex h-full max-h-full w-full max-w-full flex-col justify-between overflow-y-auto bg-primary pt-4", children: [jsxRuntime.jsx("div", { className: "px-4", children: jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-6" }) }), jsxRuntime.jsx(navList.NavList, { items: items }), jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-3 p-4", children: [jsxRuntime.jsxs("div", { className: "flex flex-col", children: [jsxRuntime.jsx(navItem.NavItemBase, { current: activeUrl === '/support', type: "link", href: "/support", icon: uiIcons.LifeBuoy01, children: "Support" }), jsxRuntime.jsx(navItem.NavItemBase, { current: activeUrl === '/settings', type: "link", href: "/settings", icon: uiIcons.Settings01, children: "Settings" })] }), jsxRuntime.jsx(navAccountCard.NavAccountCard, {})] })] }) })] }));
+};
+
+exports.SidebarNavigationSlim = SidebarNavigationSlim;
+//# sourceMappingURL=sidebar-slim.cjs.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-slim.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-slim.tsx"],"sourcesContent":[null],"names":["useState","_jsx","cx","_jsxs","FlipdishLogo","NavButton","AriaDialogTrigger","AriaButton","Avatar","AriaPopover","NavAccountMenu","AnimatePresence","motion","NavItemBase","ButtonUtility","DotsVertical","_Fragment","MobileNavigationHeader","NavList","LifeBuoy01","Settings01","NavAccountCard"],"mappings":"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"}

package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.d.ts

@@ -0,0 +1,25 @@
+import type { FC } from 'react';
+import type { NavItemType } from '../sidebarNavigation.types';
+interface SidebarNavigationSlimProps {
+    /** URL of the currently active item. */
+    activeUrl?: string;
+    /** List of items to display. */
+    items: (NavItemType & {
+        icon: FC<{
+            className?: string;
+        }>;
+    })[];
+    /** List of footer items to display. */
+    footerItems?: (NavItemType & {
+        icon: FC<{
+            className?: string;
+        }>;
+    })[];
+    /** Whether to hide the border. */
+    hideBorder?: boolean;
+    /** Whether to hide the right side border. */
+    hideRightBorder?: boolean;
+}
+export declare const SidebarNavigationSlim: ({ activeUrl, items, footerItems, hideBorder, hideRightBorder }: SidebarNavigationSlimProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-slim.d.ts.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-slim.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-slim.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAO9D,UAAU,0BAA0B;IAClC,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,CAAC,WAAW,GAAG;QAAE,IAAI,EAAE,EAAE,CAAC;YAAE,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IAC9D,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,WAAW,GAAG;QAAE,IAAI,EAAE,EAAE,CAAC;YAAE,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IACrE,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB,GAAI,gEAAqE,0BAA0B,gCA8KpI,CAAC"}