@walkeros/explorer 0.3.1 → 1.0.0

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

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from './box';
+/**
+ * Box - Container component with header
+ *
+ * Basic container atom used throughout the explorer for consistent styling.
+ * Provides header, optional header actions, footer, and content area.
+ */
+const meta = {
+    component: Box,
+    title: 'Atoms/Box',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+/**
+ * Default box with header and content
+ */
+export const Default = {
+    args: {
+        header: 'Example Box',
+        children: (_jsxs("div", { style: { padding: '12px' }, children: [_jsx("p", { children: "This is the content area of the Box component." }), _jsx("p", { children: "It provides consistent styling across all explorer components with a header and optional actions." })] })),
+    },
+};
+/**
+ * Box with tabs - uncontrolled mode
+ *
+ * Tabs replace the regular header. Click tabs to switch content.
+ */
+export const WithTabs = {
+    args: {
+        tabs: [
+            {
+                id: 'overview',
+                label: 'Overview',
+                content: (_jsx("div", { style: { padding: '12px' }, children: _jsx("p", { children: "Overview content goes here." }) })),
+            },
+            {
+                id: 'details',
+                label: 'Details',
+                content: (_jsx("div", { style: { padding: '12px' }, children: _jsx("p", { children: "Detailed information displayed here." }) })),
+            },
+            {
+                id: 'settings',
+                label: 'Settings',
+                content: (_jsx("div", { style: { padding: '12px' }, children: _jsx("p", { children: "Settings and configuration options." }) })),
+            },
+        ],
+    },
+};
+/**
+ * Box with traffic lights and a single file tab
+ *
+ * Mac-style decoration for code editor appearance.
+ */
+export const WithTrafficLights = {
+    args: {
+        showTrafficLights: true,
+        tabs: [{ id: 'file', label: 'config.ts' }],
+        children: (_jsx("div", { style: { padding: '12px', fontFamily: 'monospace', fontSize: '14px' }, children: _jsx("pre", { children: `export const config = {
+  tracking: true,
+  debug: false,
+};` }) })),
+    },
+};
+/**
+ * Box with tabs and traffic lights
+ *
+ * Combines Mac decoration with multiple switchable tabs.
+ */
+export const TabsWithTrafficLights = {
+    args: {
+        showTrafficLights: true,
+        tabs: [
+            {
+                id: 'event',
+                label: 'Event',
+                content: (_jsx("div", { style: {
+                        padding: '12px',
+                        fontFamily: 'monospace',
+                        fontSize: '14px',
+                    }, children: _jsx("pre", { children: `{
+  "event": "product view",
+  "data": { "id": "abc123" }
+}` }) })),
+            },
+            {
+                id: 'mapping',
+                label: 'Mapping',
+                content: (_jsx("div", { style: {
+                        padding: '12px',
+                        fontFamily: 'monospace',
+                        fontSize: '14px',
+                    }, children: _jsx("pre", { children: `{
+  "name": "event",
+  "data": { "key": "data.id" }
+}` }) })),
+            },
+        ],
+    },
+};
+//# sourceMappingURL=box.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/box.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,IAAI,GAAqB;IAC7B,SAAS,EAAE,GAAG;IACd,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,CACR,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAC7B,yEAAqD,EACrD,4HAGI,IACA,CACP;KACF;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ;gBACE,EAAE,EAAE,UAAU;gBACd,KAAK,EAAE,UAAU;gBACjB,OAAO,EAAE,CACP,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAC7B,sDAAkC,GAC9B,CACP;aACF;YACD;gBACE,EAAE,EAAE,SAAS;gBACb,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,CACP,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAC7B,+DAA2C,GACvC,CACP;aACF;YACD;gBACE,EAAE,EAAE,UAAU;gBACd,KAAK,EAAE,UAAU;gBACjB,OAAO,EAAE,CACP,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAC7B,8DAA0C,GACtC,CACP;aACF;SACF;KACF;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,iBAAiB,EAAE,IAAI;QACvB,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAC1C,QAAQ,EAAE,CACR,cACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,YAErE,wBAAM;;;GAGX,GAAO,GACE,CACP;KACF;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAU;IAC1C,IAAI,EAAE;QACJ,iBAAiB,EAAE,IAAI;QACvB,IAAI,EAAE;YACJ;gBACE,EAAE,EAAE,OAAO;gBACX,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,CACP,cACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,WAAW;wBACvB,QAAQ,EAAE,MAAM;qBACjB,YAED,wBAAM;;;EAGhB,GAAO,GACO,CACP;aACF;YACD;gBACE,EAAE,EAAE,SAAS;gBACb,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,CACP,cACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,WAAW;wBACvB,QAAQ,EAAE,MAAM;qBACjB,YAED,wBAAM;;;EAGhB,GAAO,GACO,CACP;aACF;SACF;KACF;CACF,CAAC"}

package/dist/components/atoms/button-group.d.ts

@@ -0,0 +1,17 @@
+export interface ButtonGroupProps {
+    buttons: Array<{
+        label: string;
+        value: string;
+        active?: boolean;
+    }>;
+    onButtonClick: (value: string) => void;
+    className?: string;
+}
+/**
+ * ButtonGroup - Segmented control for headers
+ *
+ * Displays multiple buttons in a grouped segmented control style.
+ * Commonly used for tab switching (HTML/CSS/JS, etc.)
+ */
+export declare function ButtonGroup({ buttons, onButtonClick, className, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button-group.d.ts.map

package/dist/components/atoms/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/button-group.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC,CAAC;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,aAAa,EACb,SAAc,GACf,EAAE,gBAAgB,2CAclB"}

package/dist/components/atoms/button-group.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from './button';
+/**
+ * ButtonGroup - Segmented control for headers
+ *
+ * Displays multiple buttons in a grouped segmented control style.
+ * Commonly used for tab switching (HTML/CSS/JS, etc.)
+ */
+export function ButtonGroup({ buttons, onButtonClick, className = '', }) {
+    return (_jsx("div", { className: `elb-explorer-button-group ${className}`, children: buttons.map((button) => (_jsx(Button, { active: button.active, onClick: () => onButtonClick(button.value), children: button.label }, button.value))) }));
+}
+//# sourceMappingURL=button-group.js.map

package/dist/components/atoms/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/atoms/button-group.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAYlC;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,aAAa,EACb,SAAS,GAAG,EAAE,GACG;IACjB,OAAO,CACL,cAAK,SAAS,EAAE,6BAA6B,SAAS,EAAE,YACrD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,IAEL,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,YAEzC,MAAM,CAAC,KAAK,IAJR,MAAM,CAAC,KAAK,CAKV,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/atoms/button-group.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ButtonGroup } from './button-group';
+/**
+ * ButtonGroup - Segmented control for tab switching
+ *
+ * Displays multiple buttons in a grouped style. Commonly used for
+ * tab navigation (HTML/CSS/JS) or view switching (Visual/Code).
+ */
+declare const meta: Meta<typeof ButtonGroup>;
+export default meta;
+type Story = StoryObj<typeof ButtonGroup>;
+/**
+ * Default button group with tab selection
+ *
+ * Shows typical usage for tab switching with active state.
+ */
+export declare const Default: Story;
+//# sourceMappingURL=button-group.stories.d.ts.map

package/dist/components/atoms/button-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/button-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAOlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC"}

package/dist/components/atoms/button-group.stories.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ButtonGroup } from './button-group';
+import { useState } from 'react';
+/**
+ * ButtonGroup - Segmented control for tab switching
+ *
+ * Displays multiple buttons in a grouped style. Commonly used for
+ * tab navigation (HTML/CSS/JS) or view switching (Visual/Code).
+ */
+const meta = {
+    component: ButtonGroup,
+    title: 'Atoms/ButtonGroup',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+/**
+ * Default button group with tab selection
+ *
+ * Shows typical usage for tab switching with active state.
+ */
+export const Default = {
+    render: () => {
+        const [activeTab, setActiveTab] = useState('html');
+        return (_jsx(ButtonGroup, { buttons: [
+                { label: 'Preview', value: 'preview', active: activeTab === 'preview' },
+                { label: 'HTML', value: 'html', active: activeTab === 'html' },
+                { label: 'CSS', value: 'css', active: activeTab === 'css' },
+                { label: 'JS', value: 'js', active: activeTab === 'js' },
+            ], onButtonClick: setActiveTab }));
+    },
+};
+//# sourceMappingURL=button-group.stories.js.map

package/dist/components/atoms/button-group.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/button-group.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC;;;;;GAKG;AACH,MAAM,IAAI,GAA6B;IACrC,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEnD,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,KAAK,SAAS,EAAE;gBACvE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,KAAK,MAAM,EAAE;gBAC9D,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,KAAK,KAAK,EAAE;gBAC3D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,KAAK,IAAI,EAAE;aACzD,EACD,aAAa,EAAE,YAAY,GAC3B,CACH,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/components/atoms/button-link.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ButtonLinkProps {
+    variant?: 'default' | 'primary' | 'secondary';
+    size?: 'md' | 'lg';
+    href?: string;
+    onClick?: () => void;
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+}
+export declare function ButtonLink({ variant, size, href, onClick, children, className, disabled, }: ButtonLinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button-link.d.ts.map

package/dist/components/atoms/button-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/button-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAc,EACd,QAAgB,GACjB,EAAE,eAAe,2CAuBjB"}

package/dist/components/atoms/button-link.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ButtonLink({ variant = 'default', size = 'md', href, onClick, children, className = '', disabled = false, }) {
+    const baseClass = 'elb-button-link';
+    const classes = `${baseClass} ${baseClass}-${variant} ${baseClass}-${size} ${className}`.trim();
+    if (href && !disabled) {
+        return (_jsx("a", { href: href, className: classes, children: children }));
+    }
+    return (_jsx("button", { type: "button", className: classes, onClick: onClick, disabled: disabled, children: children }));
+}
+//# sourceMappingURL=button-link.js.map

package/dist/components/atoms/button-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.js","sourceRoot":"","sources":["../../../src/components/atoms/button-link.tsx"],"names":[],"mappings":";AAYA,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,GACA;IAChB,MAAM,SAAS,GAAG,iBAAiB,CAAC;IACpC,MAAM,OAAO,GACX,GAAG,SAAS,IAAI,SAAS,IAAI,OAAO,IAAI,SAAS,IAAI,IAAI,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC;IAElF,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QACtB,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,YAC9B,QAAQ,GACP,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/components/atoms/button-link.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ButtonLink } from './button-link';
+declare const meta: Meta<typeof ButtonLink>;
+export default meta;
+type Story = StoryObj<typeof ButtonLink>;
+export declare const Default: Story;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const AsLink: Story;
+export declare const Disabled: Story;
+export declare const ButtonGroup: Story;
+//# sourceMappingURL=button-link.stories.d.ts.map

package/dist/components/atoms/button-link.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/button-link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC"}

package/dist/components/atoms/button-link.stories.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ButtonLink } from './button-link';
+const meta = {
+    component: ButtonLink,
+    title: 'Atoms/ButtonLink',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        variant: {
+            control: 'select',
+            options: ['default', 'primary', 'secondary'],
+        },
+        size: {
+            control: 'select',
+            options: ['md', 'lg'],
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'Button Link',
+        variant: 'default',
+    },
+};
+export const Primary = {
+    args: {
+        children: 'Get Started',
+        variant: 'primary',
+    },
+};
+export const Secondary = {
+    args: {
+        children: 'Learn More',
+        variant: 'secondary',
+    },
+};
+export const Large = {
+    args: {
+        children: 'Large Button',
+        variant: 'primary',
+        size: 'lg',
+    },
+};
+export const AsLink = {
+    args: {
+        children: 'Visit Documentation',
+        variant: 'primary',
+        href: 'https://example.com',
+    },
+};
+export const Disabled = {
+    args: {
+        children: 'Disabled Button',
+        variant: 'primary',
+        disabled: true,
+    },
+};
+export const ButtonGroup = {
+    render: () => (_jsxs("div", { className: "elb-button-group", children: [_jsx(ButtonLink, { variant: "primary", children: "Primary Action" }), _jsx(ButtonLink, { variant: "secondary", children: "Secondary Action" })] })),
+};
+//# sourceMappingURL=button-link.stories.js.map

package/dist/components/atoms/button-link.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/button-link.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAA4B;IACpC,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,kBAAkB;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;SAC7C;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;SACtB;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,WAAW;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,QAAQ,EAAE,qBAAqB;QAC/B,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,qBAAqB;KAC5B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,iBAAiB;QAC3B,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,+BAA4B,EACzD,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,iCAA8B,IACzD,CACP;CACF,CAAC"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface ButtonProps {
+    active?: boolean;
+    onClick?: () => void;
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * Button - Button component for headers and controls
+ *
+ * Used in button groups or standalone in headers.
+ * Follows atomic design principles as a base atom.
+ */
+export declare function Button({ active, onClick, children, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAc,EACd,OAAO,EACP,QAAQ,EACR,SAAc,GACf,EAAE,WAAW,2CAUb"}

package/dist/components/atoms/button.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Button - Button component for headers and controls
+ *
+ * Used in button groups or standalone in headers.
+ * Follows atomic design principles as a base atom.
+ */
+export function Button({ active = false, onClick, children, className = '', }) {
+    return (_jsx("button", { className: `elb-explorer-btn ${active ? 'active' : ''} ${className}`, onClick: onClick, type: "button", children: children }));
+}
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/atoms/button.tsx"],"names":[],"mappings":";AASA;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,EAAE,GACF;IACZ,OAAO,CACL,iBACE,SAAS,EAAE,oBAAoB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACpE,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,YAEZ,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,55 @@
+import type { editor } from 'monaco-editor';
+export interface CodeProps {
+    code: string;
+    language?: string;
+    onChange?: (code: string) => void;
+    disabled?: boolean;
+    lineNumbers?: boolean;
+    folding?: boolean;
+    wordWrap?: boolean;
+    className?: string;
+    beforeMount?: (monaco: typeof import('monaco-editor')) => void;
+    onMount?: (editor: editor.IStandaloneCodeEditor) => void;
+    autoHeight?: boolean | {
+        min?: number;
+        max?: number;
+    };
+    fontSize?: number;
+    packages?: string[];
+    sticky?: boolean;
+    ide?: boolean;
+}
+/**
+ * Code - Pure Monaco editor atom
+ *
+ * Height Management:
+ * Two modes controlled by `autoHeight` prop:
+ *
+ * 1. Default (autoHeight=false): height="100%" - fills parent container
+ *    - Uses flex: 1 + min-height: 0 for proper flex overflow containment
+ *    - Monaco set to height="100%" to fill container
+ *    - automaticLayout: true + ResizeObserver for reliable resize detection
+ *    - Use in Grid (equal heights) and Flex contexts (fill parent)
+ *
+ * 2. Auto-height (autoHeight=true): Dynamically sizes to content
+ *    - Uses Monaco's getContentHeight() API for accurate content measurement
+ *    - Respects min/max boundaries (default: 100-600px)
+ *    - Updates automatically when content changes
+ *    - Use in standalone contexts (docs) to eliminate blank space
+ *
+ * @example
+ * // Grid context - use default height="100%" for equal row heights
+ * <Grid columns={3}>
+ *   <CodeBox code={event} />
+ *   <CodeBox code={mapping} />
+ * </Grid>
+ *
+ * @example
+ * // Standalone context - use autoHeight to fit content
+ * <CodeBox
+ *   code={shortExample}
+ *   autoHeight={{ min: 100, max: 600 }}
+ * />
+ */
+export declare function Code({ code, language, onChange, disabled, lineNumbers, folding, wordWrap, className, beforeMount, onMount, autoHeight, fontSize, packages, sticky, ide, }: CodeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/code.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAgB5C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,eAAe,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,qBAAqB,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,QAAuB,EACvB,QAAQ,EACR,QAAgB,EAChB,WAAmB,EACnB,OAAe,EACf,QAAgB,EAChB,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,QAAa,EACb,QAAQ,EACR,MAAa,EACb,GAAW,GACZ,EAAE,SAAS,2CAoRX"}