@schemavaults/ui 0.11.128

package/README.md

@@ -0,0 +1,58 @@
+# @schemavaults/ui
+
+## About
+
+SchemaVaults React.js UI component library package. [Here's the @schemavaults/ui Storybook.js site](https://ui.schemavaults.com) which previews some of the utilities and UI components avaialble.
+
+## Usage
+
+### Ensure that globals.css is imported from @schemavaults/theme
+
+```javascript
+import "@schemavaults/theme/globals.css"
+```
+
+### Ensure that the app's TailwindCSS configuration `content` field matches any code files
+
+```javascript
+// ...
+const config = configFactory.createConfig({
+  content: ["./src/**/*.ts|tsx|js|jsx", "../../packages/ui/dist/**/*.ts|tsx|js|jsx"]
+});
+export default config;
+```
+
+
+### Import and render components
+
+```tsx
+"use client";
+import { Button } from "@schemavaults/ui";
+import type { ReactElement } from "react";
+
+function MyButton(): ReactElement {
+  return (
+    <Button>Submit</Button>
+  )
+}
+```
+
+## Storybook.js
+
+This project contains a [Storybook.js](https://storybook.js.org/) setup.
+
+### SchemaVaults UI Storybook.js Site Development
+
+Run the Storybook development server:
+```bash
+bun run storybook
+```
+
+### SchemaVaults UI Storybook.js Production Site
+
+Find a live version of the SchemaVaults UI Storybook site at: [ui.schemavaults.com](https://ui.schemavaults.com)
+
+Build a production version of the site with:
+```bash
+bun run build:storybook
+```

package/dist/components/error/ErrorPage/ErrorPage.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from "react";
+export type ErrorPageProps = {
+    error: Error;
+} | {
+    error: number | string;
+    message: string;
+};
+export declare function ErrorPage(props: ErrorPageProps): ReactElement;
+export default ErrorPage;

package/dist/components/error/ErrorPage/ErrorPage.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Wordmark } from "../../ui/wordmark";
+export function ErrorPage(props) {
+    if (!("error" in props)) {
+        throw new Error("ErrorPage did not receive an `error` prop");
+    }
+    const error = props.error;
+    let errorMsg;
+    if (typeof error === "number"
+        ||
+            typeof error === 'string') {
+        const message = props.message;
+        errorMsg = `${error}: ${message}`;
+    }
+    else if (error instanceof Error) {
+        errorMsg = error.message;
+    }
+    else {
+        errorMsg = "An unknown error occurred!";
+    }
+    return (_jsxs("div", { className: "w-full grow flex flex-col justify-center items-center min-h-screen p-2 md:p-4 lg:p-8", children: [_jsxs("h1", { className: "text-xl flex flex-row gap-4", children: [_jsx(Wordmark, {}), " Error"] }), _jsx("p", { className: "text-md", children: errorMsg })] }));
+}
+export default ErrorPage;
+//# sourceMappingURL=ErrorPage.js.map

package/dist/components/error/ErrorPage/ErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../../src/components/error/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AASpD,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,IAAI,QAAgB,CAAC;IACrB,IACE,OAAO,KAAK,KAAK,QAAQ;;YAEzB,OAAO,KAAK,KAAK,QAAQ,EACzB,CAAC;QACD,MAAM,OAAO,GAAY,KAA4C,CAAC,OAAO,CAAC;QAC9E,QAAQ,GAAG,GAAG,KAAK,KAAK,OAAO,EAAE,CAAC;IACpC,CAAC;SAAM,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;QAClC,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;IAC3B,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,4BAAqC,CAAC;IACnD,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAC,sFAAsF,aACnG,cAAI,SAAS,EAAC,6BAA6B,aACzC,KAAC,QAAQ,KAAG,cACT,EAEL,YAAG,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAK,IACjC,CACP,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/components/error/ErrorPage/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ErrorPage";
+export type * from "./ErrorPage";
+export { ErrorPage as default } from "./ErrorPage";

package/dist/components/error/ErrorPage/index.js

@@ -0,0 +1,3 @@
+export * from "./ErrorPage";
+export { ErrorPage as default } from "./ErrorPage";
+//# sourceMappingURL=index.js.map

package/dist/components/error/ErrorPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/error/ErrorPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './ErrorPage';
+export type * from './ErrorPage';

package/dist/components/error/index.js

@@ -0,0 +1,2 @@
+export * from './ErrorPage';
+//# sourceMappingURL=index.js.map

package/dist/components/error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/error/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/hoc/any-position-context-menu-hoc.d.ts

@@ -0,0 +1,24 @@
+import { type FC, type RefObject } from "react";
+export interface IAnyPositionContextMenuHOCInput<T extends object, ContextMenuContentComponentType extends Node> {
+    getKey: (data: T) => string;
+    initialData?: T | null;
+    initialPosition?: {
+        x: number;
+        y: number;
+    } | null;
+    ContextMenuContent: FC<{
+        data: T;
+        ref: RefObject<ContextMenuContentComponentType | null>;
+        close: () => void;
+    }>;
+}
+export interface IAnyPositionContextMenuHOCOutput<T extends object> {
+    AnyPositionContextMenuProvider: FC;
+    useContextMenuData: () => T | null;
+    useCloseContextMenu: () => () => void;
+    useOpenContextMenu: () => (position: {
+        x: number;
+        y: number;
+    }, data: T) => void;
+}
+export declare function AnyPositionContextMenuHOC<T extends object, ContextMenuContentComponentType extends Node>({ initialData, initialPosition, ContextMenuContent, }: IAnyPositionContextMenuHOCInput<T, ContextMenuContentComponentType>): IAnyPositionContextMenuHOCOutput<T>;

package/dist/components/hoc/any-position-context-menu-hoc.js

@@ -0,0 +1,118 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AnimatePresence, m } from "framer-motion";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+function useContextMenuDebug() {
+    return useMemo(() => {
+        let isDebug = false;
+        try {
+            if (process.env.NODE_ENV === "development") {
+                isDebug = true;
+            }
+        }
+        catch (e) { }
+        return isDebug;
+    }, []);
+}
+export function AnyPositionContextMenuHOC({ initialData, initialPosition, ContextMenuContent, }) {
+    const debug = useContextMenuDebug();
+    const PositionContext = createContext(null);
+    const ContextMenuDataContext = createContext(null);
+    const [state, setState] = useState({
+        position: initialPosition ?? null,
+        data: initialData ?? null,
+    });
+    const contextMenuData = useMemo(() => {
+        return state.data;
+    }, [state]);
+    const contextMenuPosition = useMemo(() => {
+        return state.position;
+    }, [state]);
+    const closeContextMenuCallback = useCallback(() => {
+        if (debug) {
+            console.log("[AnyPositionContextMenuHOC] closeContextMenuCallback()");
+        }
+        setState({
+            position: null,
+            data: null,
+        });
+        return;
+    }, [setState]);
+    function AnyPositionContextMenuRenderer({ hideContextMenu, }) {
+        const position = useContext(PositionContext);
+        const data = useContext(ContextMenuDataContext);
+        const menuRef = useRef(null);
+        useEffect(() => {
+            function handleClickOutside(event) {
+                if (!menuRef || !menuRef.current) {
+                    return;
+                }
+                try {
+                    if (debug) {
+                        console.log("[AnyPositionContextMenuHOC] handleClickOutside() menuRef:", menuRef, "eventTarget:", event.target);
+                    }
+                    if (menuRef.current &&
+                        !menuRef.current.contains(event.target)) {
+                        if (debug) {
+                            console.log("[AnyPositionContextMenuHOC] handleClickOutside() - closing context menu...");
+                        }
+                        hideContextMenu();
+                    }
+                    else {
+                        if (debug) {
+                            console.log("[AnyPositionContextMenuHOC] handleClickOutside() - click appears to be within context menu boundary - pass...");
+                        }
+                        return;
+                    }
+                }
+                catch (e) {
+                    console.warn("Failed to check if context menu should be closed based on clicking outside of menu!", e);
+                }
+            }
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [hideContextMenu]);
+        return (_jsx(AnimatePresence, { mode: "wait", children: position && data && (_jsx(m.div, { animate: {
+                    opacity: 1,
+                    scale: "100%",
+                }, exit: {
+                    opacity: 0,
+                    scale: "0%",
+                }, initial: {
+                    opacity: 0,
+                    scale: "0%",
+                }, style: {
+                    top: position.y,
+                    left: position.x,
+                    position: "absolute",
+                    pointerEvents: "auto",
+                }, children: _jsx(ContextMenuContent, { data: data, ref: menuRef, close: closeContextMenuCallback }) }, `s`)) }));
+    }
+    function AnyPositionContextMenuProvider() {
+        return (_jsx(PositionContext.Provider, { value: contextMenuPosition, children: _jsx(ContextMenuDataContext.Provider, { value: contextMenuData, children: _jsx(AnyPositionContextMenuRenderer, { hideContextMenu: closeContextMenuCallback }) }) }));
+    }
+    const openContextMenuCallback = useCallback((position, data) => {
+        if (debug) {
+            console.log("[AnyPositionContextMenuHOC] openContextMenuCallback(", position, data, ")");
+        }
+        setState({
+            position,
+            data,
+        });
+    }, [setState]);
+    return {
+        AnyPositionContextMenuProvider,
+        useCloseContextMenu() {
+            return closeContextMenuCallback;
+        },
+        useContextMenuData() {
+            return contextMenuData;
+        },
+        useOpenContextMenu() {
+            return openContextMenuCallback;
+        },
+    };
+}
+//# sourceMappingURL=any-position-context-menu-hoc.js.map

package/dist/components/hoc/any-position-context-menu-hoc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"any-position-context-menu-hoc.js","sourceRoot":"","sources":["../../../src/components/hoc/any-position-context-menu-hoc.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from "./any-position-context-menu-hoc";
+export type * from "./any-position-context-menu-hoc";

package/dist/components/hoc/index.js

@@ -0,0 +1,2 @@
+export * from "./any-position-context-menu-hoc";
+//# sourceMappingURL=index.js.map

package/dist/components/hoc/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/hoc/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from "./use-toast";
+export type * from "./use-toast";
+export * from "./use-mobile";
+export type * from "./use-mobile";

package/dist/components/hooks/index.js

@@ -0,0 +1,3 @@
+export * from "./use-toast";
+export * from "./use-mobile";
+//# sourceMappingURL=index.js.map

package/dist/components/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAG5B,cAAc,cAAc,CAAC"}

package/dist/components/hooks/use-debug.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebug(): boolean;
+export default useDebug;

package/dist/components/hooks/use-debug.js

@@ -0,0 +1,23 @@
+"use client";
+export function useDebug() {
+    try {
+        if (process.env.NODE_ENV === "development") {
+            return true;
+        }
+    }
+    catch (e) { }
+    try {
+        if (typeof process.env.SCHEMAVAULTS_UI_DEBUG === "string" &&
+            process.env.SCHEMAVAULTS_UI_DEBUG.includes("true")) {
+            return true;
+        }
+        if (typeof process.env.NEXT_PUBLIC_SCHEMAVAULTS_UI_DEBUG === "string" &&
+            process.env.NEXT_PUBLIC_SCHEMAVAULTS_UI_DEBUG.includes("true")) {
+            return true;
+        }
+    }
+    catch (e) { }
+    return false;
+}
+export default useDebug;
+//# sourceMappingURL=use-debug.js.map

package/dist/components/hooks/use-debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debug.js","sourceRoot":"","sources":["../../../src/components/hooks/use-debug.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,MAAM,UAAU,QAAQ;IACtB,IAAI,CAAC;QACH,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;YAC3C,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAAC,OAAO,CAAU,EAAE,CAAC,CAAA,CAAC;IACvB,IAAI,CAAC;QACH,IACE,OAAO,OAAO,CAAC,GAAG,CAAC,qBAAqB,KAAK,QAAQ;YACrD,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAClD,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IACE,OAAO,OAAO,CAAC,GAAG,CAAC,iCAAiC,KAAK,QAAQ;YACjE,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC9D,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAAC,OAAO,CAAU,EAAE,CAAC,CAAA,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/hooks/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(mobileBreakpoint?: number): boolean;
+export default useIsMobile;

package/dist/components/hooks/use-mobile.js

@@ -0,0 +1,18 @@
+"use client";
+import { getScreenWidthBreakpoint } from "../../lib/getTailwindThemeScreenBreakpoint";
+import { useEffect, useState } from "react";
+export function useIsMobile(mobileBreakpoint = getScreenWidthBreakpoint("md")) {
+    const [isMobile, setIsMobile] = useState(undefined);
+    useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < mobileBreakpoint);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < mobileBreakpoint);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}
+export default useIsMobile;
+//# sourceMappingURL=use-mobile.js.map

package/dist/components/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","sourceRoot":"","sources":["../../../src/components/hooks/use-mobile.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,WAAW,CACzB,mBAA2B,wBAAwB,CAAC,IAAI,CAAC;IAEzD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,SAAS,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAmB,MAAM,CAAC,UAAU,CAC3C,eAAe,gBAAgB,GAAG,CAAC,KAAK,CACzC,CAAC;QACF,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,gBAAgB,CAAC,CAAC;QACpD,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACzC,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,gBAAgB,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,CAAC,QAAQ,CAAC;AACpB,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/components/hooks/use-toast.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+import type { ToastActionElement, ToastProps } from "../ui/toast";
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterToast;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterToast["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterToast["id"];
+};
+interface State {
+    toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, "id">;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { useToast, toast };

package/dist/components/hooks/use-toast.js

@@ -0,0 +1,129 @@
+"use client";
+// Inspired by react-hot-toast library
+import * as React from "react";
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1000000;
+const actionTypes = {
+    ADD_TOAST: "ADD_TOAST",
+    UPDATE_TOAST: "UPDATE_TOAST",
+    DISMISS_TOAST: "DISMISS_TOAST",
+    REMOVE_TOAST: "REMOVE_TOAST",
+};
+let count = 0;
+function genId() {
+    count = (count + 1) % Number.MAX_SAFE_INTEGER;
+    return count.toString();
+}
+const toastTimeouts = new Map();
+const addToRemoveQueue = (toastId) => {
+    if (toastTimeouts.has(toastId)) {
+        return;
+    }
+    const timeout = setTimeout(() => {
+        toastTimeouts.delete(toastId);
+        dispatch({
+            type: "REMOVE_TOAST",
+            toastId: toastId,
+        });
+    }, TOAST_REMOVE_DELAY);
+    toastTimeouts.set(toastId, timeout);
+};
+export const reducer = (state, action) => {
+    switch (action.type) {
+        case "ADD_TOAST":
+            return {
+                ...state,
+                toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+            };
+        case "UPDATE_TOAST":
+            return {
+                ...state,
+                toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t),
+            };
+        case "DISMISS_TOAST": {
+            const { toastId } = action;
+            // ! Side effects ! - This could be extracted into a dismissToast() action,
+            // but I'll keep it here for simplicity
+            if (toastId) {
+                addToRemoveQueue(toastId);
+            }
+            else {
+                state.toasts.forEach((toast) => {
+                    addToRemoveQueue(toast.id);
+                });
+            }
+            return {
+                ...state,
+                toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined
+                    ? {
+                        ...t,
+                        open: false,
+                    }
+                    : t),
+            };
+        }
+        case "REMOVE_TOAST":
+            if (action.toastId === undefined) {
+                return {
+                    ...state,
+                    toasts: [],
+                };
+            }
+            return {
+                ...state,
+                toasts: state.toasts.filter((t) => t.id !== action.toastId),
+            };
+    }
+};
+const listeners = [];
+let memoryState = { toasts: [] };
+function dispatch(action) {
+    memoryState = reducer(memoryState, action);
+    listeners.forEach((listener) => {
+        listener(memoryState);
+    });
+}
+function toast({ ...props }) {
+    const id = genId();
+    const update = (props) => dispatch({
+        type: "UPDATE_TOAST",
+        toast: { ...props, id },
+    });
+    const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+    dispatch({
+        type: "ADD_TOAST",
+        toast: {
+            ...props,
+            id,
+            open: true,
+            onOpenChange: (open) => {
+                if (!open)
+                    dismiss();
+            },
+        },
+    });
+    return {
+        id: id,
+        dismiss,
+        update,
+    };
+}
+function useToast() {
+    const [state, setState] = React.useState(memoryState);
+    React.useEffect(() => {
+        listeners.push(setState);
+        return () => {
+            const index = listeners.indexOf(setState);
+            if (index > -1) {
+                listeners.splice(index, 1);
+            }
+        };
+    }, [state]);
+    return {
+        ...state,
+        toast,
+        dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId }),
+    };
+}
+export { useToast, toast };
+//# sourceMappingURL=use-toast.js.map

package/dist/components/hooks/use-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast.js","sourceRoot":"","sources":["../../../src/components/hooks/use-toast.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import type { PropsWithChildren, ReactNode } from "react";
+import type { CustomizableDashboardLayoutComponent } from "./customizable-dashboard-component-type";
+import type { DashboardSidebarItemsAndGroupsDefinitions, DashboardLayoutSidebarSizing } from "./dashboard-sidebar";
+import type { LinkComponentType } from "../../../types/Link";
+export interface DashboardLayoutProps extends PropsWithChildren {
+    wordmark: ReactNode;
+    logo: ReactNode;
+    Link: LinkComponentType;
+    brandHref: string;
+    topBarTitle: string | CustomizableDashboardLayoutComponent;
+    topBarButtons?: CustomizableDashboardLayoutComponent;
+    sidebarFooterContent?: CustomizableDashboardLayoutComponent;
+    sidebarItems: DashboardSidebarItemsAndGroupsDefinitions;
+    sizing?: DashboardLayoutSidebarSizing;
+    onOpenSidebar?: () => void;
+    onCloseSidebar?: () => void;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DashboardLayoutProps.js.map

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

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

package/dist/components/layout/dashboard-layout/customizable-dashboard-component-type.d.ts

@@ -0,0 +1,11 @@
+import type { PropsWithChildren, ReactElement } from "react";
+import type { DashboardLayoutSidebarSizing, IDashboardSidebarOpenStateContextType } from "./dashboard-sidebar";
+export interface ICustomizableDashboardLayoutComponentProps {
+    useDashboardSidebarSizing: () => DashboardLayoutSidebarSizing;
+    useDashboardSidebarOpenState: () => IDashboardSidebarOpenStateContextType;
+    Link: (props: PropsWithChildren<{
+        href: string;
+        className?: string;
+    }>) => ReactElement;
+}
+export type CustomizableDashboardLayoutComponent = (props: ICustomizableDashboardLayoutComponentProps) => ReactElement;

package/dist/components/layout/dashboard-layout/customizable-dashboard-component-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=customizable-dashboard-component-type.js.map

package/dist/components/layout/dashboard-layout/customizable-dashboard-component-type.js.map

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

package/dist/components/layout/dashboard-layout/dashboard-layout-main-content-container.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithChildren, ReactElement } from "react";
+export interface DashboardLayoutMainContentContainerProps extends PropsWithChildren {
+}
+export declare function DashboardLayoutMainContentContainer({ children, }: DashboardLayoutMainContentContainerProps): ReactElement;
+export default DashboardLayoutMainContentContainer;

package/dist/components/layout/dashboard-layout/dashboard-layout-main-content-container.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDashboardSidebarSizing, useDashboardSidebarOpenState, } from "./dashboard-sidebar";
+import { cn } from "../../../lib/utils";
+export function DashboardLayoutMainContentContainer({ children, }) {
+    const openState = useDashboardSidebarOpenState();
+    const size = useDashboardSidebarSizing();
+    return (_jsx("div", { id: "dashboard-layout-main-content-container", className: cn("absolute", "h-full grow", "overflow-x-hidden overflow-y-scroll", "max-md:w-screen", "transition-[width,left] ease-linear will-change-[width]", openState.open
+            ? size.content_container_desktop_sidebar_open_width_classname
+            : size.content_container_desktop_sidebar_closed_width_classname, "max-md:left-0", openState.open
+            ? size.content_container_desktop_sidebar_open_left_classname
+            : size.content_container_desktop_sidebar_closed_left_classname), children: children }));
+}
+export default DashboardLayoutMainContentContainer;
+//# sourceMappingURL=dashboard-layout-main-content-container.js.map

package/dist/components/layout/dashboard-layout/dashboard-layout-main-content-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-main-content-container.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/dashboard-layout-main-content-container.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EACL,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAKjC,MAAM,UAAU,mCAAmC,CAAC,EAClD,QAAQ,GACiC;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IAEzC,OAAO,CACL,cACE,EAAE,EAAC,yCAAyC,EAC5C,SAAS,EAAE,EAAE,CACX,UAAU,EACV,aAAa,EACb,qCAAqC,EACrC,iBAAiB,EACjB,yDAAyD,EACzD,SAAS,CAAC,IAAI;YACZ,CAAC,CAAC,IAAI,CAAC,sDAAsD;YAC7D,CAAC,CAAC,IAAI,CAAC,wDAAwD,EACjE,eAAe,EACf,SAAS,CAAC,IAAI;YACZ,CAAC,CAAC,IAAI,CAAC,qDAAqD;YAC5D,CAAC,CAAC,IAAI,CAAC,uDAAuD,CACjE,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,eAAe,mCAAmC,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { ReactElement } from "react";
+import type { DashboardLayoutProps } from "./DashboardLayoutProps";
+export type { DashboardLayoutProps };
+/**
+ *
+ * @param param0 DashboardLayoutProps
+ *
+ * @returns A layout component wrapping the page content of 'children'
+ */
+export declare function DashboardLayout({ children, wordmark, logo, Link, brandHref, topBarTitle, ...props }: DashboardLayoutProps): ReactElement;
+export default DashboardLayout;