@seedgrid/fe-components 0.2.10 → 2026.3.1

package/dist/layout/SgExpandablePanel.js

@@ -0,0 +1,302 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { createPortal } from "react-dom";
+function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+function clamp(value, min, max) {
+    return Math.max(min, Math.min(value, max));
+}
+function toCssSize(value, fallback) {
+    if (value === undefined || value === null)
+        return `${fallback}px`;
+    if (typeof value === "number")
+        return `${value}px`;
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : `${fallback}px`;
+}
+function parsePx(value) {
+    if (typeof value === "number" && Number.isFinite(value))
+        return value;
+    if (typeof value !== "string")
+        return undefined;
+    const trimmed = value.trim().toLowerCase();
+    if (!trimmed)
+        return undefined;
+    const match = /^(-?\d+(?:\.\d+)?)(px)?$/.exec(trimmed);
+    if (!match)
+        return undefined;
+    const parsed = Number(match[1]);
+    return Number.isFinite(parsed) ? parsed : undefined;
+}
+function axisForDirection(direction) {
+    return direction === "left" || direction === "right" ? "x" : "y";
+}
+function closedTransform(direction) {
+    if (direction === "right")
+        return "-translate-x-full";
+    if (direction === "left")
+        return "translate-x-full";
+    if (direction === "bottom")
+        return "-translate-y-full";
+    return "translate-y-full";
+}
+function elevationClass(elevation) {
+    if (elevation === "sm")
+        return "shadow-sm";
+    if (elevation === "md")
+        return "shadow-md";
+    if (elevation === "lg")
+        return "shadow-lg";
+    return "";
+}
+function roundedClass(rounded) {
+    if (rounded === "none")
+        return "rounded-none";
+    if (rounded === "md")
+        return "rounded-md";
+    if (rounded === "lg")
+        return "rounded-lg";
+    return "rounded-xl";
+}
+function getFocusableElements(root) {
+    return Array.from(root.querySelectorAll(`button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`)).filter((el) => !el.hasAttribute("disabled") && el.getAttribute("aria-hidden") !== "true");
+}
+export const SgExpandablePanel = React.forwardRef(function SgExpandablePanel(props, ref) {
+    const { header, children, footer, handle, open, defaultOpen = false, onOpenChange, expandTo, placement = "start", mode = "inline", size, resizable = false, onSizeChange, closeOnOutsideClick, closeOnEsc = true, trapFocus, showBackdrop = true, animation, elevation = "md", border = true, rounded = "lg", ariaLabel, role, className, contentClassName, headerClassName, bodyClassName, footerClassName, overlayClassName, style } = props;
+    const isControlled = open !== undefined;
+    const [openUncontrolled, setOpenUncontrolled] = React.useState(defaultOpen);
+    const isOpen = isControlled ? !!open : openUncontrolled;
+    const setOpen = React.useCallback((next) => {
+        if (!isControlled)
+            setOpenUncontrolled(next);
+        onOpenChange?.(next);
+    }, [isControlled, onOpenChange]);
+    const axis = axisForDirection(expandTo);
+    const fallbackMainSize = axis === "x" ? 320 : 280;
+    const [mainSize, setMainSize] = React.useState(size?.default ?? fallbackMainSize);
+    React.useEffect(() => {
+        if (size?.default !== undefined) {
+            setMainSize(size.default);
+        }
+    }, [size?.default]);
+    const minPx = parsePx(size?.min) ?? (axis === "x" ? 180 : 140);
+    const maxPx = parsePx(size?.max) ?? Number.POSITIVE_INFINITY;
+    const mainSizeCss = toCssSize(mainSize, fallbackMainSize);
+    const minSizeCss = size?.min !== undefined ? toCssSize(size.min, minPx) : undefined;
+    const maxSizeCss = size?.max !== undefined && Number.isFinite(maxPx)
+        ? toCssSize(size.max, maxPx)
+        : size?.max !== undefined
+            ? toCssSize(size.max, fallbackMainSize)
+            : undefined;
+    const resolvedTrapFocus = trapFocus ?? mode === "overlay";
+    const resolvedCloseOnOutsideClick = closeOnOutsideClick ?? mode === "overlay";
+    const shouldRenderBackdrop = showBackdrop || resolvedCloseOnOutsideClick;
+    const animationType = animation?.type ?? "slide";
+    const durationMs = animation?.durationMs ?? 180;
+    const [mounted, setMounted] = React.useState(false);
+    const [present, setPresent] = React.useState(isOpen);
+    const [entered, setEntered] = React.useState(isOpen);
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    React.useEffect(() => {
+        if (mode !== "overlay") {
+            setEntered(isOpen);
+            return;
+        }
+        if (isOpen) {
+            setPresent(true);
+            const id = window.requestAnimationFrame(() => setEntered(true));
+            return () => window.cancelAnimationFrame(id);
+        }
+        setEntered(false);
+        const delay = animationType === "none" ? 0 : durationMs;
+        const id = window.setTimeout(() => setPresent(false), delay);
+        return () => window.clearTimeout(id);
+    }, [mode, isOpen, animationType, durationMs]);
+    React.useEffect(() => {
+        if (mode !== "overlay" || !present || !isOpen)
+            return;
+        const original = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+        return () => {
+            document.body.style.overflow = original;
+        };
+    }, [mode, present, isOpen]);
+    const panelRef = React.useRef(null);
+    const overlayRef = React.useRef(null);
+    const mergedRef = React.useMemo(() => (node) => {
+        panelRef.current = node;
+        if (typeof ref === "function")
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const lastActiveRef = React.useRef(null);
+    React.useEffect(() => {
+        if (mode !== "overlay" || !isOpen)
+            return;
+        lastActiveRef.current = document.activeElement;
+        const id = window.setTimeout(() => {
+            const root = panelRef.current;
+            if (!root)
+                return;
+            const focusables = getFocusableElements(root);
+            (focusables[0] ?? root).focus?.();
+        }, 0);
+        return () => window.clearTimeout(id);
+    }, [mode, isOpen]);
+    React.useEffect(() => {
+        if (mode !== "overlay")
+            return;
+        if (isOpen || present)
+            return;
+        lastActiveRef.current?.focus?.();
+    }, [mode, isOpen, present]);
+    React.useEffect(() => {
+        if (mode !== "overlay" || !isOpen)
+            return;
+        const onKeyDown = (event) => {
+            if (closeOnEsc && event.key === "Escape") {
+                event.preventDefault();
+                setOpen(false);
+                return;
+            }
+            if (!resolvedTrapFocus || event.key !== "Tab")
+                return;
+            const root = panelRef.current;
+            if (!root)
+                return;
+            const focusables = getFocusableElements(root);
+            if (focusables.length === 0)
+                return;
+            const first = focusables[0];
+            const last = focusables[focusables.length - 1];
+            if (!first || !last)
+                return;
+            const active = document.activeElement;
+            if (!event.shiftKey && active === last) {
+                event.preventDefault();
+                first.focus();
+            }
+            else if (event.shiftKey && active === first) {
+                event.preventDefault();
+                last.focus();
+            }
+        };
+        document.addEventListener("keydown", onKeyDown);
+        return () => document.removeEventListener("keydown", onKeyDown);
+    }, [mode, isOpen, closeOnEsc, resolvedTrapFocus, setOpen]);
+    const resizeState = React.useRef(null);
+    const onResizeStart = React.useCallback((event) => {
+        if (!resizable)
+            return;
+        const panel = panelRef.current;
+        if (!panel)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        const rect = panel.getBoundingClientRect();
+        resizeState.current = {
+            startX: event.clientX,
+            startY: event.clientY,
+            startSize: axis === "x" ? rect.width : rect.height
+        };
+        const onMove = (moveEvent) => {
+            if (!resizeState.current)
+                return;
+            const dx = moveEvent.clientX - resizeState.current.startX;
+            const dy = moveEvent.clientY - resizeState.current.startY;
+            const delta = axis === "x"
+                ? expandTo === "right"
+                    ? dx
+                    : -dx
+                : expandTo === "bottom"
+                    ? dy
+                    : -dy;
+            const next = clamp(resizeState.current.startSize + delta, minPx, maxPx);
+            setMainSize(next);
+            onSizeChange?.(next);
+        };
+        const onUp = () => {
+            resizeState.current = null;
+            window.removeEventListener("pointermove", onMove);
+            window.removeEventListener("pointerup", onUp);
+            window.removeEventListener("pointercancel", onUp);
+        };
+        window.addEventListener("pointermove", onMove);
+        window.addEventListener("pointerup", onUp);
+        window.addEventListener("pointercancel", onUp);
+    }, [axis, expandTo, maxPx, minPx, onSizeChange, resizable]);
+    const panelBaseClass = cn("relative min-h-0 min-w-0 overflow-hidden bg-background text-foreground", "flex flex-col", border ? "border border-border" : "", roundedClass(rounded), elevationClass(elevation), animationType === "none"
+        ? ""
+        : "transition-[transform,opacity,width,height] ease-out", contentClassName);
+    const panelRole = role ?? (mode === "overlay" ? "dialog" : "region");
+    const panelAriaLabel = ariaLabel ?? "Expandable panel";
+    const transitionStyle = animationType === "none" ? { transitionDuration: "0ms" } : { transitionDuration: `${durationMs}ms` };
+    const resizeHandleClass = expandTo === "right"
+        ? "absolute inset-y-0 right-0 w-1 cursor-ew-resize"
+        : expandTo === "left"
+            ? "absolute inset-y-0 left-0 w-1 cursor-ew-resize"
+            : expandTo === "bottom"
+                ? "absolute inset-x-0 bottom-0 h-1 cursor-ns-resize"
+                : "absolute inset-x-0 top-0 h-1 cursor-ns-resize";
+    const renderPanelContent = (extraStyle, stateClass) => (_jsxs("div", { ref: mergedRef, role: panelRole, "aria-modal": mode === "overlay" ? true : undefined, "aria-label": panelAriaLabel, tabIndex: -1, className: cn(panelBaseClass, stateClass, className), style: { ...extraStyle, ...style, ...transitionStyle }, children: [handle ? _jsx("div", { className: "px-3 pt-2", children: handle }) : null, header ? (_jsx("div", { className: cn("shrink-0 border-b border-border px-4 py-3", headerClassName), children: header })) : null, _jsx("div", { className: cn("min-h-0 flex-1 overflow-auto px-4 py-3", bodyClassName), children: children }), footer ? (_jsx("div", { className: cn("shrink-0 border-t border-border px-4 py-3", footerClassName), children: footer })) : null, resizable ? (_jsx("div", { className: cn(resizeHandleClass, "z-20 bg-transparent transition-colors hover:bg-primary/20 active:bg-primary/30"), onPointerDown: onResizeStart, "aria-hidden": "true" })) : null] }));
+    if (mode === "inline") {
+        const wrapperStyle = axis === "x"
+            ? {
+                width: isOpen ? mainSizeCss : "0px",
+                minWidth: isOpen ? minSizeCss : undefined,
+                maxWidth: maxSizeCss
+            }
+            : {
+                height: isOpen ? mainSizeCss : "0px",
+                minHeight: isOpen ? minSizeCss : undefined,
+                maxHeight: maxSizeCss
+            };
+        const inlineStateClass = animationType === "fade"
+            ? isOpen
+                ? "opacity-100"
+                : "opacity-0"
+            : animationType === "slide"
+                ? cn(isOpen ? "opacity-100 translate-x-0 translate-y-0" : "opacity-0", !isOpen ? closedTransform(expandTo) : "")
+                : "";
+        return (_jsx("div", { className: cn("relative min-h-0 min-w-0 overflow-hidden", animationType === "none" ? "" : "transition-[width,height,opacity] ease-out"), style: { ...wrapperStyle, ...transitionStyle }, children: renderPanelContent(axis === "x"
+                ? { width: "100%", minWidth: 0, height: "100%" }
+                : { height: "100%", minHeight: 0, width: "100%" }, inlineStateClass) }));
+    }
+    if (!mounted || !present)
+        return null;
+    const overlayContainerClass = axis === "x"
+        ? cn("fixed inset-0 z-[1000] flex pointer-events-none", expandTo === "right" ? "justify-start" : "justify-end", placement === "start" ? "items-start" : placement === "center" ? "items-center" : "items-end")
+        : cn("fixed inset-0 z-[1000] flex flex-col pointer-events-none", expandTo === "bottom" ? "justify-start" : "justify-end", placement === "start" ? "items-start" : placement === "center" ? "items-center" : "items-end");
+    const overlayPanelStyle = axis === "x"
+        ? {
+            width: mainSizeCss,
+            minWidth: minSizeCss,
+            maxWidth: maxSizeCss,
+            height: placement === "center" ? "calc(100% - 2rem)" : "100%"
+        }
+        : {
+            height: mainSizeCss,
+            minHeight: minSizeCss,
+            maxHeight: maxSizeCss,
+            width: placement === "center" ? "calc(100% - 2rem)" : "100%"
+        };
+    const overlayStateClass = animationType === "fade"
+        ? entered
+            ? "opacity-100"
+            : "opacity-0"
+        : animationType === "slide"
+            ? cn(entered ? "opacity-100 translate-x-0 translate-y-0" : "opacity-0", !entered ? closedTransform(expandTo) : "")
+            : "";
+    return createPortal(_jsxs("div", { className: "fixed inset-0 z-[1000] pointer-events-none", children: [shouldRenderBackdrop ? (_jsx("div", { ref: overlayRef, className: cn("absolute inset-0 pointer-events-auto", showBackdrop ? "bg-black/40 backdrop-blur-[1px]" : "bg-transparent", animationType === "none" ? "" : "transition-opacity ease-out", entered ? "opacity-100" : "opacity-0", overlayClassName), style: transitionStyle, onMouseDown: (event) => {
+                    if (!resolvedCloseOnOutsideClick)
+                        return;
+                    if (event.target === overlayRef.current)
+                        setOpen(false);
+                } })) : null, _jsx("div", { className: overlayContainerClass, children: _jsx("div", { className: "pointer-events-auto", children: renderPanelContent(overlayPanelStyle, overlayStateClass) }) })] }), document.body);
+});
+SgExpandablePanel.displayName = "SgExpandablePanel";

package/dist/layout/SgMainPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SgMainPanel.d.ts","sourceRoot":"","sources":["../../src/layout/SgMainPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiD/B,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CA6H5D;yBA7He,WAAW"}
+{"version":3,"file":"SgMainPanel.d.ts","sourceRoot":"","sources":["../../src/layout/SgMainPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiD/B,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CA4H5D;yBA5He,WAAW"}

package/dist/layout/SgMainPanel.js

@@ -46,25 +46,47 @@ export function SgMainPanel(props) {
     const left = allItems.filter((item) => item.align === "left");
     const right = allItems.filter((item) => item.align === "right");
     const client = allItems.filter((item) => item.align === "client");
-    const dockGapStyle = { gap: toCssSpace(gap) };
+    const gapCss = toCssSpace(gap);
+    const dockGapStyle = gapCss !== undefined ? { gap: gapCss } : undefined;
     return (_jsxs("div", { className: cn("flex h-full w-full min-h-0 min-w-0 flex-col", className), style: {
             ...style,
-            padding: toCssSpace(padding)
-        }, ...rest, children: [top.length > 0 ? (_jsx("div", { className: "flex flex-col min-h-0 min-w-0", style: dockGapStyle, children: top.map((item, index) => cloneWithLayout(item.node, item.key ?? `top-${index}`, {
+            padding: toCssSpace(padding),
+            ...(dockGapStyle ?? null)
+        }, ...rest, children: [top.map((item, index) => {
+                const heightCss = toCssPercent(item.height);
+                return cloneWithLayout(item.node, item.key ?? `top-${index}`, {
                     width: "100%",
-                    height: toCssPercent(item.height)
-                }, "w-full")) })) : null, _jsxs("div", { className: "flex flex-1 min-h-0 min-w-0", style: dockGapStyle, children: [left.length > 0 ? (_jsx("div", { className: "flex min-h-0 min-w-0 flex-col", style: dockGapStyle, children: left.map((item, index) => cloneWithLayout(item.node, item.key ?? `left-${index}`, {
-                            width: toCssPercent(item.width),
-                            height: "100%"
-                        }, "h-full")) })) : null, _jsx("div", { className: "flex flex-1 min-h-0 min-w-0", style: dockGapStyle, children: client.map((item, index) => (_jsx("div", { className: "flex-1 min-h-0 min-w-0", children: cloneWithLayout(item.node, item.key ?? `client-inner-${index}`, {
+                    ...(heightCss !== undefined
+                        ? { height: heightCss, flex: `0 0 ${heightCss}` }
+                        : { flex: "0 0 auto" })
+                }, "w-full");
+            }), _jsxs("div", { className: "flex flex-1 min-h-0 min-w-0", style: dockGapStyle, children: [left.map((item, index) => {
+                        const widthCss = toCssPercent(item.width);
+                        return cloneWithLayout(item.node, item.key ?? `left-${index}`, {
+                            height: "100%",
+                            ...(widthCss !== undefined
+                                ? { width: widthCss, flex: `0 0 ${widthCss}` }
+                                : { flex: "0 0 auto" })
+                        }, "h-full min-h-0");
+                    }), _jsx("div", { className: "flex flex-1 min-h-0 min-w-0", style: dockGapStyle, children: client.map((item, index) => (_jsx("div", { className: "flex-1 min-h-0 min-w-0", children: cloneWithLayout(item.node, item.key ?? `client-inner-${index}`, {
                                 width: "100%",
                                 height: "100%"
-                            }, "h-full w-full") }, item.key ?? `client-${index}`))) }), right.length > 0 ? (_jsx("div", { className: "flex min-h-0 min-w-0 flex-col", style: dockGapStyle, children: right.map((item, index) => cloneWithLayout(item.node, item.key ?? `right-${index}`, {
-                            width: toCssPercent(item.width),
-                            height: "100%"
-                        }, "h-full")) })) : null] }), bottom.length > 0 ? (_jsx("div", { className: "flex flex-col min-h-0 min-w-0", style: dockGapStyle, children: bottom.map((item, index) => cloneWithLayout(item.node, item.key ?? `bottom-${index}`, {
+                            }, "h-full w-full") }, item.key ?? `client-${index}`))) }), right.map((item, index) => {
+                        const widthCss = toCssPercent(item.width);
+                        return cloneWithLayout(item.node, item.key ?? `right-${index}`, {
+                            height: "100%",
+                            ...(widthCss !== undefined
+                                ? { width: widthCss, flex: `0 0 ${widthCss}` }
+                                : { flex: "0 0 auto" })
+                        }, "h-full min-h-0");
+                    })] }), bottom.map((item, index) => {
+                const heightCss = toCssPercent(item.height);
+                return cloneWithLayout(item.node, item.key ?? `bottom-${index}`, {
                     width: "100%",
-                    height: toCssPercent(item.height)
-                }, "w-full")) })) : null] }));
+                    ...(heightCss !== undefined
+                        ? { height: heightCss, flex: `0 0 ${heightCss}` }
+                        : { flex: "0 0 auto" })
+                }, "w-full");
+            })] }));
 }
 SgMainPanel.displayName = "SgMainPanel";

package/dist/layout/SgMenu.d.ts

@@ -0,0 +1,91 @@
+import * as React from "react";
+import { type SgExpandablePanelSize } from "./SgExpandablePanel";
+import { type SgDockZoneId } from "./SgDockLayout";
+export type SgMenuNode = {
+    id: string;
+    label: string;
+    url?: string;
+    children?: SgMenuNode[];
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    badge?: string | number;
+    onClick?: () => void;
+};
+export type SgMenuSelection = {
+    activeId?: string;
+    activeUrl?: string;
+};
+export type SgMenuBrand = {
+    title?: string;
+    imageSrc?: string;
+    image?: React.ReactNode;
+    onClick?: () => void;
+};
+export type SgMenuUser = {
+    name: string;
+    subtitle?: string;
+    avatarSrc?: string;
+    avatar?: React.ReactNode;
+    onClick?: () => void;
+};
+export type SgMenuStyle = "panel" | "tiered" | "mega-horizontal" | "mega-vertical" | "PanelMenu" | "Tiered" | "MegaMenuHorizontal" | "MegaMenuVertical";
+export type SgMenuOrientationDirection = "horizontal-left" | "horizontal-right" | "vertical-up" | "vertical-top" | "vertical-down";
+export type SgMenuProps = {
+    id?: string;
+    menu: SgMenuNode[];
+    selection?: SgMenuSelection;
+    brand?: SgMenuBrand;
+    user?: SgMenuUser;
+    userMenu?: SgMenuNode[];
+    variant?: "sidebar" | "drawer" | "inline" | "hybrid";
+    menuStyle?: SgMenuStyle;
+    position?: "left" | "right";
+    density?: "compact" | "comfortable";
+    indent?: number;
+    collapsedWidth?: number | string;
+    expandedWidth?: number | string;
+    overlaySize?: SgExpandablePanelSize;
+    overlayBackdrop?: boolean;
+    dockable?: boolean;
+    dockZone?: SgDockZoneId;
+    draggable?: boolean;
+    orientationDirection?: SgMenuOrientationDirection;
+    mode?: "accordion" | "multiple";
+    expandedIds?: string[];
+    defaultExpandedIds?: string[];
+    onExpandedIdsChange?: (ids: string[]) => void;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (value: boolean) => void;
+    showCollapseButton?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (value: boolean) => void;
+    closeOnNavigate?: boolean;
+    pinned?: boolean;
+    defaultPinned?: boolean;
+    onPinnedChange?: (value: boolean) => void;
+    showPinButton?: boolean;
+    onNavigate?: (node: SgMenuNode) => void;
+    onAction?: (node: SgMenuNode) => void;
+    onItemClick?: (node: SgMenuNode) => void;
+    ariaLabel?: string;
+    keyboardNavigation?: boolean;
+    openSubmenuOnHover?: boolean;
+    search?: {
+        enabled: boolean;
+        placeholder?: string;
+    };
+    elevation?: "none" | "sm" | "md";
+    border?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    userSectionClassName?: string;
+    userSectionStyle?: React.CSSProperties;
+    footer?: React.ReactNode;
+};
+export declare function SgMenu(props: Readonly<SgMenuProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SgMenu {
+    var displayName: string;
+}
+//# sourceMappingURL=SgMenu.d.ts.map

package/dist/layout/SgMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgMenu.d.ts","sourceRoot":"","sources":["../../src/layout/SgMenu.tsx"],"names":[],"mappings":"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"}