@seedgrid/fe-components 0.2.9 → 2026.3.1

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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"}