@seedgrid/fe-components 2026.3.28 → 2026.3.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seedgrid/fe-components",
-  "version": "2026.3.28",
+  "version": "2026.3.31",
   "license": "MIT",
   "type": "module",
   "repository": {

package/dist/layout/SgMainPanel.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-export type SgMainPanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
-    gap?: number | string;
-    padding?: number | string;
-    children?: React.ReactNode;
-};
-export declare function SgMainPanel(props: Readonly<SgMainPanelProps>): import("react/jsx-runtime").JSX.Element;
-export declare namespace SgMainPanel {
-    var displayName: string;
-}
-//# sourceMappingURL=SgMainPanel.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,92 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-function cn(...parts) {
-    return parts.filter(Boolean).join(" ");
-}
-function toCssSpace(value) {
-    if (value === undefined || value === null)
-        return undefined;
-    return typeof value === "number" ? `${value}px` : value;
-}
-function toCssPercent(value) {
-    if (value === undefined || value === null)
-        return undefined;
-    return typeof value === "number" ? `${value}%` : value;
-}
-function cloneWithLayout(node, key, extraStyle, extraClassName) {
-    if (!React.isValidElement(node)) {
-        return (_jsx("div", { style: extraStyle, className: extraClassName, children: node }, key));
-    }
-    const element = node;
-    const mergedStyle = { ...(element.props.style ?? {}), ...extraStyle };
-    return React.cloneElement(element, {
-        key: element.key ?? key,
-        className: cn(element.props.className, extraClassName),
-        style: mergedStyle
-    });
-}
-export function SgMainPanel(props) {
-    const { gap = 0, padding, className, style, children, ...rest } = props;
-    const allItems = React.Children.toArray(children).map((node, index) => {
-        const key = (React.isValidElement(node) ? node.key : null) ?? `dock-${index}`;
-        if (!React.isValidElement(node)) {
-            return { key, node, align: "client" };
-        }
-        return {
-            key,
-            node,
-            align: node.props.align ?? "client",
-            width: node.props.width,
-            height: node.props.height
-        };
-    });
-    const top = allItems.filter((item) => item.align === "top");
-    const bottom = allItems.filter((item) => item.align === "bottom");
-    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 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),
-            ...(dockGapStyle ?? null)
-        }, ...rest, children: [top.map((item, index) => {
-                const heightCss = toCssPercent(item.height);
-                return cloneWithLayout(item.node, item.key ?? `top-${index}`, {
-                    width: "100%",
-                    ...(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.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%",
-                    ...(heightCss !== undefined
-                        ? { height: heightCss, flex: `0 0 ${heightCss}` }
-                        : { flex: "0 0 auto" })
-                }, "w-full");
-            })] }));
-}
-SgMainPanel.displayName = "SgMainPanel";