@walkeros/explorer 3.0.1 → 3.0.2

package/dist/components/atoms/code.stories.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Code } from './code';
+/**
+ * Code - Monaco Editor atom component
+ *
+ * Pure Monaco editor without Box wrapper. This is the base atom that CodeBox uses.
+ * Supports syntax highlighting, auto-height, and various editor configurations.
+ *
+ * Note: For most use cases, use CodeBox (molecule) which includes header and actions.
+ */
+const meta = {
+    component: Code,
+    title: 'Atoms/Code',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: {
+                height: '300px',
+                display: 'flex',
+                flexDirection: 'column',
+                background: '#292d3e',
+                borderRadius: '8px',
+            }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+const sampleCode = `const event = {
+  entity: 'product',
+  action: 'view',
+  data: {
+    id: 'P123',
+    name: 'Laptop',
+    price: 999
+  }
+};
+
+console.log('Event:', event);`;
+/**
+ * Default code editor - fills parent container height
+ *
+ * The dashed border shows the parent container bounds.
+ * Code uses height="100%" by default, filling the available space.
+ */
+export const Default = {
+    args: {
+        code: sampleCode,
+        language: 'javascript',
+    },
+};
+/**
+ * With line numbers enabled
+ */
+export const WithLineNumbers = {
+    args: {
+        code: sampleCode,
+        language: 'javascript',
+        lineNumbers: true,
+    },
+};
+/**
+ * Auto-height mode - sizes to content
+ *
+ * Instead of filling the container, the editor sizes to fit its content.
+ * Useful for documentation and standalone code displays.
+ */
+export const AutoHeight = {
+    args: {
+        code: `import { elb } from '@walkeros/core';
+
+elb('product view', { id: 'abc' });`,
+        language: 'typescript',
+        autoHeight: { min: 50, max: 400 },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                background: '#292d3e',
+                borderRadius: '8px',
+            }, children: _jsx(Story, {}) })),
+    ],
+};
+const nestedCode = `{
+  "flows": {
+    "default": {
+      "sources": {
+        "browser": {
+          "package": "@walkeros/web-source-browser",
+          "config": {
+            "settings": {
+              "pageview": true,
+              "session": true,
+              "globals": {
+                "language": "en",
+                "currency": "USD"
+              }
+            }
+          }
+        }
+      },
+      "destinations": {
+        "ga4": {
+          "package": "@walkeros/web-destination-gtag",
+          "config": {
+            "settings": {
+              "measurementId": "G-XXXXXXXXXX"
+            }
+          }
+        }
+      }
+    }
+  }
+}`;
+/**
+ * Sticky scroll disabled
+ *
+ * When sticky={false}, the nested context headers won't stick to the top when scrolling.
+ * Compare with default (sticky=true) to see the difference.
+ */
+export const NoStickyScroll = {
+    args: {
+        code: nestedCode,
+        language: 'json',
+        sticky: false,
+    },
+};
+const typescriptCode = `import { tagger } from '../walker';
+
+function ProductDetail({ product }) {
+  return (
+    <div
+      {...tagger()
+        .entity('product')
+        .action('load', 'view')
+        .get()}
+    >
+      <h1>{product.name}</h1>
+    </div>
+  );
+}`;
+/**
+ * IDE mode ON - Full Monaco features
+ *
+ * Enable hover tooltips, validation decorations, and other IDE features.
+ * Use for interactive editors like playgrounds where feedback is useful.
+ */
+export const IdeOn = {
+    args: {
+        code: typescriptCode,
+        language: 'typescript',
+        ide: true,
+    },
+};
+//# sourceMappingURL=code.stories.js.map

package/dist/components/atoms/code.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/code.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B;;;;;;;GAOG;AACH,MAAM,IAAI,GAAsB;IAC9B,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cACE,KAAK,EAAE;gBACL,MAAM,EAAE,OAAO;gBACf,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,UAAU,EAAE,SAAS;gBACrB,YAAY,EAAE,KAAK;aACpB,YAED,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,UAAU,GAAG;;;;;;;;;;8BAUW,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE;;oCAE0B;QAChC,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;KAClC;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,UAAU,EAAE,SAAS;gBACrB,YAAY,EAAE,KAAK;aACpB,YAED,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BjB,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,KAAK;KACd;CACF,CAAC;AAEF,MAAM,cAAc,GAAG;;;;;;;;;;;;;EAarB,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE,YAAY;QACtB,GAAG,EAAE,IAAI;KACV;CACF,CAAC"}

package/dist/components/atoms/footer.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface FooterProps {
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * Footer - Footer atom component for boxes
+ *
+ * Provides a fixed-height footer area at the bottom of a box.
+ * Pairs with Header component for consistent box structure.
+ *
+ * @example
+ * <Box header="Preview">
+ *   <Preview ... />
+ *   <Footer>
+ *     <ButtonGroup buttons={...} />
+ *   </Footer>
+ * </Box>
+ */
+export declare function Footer({ children, className }: FooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=footer.d.ts.map

package/dist/components/atoms/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,WAAW,2CAE/D"}

package/dist/components/atoms/footer.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Footer - Footer atom component for boxes
+ *
+ * Provides a fixed-height footer area at the bottom of a box.
+ * Pairs with Header component for consistent box structure.
+ *
+ * @example
+ * <Box header="Preview">
+ *   <Preview ... />
+ *   <Footer>
+ *     <ButtonGroup buttons={...} />
+ *   </Footer>
+ * </Box>
+ */
+export function Footer({ children, className = '' }) {
+    return _jsx("div", { className: `elb-explorer-footer ${className}`, children: children });
+}
+//# sourceMappingURL=footer.js.map

package/dist/components/atoms/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/atoms/footer.tsx"],"names":[],"mappings":";AAOA;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAe;IAC9D,OAAO,cAAK,SAAS,EAAE,uBAAuB,SAAS,EAAE,YAAG,QAAQ,GAAO,CAAC;AAC9E,CAAC"}

package/dist/components/atoms/footer.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Footer } from './footer';
+/**
+ * Footer - Footer component for boxes and panels
+ *
+ * Provides a fixed-height footer area at the bottom of a box.
+ * Pairs with Header for consistent box structure.
+ */
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Default: Story;
+export declare const WithText: Story;
+//# sourceMappingURL=footer.stories.d.ts.map

package/dist/components/atoms/footer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/footer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAI7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}

package/dist/components/atoms/footer.stories.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Footer } from './footer';
+import { ButtonGroup } from './button-group';
+/**
+ * Footer - Footer component for boxes and panels
+ *
+ * Provides a fixed-height footer area at the bottom of a box.
+ * Pairs with Header for consistent box structure.
+ */
+const meta = {
+    title: 'Atoms/Footer',
+    component: Footer,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        children: (_jsx(ButtonGroup, { buttons: [
+                { label: 'Cancel', value: 'cancel' },
+                { label: 'Save', value: 'save', active: true },
+            ], onButtonClick: () => { } })),
+    },
+};
+export const WithText = {
+    args: {
+        children: _jsx("span", { children: "Last saved: 2 minutes ago" }),
+    },
+};
+//# sourceMappingURL=footer.stories.js.map

package/dist/components/atoms/footer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/footer.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,KAAC,WAAW,IACV,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE;aAC/C,EACD,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC,GACvB,CACH;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,uDAAsC;KACjD;CACF,CAAC"}

package/dist/components/atoms/grid.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+export interface GridProps {
+    children: React.ReactNode;
+    columns?: number;
+    minBoxWidth?: number | string;
+    gap?: number | string;
+    rowHeight?: 'auto' | 'equal' | 'synced' | number;
+    maxRowHeight?: number | string | 'none';
+    showScrollButtons?: boolean;
+    className?: string;
+}
+/**
+ * Grid - Horizontal scrolling layout component for arranging boxes
+ *
+ * Provides consistent grid layout for box components with horizontal
+ * scrolling when content exceeds available space. Boxes maintain minimum
+ * width and never wrap to new rows.
+ *
+ * @example
+ * // 5 boxes with default 350px minimum width
+ * <Grid columns={5}>
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Custom minimum box width
+ * <Grid columns={3} minBoxWidth={400}>
+ *   <BrowserBox ... />
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Custom row height
+ * <Grid columns={2} rowHeight={300}>
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Auto row height (no minimum)
+ * <Grid columns={3} rowHeight="auto">
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Unlimited row height (no max constraint)
+ * <Grid columns={2} maxRowHeight="none">
+ *   <PropertyTable ... />
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Custom max row height
+ * <Grid columns={2} maxRowHeight={800}>
+ *   <PropertyTable ... />
+ *   <CodeBox ... />
+ * </Grid>
+ */
+export declare function Grid({ children, columns, minBoxWidth, gap, rowHeight, maxRowHeight, showScrollButtons, className, }: GridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=grid.d.ts.map

package/dist/components/atoms/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,GAAG,EACH,SAAmB,EACnB,YAAY,EACZ,iBAAwB,EACxB,SAAc,GACf,EAAE,SAAS,2CA+JX"}

package/dist/components/atoms/grid.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useCallback, useMemo, } from 'react';
+import { GridHeightContext, } from '../../contexts/GridHeightContext';
+/**
+ * Grid - Horizontal scrolling layout component for arranging boxes
+ *
+ * Provides consistent grid layout for box components with horizontal
+ * scrolling when content exceeds available space. Boxes maintain minimum
+ * width and never wrap to new rows.
+ *
+ * @example
+ * // 5 boxes with default 350px minimum width
+ * <Grid columns={5}>
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Custom minimum box width
+ * <Grid columns={3} minBoxWidth={400}>
+ *   <BrowserBox ... />
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Custom row height
+ * <Grid columns={2} rowHeight={300}>
+ *   <CodeBox ... />
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Auto row height (no minimum)
+ * <Grid columns={3} rowHeight="auto">
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Unlimited row height (no max constraint)
+ * <Grid columns={2} maxRowHeight="none">
+ *   <PropertyTable ... />
+ *   <CodeBox ... />
+ * </Grid>
+ *
+ * @example
+ * // Custom max row height
+ * <Grid columns={2} maxRowHeight={800}>
+ *   <PropertyTable ... />
+ *   <CodeBox ... />
+ * </Grid>
+ */
+export function Grid({ children, columns, minBoxWidth, gap, rowHeight = 'equal', maxRowHeight, showScrollButtons = true, className = '', }) {
+    const gridRef = useRef(null);
+    const [canScrollLeft, setCanScrollLeft] = useState(false);
+    const [canScrollRight, setCanScrollRight] = useState(false);
+    const [boxHeights, setBoxHeights] = useState(new Map());
+    const boxIdCounter = useRef(0);
+    const getBoxId = useCallback(() => boxIdCounter.current++, []);
+    const registerBox = useCallback((id, height) => {
+        setBoxHeights((prev) => {
+            const next = new Map(prev);
+            next.set(id, height);
+            return next;
+        });
+    }, []);
+    const unregisterBox = useCallback((id) => {
+        setBoxHeights((prev) => {
+            const next = new Map(prev);
+            next.delete(id);
+            return next;
+        });
+    }, []);
+    const syncedHeight = useMemo(() => {
+        if (rowHeight !== 'synced' || boxHeights.size === 0)
+            return null;
+        return Math.min(600, Math.max(...Array.from(boxHeights.values())));
+    }, [boxHeights, rowHeight]);
+    const contextValue = useMemo(() => ({
+        registerBox,
+        unregisterBox,
+        getBoxId,
+        syncedHeight,
+        enabled: rowHeight === 'synced',
+    }), [registerBox, unregisterBox, getBoxId, syncedHeight, rowHeight]);
+    const classNames = ['elb-explorer-grid'];
+    const gridStyle = {};
+    // Row height modifiers
+    if (rowHeight === 'auto') {
+        classNames.push('elb-explorer-grid--row-auto');
+    }
+    else if (rowHeight === 'equal') {
+        classNames.push('elb-explorer-grid--row-equal');
+    }
+    else if (rowHeight === 'synced') {
+        classNames.push('elb-explorer-grid--row-synced');
+    }
+    else if (typeof rowHeight === 'number') {
+        // Apply custom row height via CSS variable
+        gridStyle['--grid-row-min-height'] =
+            `${rowHeight}px`;
+        gridStyle['--grid-row-max-height'] =
+            `${rowHeight}px`;
+    }
+    // Add custom className
+    if (className) {
+        classNames.push(className);
+    }
+    // Apply custom gap if provided
+    if (gap !== undefined) {
+        gridStyle.gap = typeof gap === 'number' ? `${gap}px` : gap;
+    }
+    // Apply custom minimum box width if provided
+    if (minBoxWidth !== undefined) {
+        gridStyle['--grid-min-box-width'] =
+            typeof minBoxWidth === 'number' ? `${minBoxWidth}px` : minBoxWidth;
+    }
+    if (maxRowHeight !== undefined) {
+        // Warn about dangerous configuration that can cause infinite growth
+        gridStyle['--grid-row-max-height'] =
+            maxRowHeight === 'none'
+                ? 'none'
+                : typeof maxRowHeight === 'number'
+                    ? `${maxRowHeight}px`
+                    : maxRowHeight;
+    }
+    // Check scroll state
+    const updateScrollState = useCallback(() => {
+        const el = gridRef.current;
+        if (!el)
+            return;
+        const hasOverflow = el.scrollWidth > el.clientWidth;
+        const isAtStart = el.scrollLeft <= 1;
+        const isAtEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 1;
+        setCanScrollLeft(hasOverflow && !isAtStart);
+        setCanScrollRight(hasOverflow && !isAtEnd);
+    }, []);
+    // Scroll handlers
+    const scrollLeft = () => {
+        if (!gridRef.current)
+            return;
+        const scrollAmount = gridRef.current.clientWidth * 0.8;
+        gridRef.current.scrollBy({ left: -scrollAmount, behavior: 'smooth' });
+    };
+    const scrollRight = () => {
+        if (!gridRef.current)
+            return;
+        const scrollAmount = gridRef.current.clientWidth * 0.8;
+        gridRef.current.scrollBy({ left: scrollAmount, behavior: 'smooth' });
+    };
+    // Update scroll state on mount, scroll, and resize
+    useEffect(() => {
+        const el = gridRef.current;
+        if (!el || !showScrollButtons)
+            return;
+        updateScrollState();
+        el.addEventListener('scroll', updateScrollState);
+        window.addEventListener('resize', updateScrollState);
+        return () => {
+            el.removeEventListener('scroll', updateScrollState);
+            window.removeEventListener('resize', updateScrollState);
+        };
+    }, [updateScrollState, showScrollButtons]);
+    return (_jsx(GridHeightContext.Provider, { value: contextValue, children: _jsxs("div", { className: "elb-explorer elb-explorer-grid-wrapper", children: [showScrollButtons && canScrollLeft && (_jsx("button", { className: "elb-explorer-grid-scroll-button elb-explorer-grid-scroll-button--left", onClick: scrollLeft, "aria-label": "Scroll left", type: "button", children: "\u2039" })), _jsx("div", { ref: gridRef, className: classNames.join(' '), style: gridStyle, children: children }), showScrollButtons && canScrollRight && (_jsx("button", { className: "elb-explorer-grid-scroll-button elb-explorer-grid-scroll-button--right", onClick: scrollRight, "aria-label": "Scroll right", type: "button", children: "\u203A" }))] }) }));
+}
+//# sourceMappingURL=grid.js.map

package/dist/components/atoms/grid.js.map

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

package/dist/components/atoms/grid.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Grid } from './grid';
+/**
+ * Grid - Horizontal scrolling layout component
+ *
+ * Arranges Box components in a horizontal grid with optional scroll buttons.
+ * Supports various row height modes: auto, equal, synced, or fixed pixel value.
+ */
+declare const meta: Meta<typeof Grid>;
+export default meta;
+type Story = StoryObj<typeof Grid>;
+export declare const Default: Story;
+export declare const AutoHeight: Story;
+export declare const EqualHeight: Story;
+export declare const FixedHeight: Story;
+export declare const CustomGap: Story;
+export declare const NoScrollButtons: Story;
+//# sourceMappingURL=grid.stories.d.ts.map

package/dist/components/atoms/grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAW3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC"}

package/dist/components/atoms/grid.stories.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid } from './grid';
+import { Box } from './box';
+/**
+ * Grid - Horizontal scrolling layout component
+ *
+ * Arranges Box components in a horizontal grid with optional scroll buttons.
+ * Supports various row height modes: auto, equal, synced, or fixed pixel value.
+ */
+const meta = {
+    title: 'Atoms/Grid',
+    component: Grid,
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: '100%', maxWidth: '1200px' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        columns: 3,
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Box 1", children: "Content for box 1" }), _jsx(Box, { header: "Box 2", children: "Content for box 2" }), _jsx(Box, { header: "Box 3", children: "Content for box 3" })] })),
+    },
+};
+export const AutoHeight = {
+    args: {
+        columns: 2,
+        rowHeight: 'auto',
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Short", children: "Short content" }), _jsxs(Box, { header: "Tall", children: [_jsx("div", { children: "Line 1" }), _jsx("div", { children: "Line 2" }), _jsx("div", { children: "Line 3" }), _jsx("div", { children: "Line 4" })] })] })),
+    },
+};
+export const EqualHeight = {
+    args: {
+        columns: 3,
+        rowHeight: 'equal',
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Box A", children: "Short" }), _jsxs(Box, { header: "Box B", children: [_jsx("div", { children: "Tall content" }), _jsx("div", { children: "More lines" }), _jsx("div", { children: "Even more" })] }), _jsx(Box, { header: "Box C", children: "Medium" })] })),
+    },
+};
+export const FixedHeight = {
+    args: {
+        columns: 2,
+        rowHeight: 200,
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Fixed 200px", children: "Content fits in 200px height" }), _jsx(Box, { header: "Also 200px", children: "Same height regardless of content" })] })),
+    },
+};
+export const CustomGap = {
+    args: {
+        columns: 3,
+        gap: 32,
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Wide Gap", children: "32px gap between boxes" }), _jsx(Box, { header: "Box 2", children: "Content" }), _jsx(Box, { header: "Box 3", children: "Content" })] })),
+    },
+};
+export const NoScrollButtons = {
+    args: {
+        columns: 2,
+        showScrollButtons: false,
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "No Buttons", children: "Scroll buttons hidden" }), _jsx(Box, { header: "Box 2", children: "Content" })] })),
+    },
+};
+//# sourceMappingURL=grid.stories.js.map

package/dist/components/atoms/grid.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/grid.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAC/C,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,kCAAwB,EAC3C,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,kCAAwB,EAC3C,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,kCAAwB,IAC1C,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,8BAAoB,EACvC,MAAC,GAAG,IAAC,MAAM,EAAC,MAAM,aAChB,mCAAiB,EACjB,mCAAiB,EACjB,mCAAiB,EACjB,mCAAiB,IACb,IACL,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,sBAAY,EAC/B,MAAC,GAAG,IAAC,MAAM,EAAC,OAAO,aACjB,yCAAuB,EACvB,uCAAqB,EACrB,sCAAoB,IAChB,EACN,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,uBAAa,IAC/B,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,aAAa,6CAAmC,EAC5D,KAAC,GAAG,IAAC,MAAM,EAAC,YAAY,kDAAwC,IAC/D,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,UAAU,uCAA6B,EACnD,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,wBAAc,EACjC,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,wBAAc,IAChC,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,iBAAiB,EAAE,KAAK;QACxB,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,YAAY,sCAA4B,EACpD,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,wBAAc,IAChC,CACJ;KACF;CACF,CAAC"}

package/dist/components/atoms/header.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface HeaderProps {
+    label: string;
+    children?: React.ReactNode;
+}
+export declare function Header({ label, children }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header.d.ts.map

package/dist/components/atoms/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAOtD"}

package/dist/components/atoms/header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Header({ label, children }) {
+    return (_jsxs("div", { className: "elb-explorer-header", children: [_jsx("span", { className: "elb-explorer-label", children: label }), children] }));
+}
+//# sourceMappingURL=header.js.map

package/dist/components/atoms/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/atoms/header.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAe;IACrD,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAQ,EAClD,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/atoms/header.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Header } from './header';
+/**
+ * Header - Header component for boxes and panels
+ *
+ * Displays a label with optional action buttons.
+ * Pairs with Footer for consistent box structure.
+ */
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const Default: Story;
+export declare const WithButtons: Story;
+export declare const WithSingleButton: Story;
+//# sourceMappingURL=header.stories.d.ts.map

package/dist/components/atoms/header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAI7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}