@schemavaults/ui 0.11.128

package/dist/components/layout/dashboard-layout/dashboard-layout.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DashboardSidebar, { DashboardLayoutSidebarTrigger, DashboardSidebarContextProvider, useDashboardSidebarOpenState, useDashboardSidebarSizing, } from "./dashboard-sidebar";
+import { Separator } from "../../ui/separator";
+import DashboardLayoutMainContentContainer from "./dashboard-layout-main-content-container";
+import { cn } from "../../../lib/utils";
+/**
+ *
+ * @param param0 DashboardLayoutProps
+ *
+ * @returns A layout component wrapping the page content of 'children'
+ */
+export function DashboardLayout({ children, wordmark, logo, Link, brandHref, topBarTitle, ...props }) {
+    const size = useDashboardSidebarSizing();
+    function HeaderBarPageIdentifierComponent() {
+        if (typeof topBarTitle === "string") {
+            return _jsx("h2", { className: "font-bold text-lg", children: topBarTitle });
+        }
+        else {
+            const CustomTopBarHeaderComponent = topBarTitle;
+            return (_jsx(CustomTopBarHeaderComponent, { useDashboardSidebarSizing: useDashboardSidebarSizing, useDashboardSidebarOpenState: useDashboardSidebarOpenState, Link: Link }));
+        }
+    }
+    const TopBarButtonsComponent = props.topBarButtons;
+    return (_jsx(DashboardSidebarContextProvider, { sidebarItems: props.sidebarItems, sizing: props.sizing, onOpenSidebar: props.onOpenSidebar, onCloseSidebar: props.onCloseSidebar, children: _jsxs("div", { className: "w-screen h-screen min-h-screen", children: [_jsx(DashboardSidebar, { wordmark: wordmark, Link: Link, brandHref: brandHref, logo: logo, sidebarFooterContent: props.sidebarFooterContent }), _jsxs(DashboardLayoutMainContentContainer, { children: [_jsx("header", { className: cn("flex shrink-0 items-center gap-2", "transition-[width,height] ease-linear", "bg-background", size.sidebar_and_header_z_index_classname), style: {
+                                height: size.header_height,
+                            }, children: _jsxs("div", { className: "flex flex-row justify-between items-center gap-2 px-4 w-full", children: [_jsx(DashboardLayoutSidebarTrigger, {}), _jsx(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }), _jsx(HeaderBarPageIdentifierComponent, {}), _jsx("div", { role: "none", className: "grow" }), typeof TopBarButtonsComponent === "function" && (_jsx(TopBarButtonsComponent, { useDashboardSidebarSizing: useDashboardSidebarSizing, useDashboardSidebarOpenState: useDashboardSidebarOpenState, Link: Link }))] }) }), children] })] }) }));
+}
+export default DashboardLayout;
+//# sourceMappingURL=dashboard-layout.js.map

package/dist/components/layout/dashboard-layout/dashboard-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/dashboard-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,gBAAgB,EAAE,EACvB,6BAA6B,EAC7B,+BAA+B,EAC/B,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,mCAAmC,MAAM,2CAA2C,CAAC;AAE5F,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACa;IACrB,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IAEzC,SAAS,gCAAgC;QACvC,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE,CAAC;YACpC,OAAO,aAAI,SAAS,EAAC,mBAAmB,YAAE,WAAW,GAAM,CAAC;QAC9D,CAAC;aAAM,CAAC;YACN,MAAM,2BAA2B,GAAG,WAAW,CAAC;YAChD,OAAO,CACL,KAAC,2BAA2B,IAC1B,yBAAyB,EAAE,yBAAyB,EACpD,4BAA4B,EAAE,4BAA4B,EAC1D,IAAI,EAAE,IAAI,GACV,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IAED,MAAM,sBAAsB,GAEZ,KAAK,CAAC,aAAa,CAAC;IAEpC,OAAO,CACL,KAAC,+BAA+B,IAC9B,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,cAAc,EAAE,KAAK,CAAC,cAAc,YAEpC,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAChD,EACF,MAAC,mCAAmC,eAClC,iBACE,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,uCAAuC,EACvC,eAAe,EACf,IAAI,CAAC,oCAAoC,CAC1C,EACD,KAAK,EAAE;gCACL,MAAM,EAAE,IAAI,CAAC,aAAa;6BAC3B,YAED,eAAK,SAAS,EAAC,8DAA8D,aAC3E,KAAC,6BAA6B,KAAG,EACjC,KAAC,SAAS,IACR,WAAW,EAAC,UAAU,EACtB,SAAS,EAAC,sCAAsC,GAChD,EACF,KAAC,gCAAgC,KAAG,EACpC,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,GAAG,EACnC,OAAO,sBAAsB,KAAK,UAAU,IAAI,CAC/C,KAAC,sBAAsB,IACrB,yBAAyB,EAAE,yBAAyB,EACpD,4BAA4B,EAAE,4BAA4B,EAC1D,IAAI,EAAE,IAAI,GACV,CACH,IACG,GACC,EACR,QAAQ,IAC2B,IAClC,GAC0B,CACnC,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-layout-sidebar-trigger.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from "react";
+export declare function DashboardLayoutSidebarTrigger(): ReactElement;
+export default DashboardLayoutSidebarTrigger;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-layout-sidebar-trigger.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../../../ui";
+import { SidebarOpen, SidebarClose } from "lucide-react";
+import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
+import { AnimatePresence } from "../../../../framer-motion";
+import useDashboardSidebarOpenStateDispatch from "./useDashboardSidebarOpenStateDispatch";
+const sidebarTriggerIconClassName = "h-4 w-4";
+export function DashboardLayoutSidebarTrigger() {
+    const openState = useDashboardSidebarOpenState();
+    const setOpen = useDashboardSidebarOpenStateDispatch();
+    return (_jsx(Button, { variant: "ghost", onClick: (e) => {
+            e.preventDefault();
+            setOpen(!openState.open);
+        }, className: "flex justify-center items-center", children: _jsx(AnimatePresence, { mode: "wait", children: openState.open ? (_jsx(SidebarClose, { className: sidebarTriggerIconClassName }, "close-sidebar-icon")) : (_jsx(SidebarOpen, { className: sidebarTriggerIconClassName })) }) }));
+}
+export default DashboardLayoutSidebarTrigger;
+//# sourceMappingURL=dashboard-layout-sidebar-trigger.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-layout-sidebar-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-sidebar-trigger.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-layout-sidebar-trigger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,oCAAoC,MAAM,wCAAwC,CAAC;AAE1F,MAAM,2BAA2B,GAAW,SAAS,CAAC;AAEtD,MAAM,UAAU,6BAA6B;IAC3C,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,oCAAoC,EAAE,CAAC;IAEvD,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,CAAC,EAAQ,EAAE;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,EACD,SAAS,EAAC,kCAAkC,YAE5C,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,YACzB,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB,KAAC,YAAY,IACX,SAAS,EAAE,2BAA2B,IAClC,oBAAoB,CACxB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,SAAS,EAAE,2BAA2B,GAAI,CACxD,GACe,GACX,CACV,CAAC;AACJ,CAAC;AAED,eAAe,6BAA6B,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-admin-only-items-context.d.ts

@@ -0,0 +1 @@
+export declare const DashboardSidebarAdminOnlyItemsContext: import("react").Context<boolean>;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-admin-only-items-context.js

@@ -0,0 +1,5 @@
+"use client";
+import { createContext } from "react";
+// Items within this context will render in a red font color
+export const DashboardSidebarAdminOnlyItemsContext = createContext(false);
+//# sourceMappingURL=dashboard-sidebar-admin-only-items-context.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-admin-only-items-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-admin-only-items-context.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-admin-only-items-context.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,4DAA4D;AAC5D,MAAM,CAAC,MAAM,qCAAqC,GAChD,aAAa,CAAU,KAAK,CAAC,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { LinkComponentType } from "../../../../types/Link";
+export interface DashboardLayoutSidebarContentProps {
+    Link: LinkComponentType;
+}
+export declare function DashboardSidebarContent({ Link, }: DashboardLayoutSidebarContentProps): ReactElement;
+export default DashboardSidebarContent;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import DashboardSidebarItemRenderer from "./dashboard-sidebar-item-renderer";
+import DashboardSidebarItemGroupRenderer from "./dashboard-sidebar-item-group-renderer";
+import { useDashboardSidebarItemsAndGroups } from "./useDashboardSidebarItemsAndGroups";
+import { m } from "../../../../framer-motion";
+import { cn } from "../../../../lib/utils";
+export function DashboardSidebarContent({ Link, }) {
+    const sidebarItems = useDashboardSidebarItemsAndGroups();
+    return (_jsx(m.nav, { className: cn("bg-background grow w-full", "flex flex-col items-stretch justify-start", "p-2", "overflow-x-hidden overflow-y-scroll", "no-scrollbar"), children: sidebarItems.map((itemOrGroup) => {
+            if (itemOrGroup.type === "dashboard-sidebar-item-definition") {
+                const item = itemOrGroup;
+                return (_jsx(DashboardSidebarItemRenderer, { item: item, Link: Link }, `sidebar-item-[${item.title}]`));
+            }
+            else if (itemOrGroup.type === "dashboard-sidebar-item-group") {
+                const group = itemOrGroup;
+                return (_jsx(DashboardSidebarItemGroupRenderer, { group: group, Link: Link }, `sidebar-group-[${group.title}]`));
+            }
+            else {
+                throw new Error("Invalid 'type' for sidebar content item in render list!");
+            }
+        }) }));
+}
+export default DashboardSidebarContent;
+//# sourceMappingURL=dashboard-sidebar-content.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-content.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,4BAA4B,MAAM,mCAAmC,CAAC;AAG7E,OAAO,iCAAiC,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC,MAAM,UAAU,uBAAuB,CAAC,EACtC,IAAI,GAC+B;IACnC,MAAM,YAAY,GAGZ,iCAAiC,EAAE,CAAC;IAC1C,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,IACJ,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,2CAA2C,EAC3C,KAAK,EACL,qCAAqC,EACrC,cAAc,CACf,YAEA,YAAY,CAAC,GAAG,CACf,CACE,WAEuC,EAC5B,EAAE;YACb,IAAI,WAAW,CAAC,IAAI,KAAK,mCAAmC,EAAE,CAAC;gBAC7D,MAAM,IAAI,GAAmC,WAAW,CAAC;gBACzD,OAAO,CACL,KAAC,4BAA4B,IAC3B,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IACL,iBAAiB,IAAI,CAAC,KAAK,GAAG,CACnC,CACH,CAAC;YACJ,CAAC;iBAAM,IAAI,WAAW,CAAC,IAAI,KAAK,8BAA8B,EAAE,CAAC;gBAC/D,MAAM,KAAK,GAAwC,WAAW,CAAC;gBAC/D,OAAO,CACL,KAAC,iCAAiC,IAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IACL,kBAAkB,KAAK,CAAC,KAAK,GAAG,CACrC,CACH,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,KAAK,CACb,yDAAyD,CAC1D,CAAC;YACJ,CAAC;QACH,CAAC,CACF,GACK,CACT,CAAC;AACJ,CAAC;AAED,eAAe,uBAAuB,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-context-provider.d.ts

@@ -0,0 +1,11 @@
+import type { PropsWithChildren, ReactElement } from "react";
+import { type DashboardSidebarItemsAndGroupsDefinitions } from "./dashboard-sidebar-items-and-groups-context";
+import { type DashboardLayoutSidebarSizing } from "./dashboard-sidebar-sizing";
+interface DashboardLayoutContextProviderProps extends PropsWithChildren {
+    sidebarItems: DashboardSidebarItemsAndGroupsDefinitions;
+    sizing?: DashboardLayoutSidebarSizing;
+    onOpenSidebar?: () => void;
+    onCloseSidebar?: () => void;
+}
+export declare function DashboardSidebarContextProvider({ children, sidebarItems, ...props }: DashboardLayoutContextProviderProps): ReactElement;
+export default DashboardSidebarContextProvider;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-context-provider.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DashboardSidebarItemsAndGroupsContext, } from "./dashboard-sidebar-items-and-groups-context";
+import DashboardSidebarOpenStateProvider from "./dashboard-sidebar-open-state-provider";
+import { DashboardLayoutSidebarSizeContext, DEFAULT_DASHBOARD_SIDEBAR_SIZE, } from "./dashboard-sidebar-sizing";
+export function DashboardSidebarContextProvider({ children, sidebarItems, ...props }) {
+    return (_jsx(DashboardSidebarOpenStateProvider, { onOpenSidebar: props.onOpenSidebar, onCloseSidebar: props.onCloseSidebar, children: _jsx(DashboardSidebarItemsAndGroupsContext.Provider, { value: sidebarItems, children: _jsx(DashboardLayoutSidebarSizeContext.Provider, { value: props.sizing ?? DEFAULT_DASHBOARD_SIDEBAR_SIZE, children: children }) }) }));
+}
+export default DashboardSidebarContextProvider;
+//# sourceMappingURL=dashboard-sidebar-context-provider.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-context-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-context-provider.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-context-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,qCAAqC,GAEtC,MAAM,8CAA8C,CAAC;AACtD,OAAO,iCAAiC,MAAM,yCAAyC,CAAC;AACxF,OAAO,EACL,iCAAiC,EACjC,8BAA8B,GAE/B,MAAM,4BAA4B,CAAC;AASpC,MAAM,UAAU,+BAA+B,CAAC,EAC9C,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EAC4B;IACpC,OAAO,CACL,KAAC,iCAAiC,IAChC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,cAAc,EAAE,KAAK,CAAC,cAAc,YAEpC,KAAC,qCAAqC,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACjE,KAAC,iCAAiC,CAAC,QAAQ,IACzC,KAAK,EAAE,KAAK,CAAC,MAAM,IAAI,8BAA8B,YAEpD,QAAQ,GACkC,GACE,GACf,CACrC,CAAC;AACJ,CAAC;AAED,eAAe,+BAA+B,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-footer.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from "react";
+import type { CustomizableDashboardLayoutComponent } from "../customizable-dashboard-component-type";
+import type { LinkComponentType } from "../../../../types/Link";
+export interface DashboardSidebarFooterProps {
+    Link: LinkComponentType;
+    sidebarFooterContent: CustomizableDashboardLayoutComponent;
+}
+export declare function DashboardSidebarFooter({ Link, sidebarFooterContent, }: DashboardSidebarFooterProps): ReactElement;
+export default DashboardSidebarFooter;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-footer.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
+import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
+export function DashboardSidebarFooter({ Link, sidebarFooterContent, }) {
+    const FooterContentComponent = sidebarFooterContent;
+    return (_jsx("footer", { className: "bg-background", children: _jsx(FooterContentComponent, { useDashboardSidebarSizing: useDashboardSidebarSizing, useDashboardSidebarOpenState: useDashboardSidebarOpenState, Link: Link }) }));
+}
+export default DashboardSidebarFooter;
+//# sourceMappingURL=dashboard-sidebar-footer.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-footer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAQpE,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,EACJ,oBAAoB,GACQ;IAC5B,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;IAEpD,OAAO,CACL,iBAAQ,SAAS,EAAC,eAAe,YAC/B,KAAC,sBAAsB,IACrB,yBAAyB,EAAE,yBAAyB,EACpD,4BAA4B,EAAE,4BAA4B,EAC1D,IAAI,EAAE,IAAI,GACV,GACK,CACV,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement, ReactNode } from "react";
+import type { LinkComponentType } from "../../../../types/Link";
+export interface DashboardLayoutSidebarHeaderProps {
+    wordmark: ReactNode;
+    logo: ReactNode;
+    Link: LinkComponentType;
+    brandHref: string;
+}
+export declare function DashboardSidebarHeader({ wordmark, logo, Link, brandHref, }: DashboardLayoutSidebarHeaderProps): ReactElement;
+export default DashboardSidebarHeader;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnimatePresence, m } from "../../../../framer-motion";
+import toggleDashboardLayoutCollapsedTransitionTime, { toggleDashboardLayoutCollapsedTransitionEasing, } from "../toggle-dashboard-layout-collapsed-transition-time";
+import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
+import { cn } from "../../../../lib/utils";
+import { useDashboardSidebarSizing } from "./useDashboardSidebarSizing";
+export function DashboardSidebarHeader({ wordmark, logo, Link, brandHref, }) {
+    const size = useDashboardSidebarSizing();
+    const { open, mobile } = useDashboardSidebarOpenState();
+    const showWordmark = mobile || open;
+    function AnimatedBrandWordmark() {
+        return (_jsx(m.div, { className: "will-change-transform", variants: {
+                exit: {
+                    opacity: 0,
+                    scale: 0,
+                    transitionEnd: {
+                        display: "none",
+                    },
+                    width: 0,
+                },
+                enter: {
+                    opacity: 1,
+                    scale: 1,
+                    display: "block",
+                    width: "auto",
+                },
+            }, initial: "exit", animate: "enter", exit: "exit", transition: {
+                duration: toggleDashboardLayoutCollapsedTransitionTime,
+                ease: toggleDashboardLayoutCollapsedTransitionEasing,
+                delay: toggleDashboardLayoutCollapsedTransitionTime / 1.5,
+            }, layout: true, children: _jsx(Link, { href: brandHref, children: wordmark }) }));
+    }
+    return (_jsx(m.header, { layout: true, style: {
+            height: size.header_height,
+        }, className: cn("w-full", "p-2", "flex flex-row flex-nowrap", "justify-center items-center bg-background", "overflow-hidden"), children: _jsxs(m.div, { layout: true, className: cn("flex flex-row flex-nowrap justify-start items-center"), children: [_jsx(Link, { href: brandHref, children: logo }), _jsx(AnimatePresence, { children: showWordmark && (_jsx(AnimatedBrandWordmark, {}, "animated-brand-wordmark")) })] }) }));
+}
+export default DashboardSidebarHeader;
+//# sourceMappingURL=dashboard-sidebar-header.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-header.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,4CAA4C,EAAE,EACnD,8CAA8C,GAC/C,MAAM,sDAAsD,CAAC;AAC9D,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAUxE,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,GACyB;IAClC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,4BAA4B,EAAE,CAAC;IACxD,MAAM,YAAY,GAAY,MAAM,IAAI,IAAI,CAAC;IAE7C,SAAS,qBAAqB;QAC5B,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,IACJ,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,CAAC;oBACR,aAAa,EAAE;wBACb,OAAO,EAAE,MAAM;qBAChB;oBACD,KAAK,EAAE,CAAC;iBACT;gBACD,KAAK,EAAE;oBACL,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,OAAO;oBAChB,KAAK,EAAE,MAAM;iBACd;aACF,EACD,OAAO,EAAC,MAAM,EACd,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,UAAU,EAAE;gBACV,QAAQ,EAAE,4CAA4C;gBACtD,IAAI,EAAE,8CAA8C;gBACpD,KAAK,EAAE,4CAA4C,GAAG,GAAG;aAC1D,EACD,MAAM,kBAEN,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,YAAG,QAAQ,GAAQ,GAClC,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,CAAC,CAAC,MAAM,IACP,MAAM,QACN,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,CAAC,aAAa;SAC3B,EACD,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,KAAK,EACL,2BAA2B,EAC3B,2CAA2C,EAC3C,iBAAiB,CAClB,YAED,MAAC,CAAC,CAAC,GAAG,IACJ,MAAM,QACN,SAAS,EAAE,EAAE,CAAC,sDAAsD,CAAC,aAErE,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,YAAG,IAAI,GAAQ,EACpC,KAAC,eAAe,cACb,YAAY,IAAI,CACf,KAAC,qBAAqB,MAAK,yBAAyB,CAAG,CACxD,GACe,IACZ,GACC,CACZ,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-definition.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+type SidebarItemIconComponent = ({ className, }: {
+    className: string;
+}) => ReactNode;
+export interface DashboardSidebarItemDefinition {
+    type: "dashboard-sidebar-item-definition";
+    icon: SidebarItemIconComponent;
+    url: string;
+    title: string;
+}
+export {};

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-definition.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dashboard-sidebar-item-definition.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-item-definition.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-definition.ts"],"names":[],"mappings":""}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from "react";
+import type { DashboardSidebarItemGroupDefinition } from "./dashboard-sidebar-item-group";
+import type { LinkComponentType } from "../../../../types/Link";
+export declare function DashboardSidebarItemGroupRenderer({ group, Link, }: {
+    group: DashboardSidebarItemGroupDefinition;
+    Link: LinkComponentType;
+}): ReactElement;
+export default DashboardSidebarItemGroupRenderer;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DashboardSidebarItemRenderer from "./dashboard-sidebar-item-renderer";
+import { Label } from "../../../ui";
+import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
+import { cn } from "../../../../lib/utils";
+import { AnimatePresence, m } from "../../../../framer-motion";
+import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
+import { DashboardSidebarAdminOnlyItemsContext } from "./dashboard-sidebar-admin-only-items-context";
+export function DashboardSidebarItemGroupRenderer({ group, Link, }) {
+    const groupTitle = group.title;
+    const openState = useDashboardSidebarOpenState();
+    const sizes = useDashboardSidebarSizing();
+    const groupItemsContainerId = `sidebar-group-items-[${group.title}]`;
+    const showGroupLabel = openState.mobile || openState.open;
+    return (_jsxs(m.div, { className: cn("w-full", "flex flex-col flex-nowrap", "items-start justify-start"), layout: true, children: [_jsx(AnimatePresence, { children: showGroupLabel && (_jsx(m.div, { className: "w-full text-nowrap", initial: {
+                        scale: 0,
+                        opacity: 0,
+                        width: 0,
+                        height: 0,
+                        transitionEnd: {
+                            display: "none",
+                        },
+                        paddingBottom: 0,
+                    }, animate: {
+                        scale: 1,
+                        opacity: 1,
+                        width: "100%",
+                        height: "auto",
+                        display: "block",
+                        paddingBottom: sizes.sidebar_expanded_menu_group_label_bottom_padding,
+                    }, exit: {
+                        scale: 0,
+                        opacity: 0,
+                        width: 0,
+                        height: 0,
+                        transitionEnd: {
+                            display: "none",
+                        },
+                        paddingBottom: 0,
+                    }, children: _jsx(Label, { htmlFor: groupItemsContainerId, className: cn("font-bold text-nowrap"), children: groupTitle }) }, "sidebar-item-group-label")) }), _jsx(DashboardSidebarAdminOnlyItemsContext.Provider, { value: group.adminOnly ?? false, children: _jsx(m.ul, { id: groupItemsContainerId, layout: true, className: cn("w-full flex flex-col", "items-start justify-start", "gap-2"), variants: {
+                        collapsed: {
+                            paddingLeft: 0,
+                        },
+                        expanded: {
+                            paddingLeft: sizes.sidebar_expanded_menu_group_indent,
+                        },
+                    }, animate: openState.mobile
+                        ? "expanded"
+                        : openState.open
+                            ? "expanded"
+                            : "collapsed", children: group.items.map((item) => {
+                        return (_jsx(DashboardSidebarItemRenderer, { item: item, Link: Link }, `sidebar-item-[${groupTitle}]-[${item.title}]`));
+                    }) }) })] }, `sidebar-group-[${group.title}]`));
+}
+export default DashboardSidebarItemGroupRenderer;
+//# sourceMappingURL=dashboard-sidebar-item-group-renderer.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-item-group-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group.d.ts

@@ -0,0 +1,7 @@
+import type { DashboardSidebarItemDefinition } from "./dashboard-sidebar-item-definition";
+export interface DashboardSidebarItemGroupDefinition {
+    type: "dashboard-sidebar-item-group";
+    items: readonly DashboardSidebarItemDefinition[];
+    title: string;
+    adminOnly?: boolean;
+}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dashboard-sidebar-item-group.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-item-group.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group.ts"],"names":[],"mappings":""}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from "react";
+import type { DashboardSidebarItemDefinition } from "./dashboard-sidebar-item-definition";
+import type { LinkComponentType } from "../../../../types/Link";
+export declare function DashboardSidebarItemRenderer({ item, Link, }: {
+    item: DashboardSidebarItemDefinition;
+    Link: LinkComponentType;
+}): ReactElement;
+export default DashboardSidebarItemRenderer;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { AnimatePresence, m } from "../../../../framer-motion";
+import toggleDashboardLayoutCollapsedTransitionTime from "../toggle-dashboard-layout-collapsed-transition-time";
+import { cn } from "../../../../lib/utils";
+import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
+import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
+import { DashboardSidebarAdminOnlyItemsContext } from "./dashboard-sidebar-admin-only-items-context";
+import { Tooltip, TooltipContent, TooltipTrigger, TooltipArrow, } from "../../../ui";
+import useDashboardSidebarOpenStateDispatch from "./useDashboardSidebarOpenStateDispatch";
+import useDebug from "../../../hooks/use-debug";
+export function DashboardSidebarItemRenderer({ item, Link, }) {
+    const debug = useDebug();
+    const { open, mobile } = useDashboardSidebarOpenState();
+    const setSidebarOpen = useDashboardSidebarOpenStateDispatch();
+    const sizes = useDashboardSidebarSizing();
+    const isAdminItemGroup = useContext(DashboardSidebarAdminOnlyItemsContext);
+    const showItemLabel = mobile || open;
+    const IconComponent = item.icon;
+    const itemColorClassName = isAdminItemGroup
+        ? "text-red-500"
+        : "text-foreground";
+    function SidebarMenuItemTitle() {
+        return (_jsx(m.span, { className: itemColorClassName, initial: {
+                opacity: 1,
+                scale: 1,
+                transitionEnd: {
+                    display: "none",
+                },
+                paddingLeft: 0,
+            }, animate: {
+                opacity: 1,
+                scale: 1,
+                display: "block",
+                paddingLeft: sizes.sidebar_menu_item_icon_gap,
+            }, exit: {
+                opacity: 0,
+                scale: 0,
+                transitionEnd: {
+                    display: "none",
+                },
+                paddingLeft: 0,
+            }, transition: {
+                duration: toggleDashboardLayoutCollapsedTransitionTime,
+            }, children: item.title }, `sidebar-menu-item-title-container-[${item.title}]`));
+    }
+    return (_jsx(m.li, { className: cn("w-full"), children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: "w-full", children: _jsx(Link, { href: item.url, className: cn("flex flex-row", "w-full", "hover:bg-gray-200", "rounded-md", "p-1 md:p-2"), onClick: (e) => {
+                            e.preventDefault();
+                            if (debug) {
+                                console.log("[DashboardSidebarItemRenderer] onClick(", item, ")");
+                            }
+                            setSidebarOpen(false);
+                        }, children: _jsxs(m.div, { layout: true, className: cn("w-full", "flex flex-row flex-nowrap", "justify-start items-center", "text-nowrap"), variants: {
+                                expanded: {
+                                    justifyContent: "start",
+                                },
+                                collapsed: {
+                                    justifyContent: "center",
+                                },
+                            }, animate: mobile ? "expanded" : open ? "expanded" : "collapsed", children: [_jsx(IconComponent, { className: cn("h-6 w-6", itemColorClassName) }), _jsx(AnimatePresence, { children: showItemLabel && _jsx(SidebarMenuItemTitle, {}, item.title) })] }) }) }), _jsxs(TooltipContent, { side: "right", children: [item.title, _jsx(TooltipArrow, {})] })] }) }, item.title));
+}
+export default DashboardSidebarItemRenderer;
+//# sourceMappingURL=dashboard-sidebar-item-renderer.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-item-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-items-and-groups-context.d.ts

@@ -0,0 +1,4 @@
+import type { DashboardSidebarItemDefinition } from "./dashboard-sidebar-item-definition";
+import type { DashboardSidebarItemGroupDefinition } from "./dashboard-sidebar-item-group";
+export type DashboardSidebarItemsAndGroupsDefinitions = readonly (DashboardSidebarItemDefinition | DashboardSidebarItemGroupDefinition)[];
+export declare const DashboardSidebarItemsAndGroupsContext: import("react").Context<DashboardSidebarItemsAndGroupsDefinitions>;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-items-and-groups-context.js

@@ -0,0 +1,4 @@
+"use client";
+import { createContext } from "react";
+export const DashboardSidebarItemsAndGroupsContext = createContext([]);
+//# sourceMappingURL=dashboard-sidebar-items-and-groups-context.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-items-and-groups-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-items-and-groups-context.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-items-and-groups-context.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAStC,MAAM,CAAC,MAAM,qCAAqC,GAChD,aAAa,CAA4C,EAAE,CAAC,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement, ReactNode } from "react";
+import type { CustomizableDashboardLayoutComponent } from "../customizable-dashboard-component-type";
+import type { LinkComponentType } from "../../../../types/Link";
+export interface DashboardLayoutSidebarLayoutProps {
+    wordmark: ReactNode;
+    logo: ReactNode;
+    Link: LinkComponentType;
+    brandHref: string;
+    sidebarFooterContent?: CustomizableDashboardLayoutComponent;
+    className?: string;
+}
+export declare function DashboardLayoutSidebarLayout({ logo, wordmark, Link, brandHref, ...props }: DashboardLayoutSidebarLayoutProps): ReactElement;
+export default DashboardLayoutSidebarLayout;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import DashboardSidebarHeader from "./dashboard-sidebar-header";
+import DashboardSidebarContent from "./dashboard-sidebar-content";
+import DashboardSidebarFooter from "./dashboard-sidebar-footer";
+import { cn } from "../../../../lib/utils";
+import { useDashboardSidebarSizing } from "./useDashboardSidebarSizing";
+import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
+import { Separator } from "../../../ui";
+export function DashboardLayoutSidebarLayout({ logo, wordmark, Link, brandHref, ...props }) {
+    const size = useDashboardSidebarSizing();
+    const openState = useDashboardSidebarOpenState();
+    const desktop = !openState.mobile;
+    let widthClassName;
+    if (openState.mobile) {
+        widthClassName = size.mobile_expanded_classname;
+    }
+    else {
+        // desktop
+        if (openState.open) {
+            widthClassName = size.desktop_expanded_classname;
+        }
+        else {
+            widthClassName = size.desktop_collapsed_classname;
+        }
+    }
+    return (_jsxs("menu", { className: cn("h-screen max-h-screen", desktop ? "absolute" : undefined, "transition-[width] ease-linear will-change-[width]", "flex flex-col justify-between items-stretch", "border-r", "p-0", size.sidebar_and_header_z_index_classname, widthClassName, props.className), children: [_jsx(DashboardSidebarHeader, { wordmark: wordmark, logo: logo, Link: Link, brandHref: brandHref }), _jsx(Separator, {}), _jsx(DashboardSidebarContent, { Link: Link }), typeof props.sidebarFooterContent === "function" && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(DashboardSidebarFooter, { Link: Link, sidebarFooterContent: props.sidebarFooterContent })] }))] }));
+}
+export default DashboardLayoutSidebarLayout;
+//# sourceMappingURL=dashboard-sidebar-layout.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-layout.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAClE,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAgB5C,MAAM,UAAU,4BAA4B,CAAC,EAC3C,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EAC0B;IAClC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,OAAO,GAAY,CAAC,SAAS,CAAC,MAAM,CAAC;IAE3C,IAAI,cAAsB,CAAC;IAC3B,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,cAAc,GAAG,IAAI,CAAC,yBAAyB,CAAC;IAClD,CAAC;SAAM,CAAC;QACN,UAAU;QACV,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;YACnB,cAAc,GAAG,IAAI,CAAC,0BAA0B,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,cAAc,GAAG,IAAI,CAAC,2BAA2B,CAAC;QACpD,CAAC;IACH,CAAC;IAED,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAChC,oDAAoD,EACpD,6CAA6C,EAC7C,UAAU,EACV,KAAK,EACL,IAAI,CAAC,oCAAoC,EACzC,cAAc,EACd,KAAK,CAAC,SAAS,CAChB,aAED,KAAC,sBAAsB,IACrB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB,EACF,KAAC,SAAS,KAAG,EACb,KAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,GAAI,EACtC,OAAO,KAAK,CAAC,oBAAoB,KAAK,UAAU,IAAI,CACnD,8BACE,KAAC,SAAS,KAAG,EACb,KAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAChD,IACD,CACJ,IACI,CACR,CAAC;AACJ,CAAC;AAED,eAAe,4BAA4B,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-open-state-provider.d.ts

@@ -0,0 +1,7 @@
+import { type PropsWithChildren, type ReactElement } from "react";
+export interface DashboardSidebarOpenStateProviderProps extends PropsWithChildren {
+    onOpenSidebar?: () => void;
+    onCloseSidebar?: () => void;
+}
+export declare function DashboardSidebarOpenStateProvider({ children, onOpenSidebar, onCloseSidebar, }: DashboardSidebarOpenStateProviderProps): ReactElement;
+export default DashboardSidebarOpenStateProvider;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-open-state-provider.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { DashboardSidebarOpenStateContext, DashboardSidebarOpenStateDispatchContext, } from "./dashboard-sidebar-open-state";
+import { useIsMobile } from "../../../hooks";
+export function DashboardSidebarOpenStateProvider({ children, onOpenSidebar, onCloseSidebar, }) {
+    const [open, setOpen] = useState(false);
+    const mobile = useIsMobile();
+    return (_jsx(DashboardSidebarOpenStateContext.Provider, { value: { open, mobile }, children: _jsx(DashboardSidebarOpenStateDispatchContext.Provider, { value: (newOpenState) => {
+                setOpen(newOpenState);
+                if (newOpenState && typeof onOpenSidebar === "function") {
+                    try {
+                        onOpenSidebar();
+                    }
+                    catch (e) {
+                        console.error("Uncaught error in onOpenSidebar handler: ", e);
+                    }
+                }
+                if (!newOpenState && typeof onCloseSidebar === "function") {
+                    try {
+                        onCloseSidebar();
+                    }
+                    catch (e) {
+                        console.error("Uncaught error in onCloseSidebar handler: ", e);
+                    }
+                }
+                return;
+            }, children: children }) }));
+}
+export default DashboardSidebarOpenStateProvider;
+//# sourceMappingURL=dashboard-sidebar-open-state-provider.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-open-state-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-open-state-provider.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-open-state-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAA6C,MAAM,OAAO,CAAC;AAC5E,OAAO,EACL,gCAAgC,EAChC,wCAAwC,GACzC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAQjD,MAAM,UAAU,iCAAiC,CAAC,EAChD,QAAQ,EACR,aAAa,EACb,cAAc,GACyB;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAY,WAAW,EAAE,CAAC;IAEtC,OAAO,CACL,KAAC,gCAAgC,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,YAChE,KAAC,wCAAwC,CAAC,QAAQ,IAChD,KAAK,EAAE,CAAC,YAAqB,EAAQ,EAAE;gBACrC,OAAO,CAAC,YAAY,CAAC,CAAC;gBACtB,IAAI,YAAY,IAAI,OAAO,aAAa,KAAK,UAAU,EAAE,CAAC;oBACxD,IAAI,CAAC;wBACH,aAAa,EAAE,CAAC;oBAClB,CAAC;oBAAC,OAAO,CAAU,EAAE,CAAC;wBACpB,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,CAAC,CAAC,CAAC;oBAChE,CAAC;gBACH,CAAC;gBACD,IAAI,CAAC,YAAY,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;oBAC1D,IAAI,CAAC;wBACH,cAAc,EAAE,CAAC;oBACnB,CAAC;oBAAC,OAAO,CAAU,EAAE,CAAC;wBACpB,OAAO,CAAC,KAAK,CAAC,4CAA4C,EAAE,CAAC,CAAC,CAAC;oBACjE,CAAC;gBACH,CAAC;gBACD,OAAO;YACT,CAAC,YAEA,QAAQ,GACyC,GACV,CAC7C,CAAC;AACJ,CAAC;AAED,eAAe,iCAAiC,CAAC"}

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-open-state.d.ts

@@ -0,0 +1,7 @@
+export interface IDashboardSidebarOpenStateContextType {
+    open: boolean;
+    mobile: boolean | undefined;
+}
+export declare const DashboardSidebarOpenStateContext: import("react").Context<IDashboardSidebarOpenStateContextType | null>;
+export type DashboardSidebarOpenStateDispatchType = (openState: boolean) => void;
+export declare const DashboardSidebarOpenStateDispatchContext: import("react").Context<DashboardSidebarOpenStateDispatchType>;

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-open-state.js

@@ -0,0 +1,8 @@
+"use client";
+import { createContext } from "react";
+export const DashboardSidebarOpenStateContext = createContext(null);
+export const DashboardSidebarOpenStateDispatchContext = createContext((openState) => {
+    void openState;
+    throw new Error("Not within <DashboardSidebarOpenStateDispatchContext.Provider>!");
+});
+//# sourceMappingURL=dashboard-sidebar-open-state.js.map

package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-open-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-sidebar-open-state.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-open-state.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAA4B,MAAM,OAAO,CAAC;AAOhE,MAAM,CAAC,MAAM,gCAAgC,GAC3C,aAAa,CAA+C,IAAI,CAAC,CAAC;AAMpE,MAAM,CAAC,MAAM,wCAAwC,GACnD,aAAa,CACX,CAAC,SAAkB,EAAQ,EAAE;IAC3B,KAAK,SAAS,CAAC;IACf,MAAM,IAAI,KAAK,CACb,iEAAiE,CAClE,CAAC;AACJ,CAAC,CACF,CAAC"}