@walkeros/explorer 3.0.1 → 3.0.2

package/dist/__mocks__/@monaco-editor/react.d.ts

@@ -0,0 +1,3 @@
+export declare const Editor: ({ value, onChange }: any) => import("react/jsx-runtime").JSX.Element;
+export default Editor;
+//# sourceMappingURL=react.d.ts.map

package/dist/__mocks__/@monaco-editor/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/__mocks__/@monaco-editor/react.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,GAAI,qBAAqB,GAAG,4CAO9C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/__mocks__/@monaco-editor/react.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Editor = ({ value, onChange }) => (_jsx("textarea", { "data-testid": "monaco-editor", value: value, onChange: (e) => onChange?.(e.target.value), readOnly: !onChange }));
+export default Editor;
+//# sourceMappingURL=react.js.map

package/dist/__mocks__/@monaco-editor/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/__mocks__/@monaco-editor/react.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAO,EAAE,EAAE,CAAC,CAClD,kCACc,eAAe,EAC3B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,QAAQ,EAAE,CAAC,QAAQ,GACnB,CACH,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface BoxTab {
+    id: string;
+    label: string;
+    content?: React.ReactNode;
+}
+export interface BoxProps {
+    header?: string;
+    headerActions?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    height?: number | string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    tiny?: boolean;
+    resizable?: boolean;
+    showHeader?: boolean;
+    tabs?: BoxTab[];
+    activeTab?: string;
+    onTabChange?: (id: string) => void;
+    defaultTab?: string;
+    showTrafficLights?: boolean;
+}
+export declare function Box({ header, headerActions, footer, children, className, style, height, minHeight, maxHeight, tiny, resizable, showHeader, tabs, activeTab: controlledActiveTab, onTabChange, defaultTab, showTrafficLights, }: BoxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAkCD,wBAAgB,GAAG,CAAC,EAClB,MAAM,EACN,aAAa,EACb,MAAM,EACN,QAAQ,EACR,SAAc,EACd,KAAK,EACL,MAAM,EACN,SAAS,EACT,SAAS,EACT,IAAY,EACZ,SAAiB,EACjB,UAAiB,EACjB,IAAI,EACJ,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EACX,UAAU,EACV,iBAAyB,GAC1B,EAAE,QAAQ,2CA8FV"}

package/dist/components/atoms/box.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Header } from './header';
+import { useGridHeight } from '../../contexts/GridHeightContext';
+/**
+ * Box - Container atom component
+ *
+ * Provides a consistent box container with header and content area.
+ * Used across all explorer components for consistent styling.
+ *
+ * Height behavior:
+ * - Default: minHeight 100px, grows as needed
+ * - tiny prop: sets minHeight to 100px explicitly
+ * - Custom minHeight/maxHeight: override defaults
+ * - In Grid: fills row height (equal heights per row)
+ *
+ * @example
+ * <Box header="Preview">
+ *   <Preview html={html} css={css} />
+ * </Box>
+ *
+ * @example
+ * <Box header="Code" minHeight={200} maxHeight={600}>
+ *   <CodeBox ... />
+ * </Box>
+ */
+function TrafficLights() {
+    return (_jsxs("div", { className: "elb-explorer-traffic-lights", children: [_jsx("span", { className: "elb-explorer-traffic-light elb-explorer-traffic-light--red" }), _jsx("span", { className: "elb-explorer-traffic-light elb-explorer-traffic-light--yellow" }), _jsx("span", { className: "elb-explorer-traffic-light elb-explorer-traffic-light--green" })] }));
+}
+export function Box({ header, headerActions, footer, children, className = '', style, height, minHeight, maxHeight, tiny = false, resizable = false, showHeader = true, tabs, activeTab: controlledActiveTab, onTabChange, defaultTab, showTrafficLights = false, }) {
+    // Grid context for synchronized heights
+    const gridContext = useGridHeight();
+    // Uncontrolled tab state
+    const [internalActiveTab, setInternalActiveTab] = useState(defaultTab || (tabs?.[0]?.id ?? ''));
+    // Controlled vs uncontrolled
+    const isControlled = controlledActiveTab !== undefined;
+    const activeTabId = isControlled ? controlledActiveTab : internalActiveTab;
+    const handleTabClick = (tabId) => {
+        if (onTabChange) {
+            onTabChange(tabId);
+        }
+        if (!isControlled) {
+            setInternalActiveTab(tabId);
+        }
+    };
+    // Height management: explicit > grid synced > default
+    const boxStyle = { ...style };
+    if (height !== undefined) {
+        boxStyle.height = typeof height === 'number' ? `${height}px` : height;
+    }
+    else if (gridContext?.syncedHeight) {
+        boxStyle.height = `${gridContext.syncedHeight}px`;
+    }
+    if (tiny) {
+        boxStyle.height = 'auto';
+        boxStyle.minHeight =
+            minHeight !== undefined
+                ? typeof minHeight === 'number'
+                    ? `${minHeight}px`
+                    : minHeight
+                : '100px';
+    }
+    else if (minHeight !== undefined) {
+        boxStyle.minHeight =
+            typeof minHeight === 'number' ? `${minHeight}px` : minHeight;
+    }
+    if (maxHeight !== undefined) {
+        boxStyle.maxHeight =
+            typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;
+    }
+    if (resizable) {
+        boxStyle.resize = 'vertical';
+        boxStyle.overflow = 'auto';
+    }
+    // Auto-height class for grid context
+    const useContentHeight = !!gridContext?.enabled;
+    const autoHeightClass = useContentHeight ? 'elb-box--auto-height' : '';
+    // Determine content: tab content (if available) or children
+    const activeTabContent = tabs?.find((t) => t.id === activeTabId)?.content;
+    const content = activeTabContent ?? children;
+    // Render tabs header or regular header
+    const hasTabs = tabs && tabs.length > 0;
+    const showRegularHeader = showHeader && header && !hasTabs;
+    return (_jsxs("div", { className: `elb-explorer elb-explorer-box ${autoHeightClass} ${className}`.trim(), style: boxStyle, children: [hasTabs && (_jsxs("div", { className: "elb-explorer-tabs", children: [showTrafficLights && _jsx(TrafficLights, {}), tabs.map((tab) => (_jsx("button", { type: "button", className: `elb-explorer-tab ${activeTabId === tab.id ? 'elb-explorer-tab--active' : ''}`, onClick: () => handleTabClick(tab.id), children: tab.label }, tab.id))), headerActions && (_jsx("div", { className: "elb-explorer-tab-actions", children: headerActions }))] })), showRegularHeader && _jsx(Header, { label: header, children: headerActions }), _jsx("div", { className: "elb-explorer-content", children: content }), footer && _jsx("div", { className: "elb-explorer-footer", children: footer })] }));
+}
+//# sourceMappingURL=box.js.map

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

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

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

@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+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.
+ */
+declare const meta: Meta<typeof Box>;
+export default meta;
+type Story = StoryObj<typeof Box>;
+/**
+ * Default box with header and content
+ */
+export declare const Default: Story;
+/**
+ * Box with tabs - uncontrolled mode
+ *
+ * Tabs replace the regular header. Click tabs to switch content.
+ */
+export declare const WithTabs: Story;
+/**
+ * Box with traffic lights and a single file tab
+ *
+ * Mac-style decoration for code editor appearance.
+ */
+export declare const WithTrafficLights: Story;
+/**
+ * Box with tabs and traffic lights
+ *
+ * Combines Mac decoration with multiple switchable tabs.
+ */
+export declare const TabsWithTrafficLights: Story;
+//# sourceMappingURL=box.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAO1B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,KA0CnC,CAAC"}

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,KAoBrB,CAAC"}

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

@@ -0,0 +1,39 @@
+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;oBACE,KAAK,EAAE,SAAS;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,SAAS,KAAK,SAAS;iBAChC;gBACD,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,11 @@
+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 AsLink: Story;
+export declare const GroupedLayout: 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,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC"}

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

@@ -0,0 +1,50 @@
+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 AsLink = {
+    args: {
+        children: 'Visit Documentation',
+        variant: 'primary',
+        href: 'https://example.com',
+    },
+};
+export const GroupedLayout = {
+    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,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,aAAa,GAAU;IAClC,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/button.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Button } from './button';
+/**
+ * Button - Base button component for headers and controls
+ *
+ * Used in button groups or standalone in headers.
+ * For form submissions, use SubmitButton instead.
+ */
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Active: Story;
+//# sourceMappingURL=button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;;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,MAAM,EAAE,KAKpB,CAAC"}

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

@@ -0,0 +1,25 @@
+import { Button } from './button';
+/**
+ * Button - Base button component for headers and controls
+ *
+ * Used in button groups or standalone in headers.
+ * For form submissions, use SubmitButton instead.
+ */
+const meta = {
+    title: 'Atoms/Button',
+    component: Button,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'Click me',
+    },
+};
+export const Active = {
+    args: {
+        children: 'Active Button',
+        active: true,
+    },
+};
+//# sourceMappingURL=button.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;;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,UAAU;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;QACzB,MAAM,EAAE,IAAI;KACb;CACF,CAAC"}