@walkeros/explorer 1.0.2 → 2.1.0

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

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Header } from './header';
+import { Button } from './button';
+import { ButtonGroup } from './button-group';
+/**
+ * Header - Header component for boxes and panels
+ *
+ * Displays a label with optional action buttons.
+ * Pairs with Footer for consistent box structure.
+ */
+const meta = {
+    title: 'Atoms/Header',
+    component: Header,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Code Preview',
+    },
+};
+export const WithButtons = {
+    args: {
+        label: 'Configuration',
+        children: (_jsx(ButtonGroup, { buttons: [
+                { label: 'Copy', value: 'copy' },
+                { label: 'Reset', value: 'reset' },
+            ], onButtonClick: () => { } })),
+    },
+};
+export const WithSingleButton = {
+    args: {
+        label: 'Events',
+        children: _jsx(Button, { children: "Clear" }),
+    },
+};
+//# sourceMappingURL=header.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/header.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,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,KAAK,EAAE,cAAc;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,CACR,KAAC,WAAW,IACV,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC,EACD,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC,GACvB,CACH;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,KAAC,MAAM,wBAAe;KACjC;CACF,CAAC"}

package/dist/components/atoms/icons/icon.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Icon } from '@iconify/react';
+/**
+ * Icon - Iconify icon component
+ *
+ * Re-exported from @iconify/react for consistent imports.
+ * Use any Iconify icon name (e.g., 'mdi:home', 'lucide:settings').
+ *
+ * @see https://icon-sets.iconify.design/
+ */
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Default: Story;
+export declare const CommonIcons: Story;
+export declare const Sizes: Story;
+export declare const CustomIcon: Story;
+//# sourceMappingURL=icon.stories.d.ts.map

package/dist/components/atoms/icons/icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC;;;;;;;GAOG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}

package/dist/components/atoms/icons/icon.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@iconify/react';
+/**
+ * Icon - Iconify icon component
+ *
+ * Re-exported from @iconify/react for consistent imports.
+ * Use any Iconify icon name (e.g., 'mdi:home', 'lucide:settings').
+ *
+ * @see https://icon-sets.iconify.design/
+ */
+const meta = {
+    title: 'Atoms/Icon',
+    component: Icon,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        icon: 'mdi:home',
+        width: 24,
+        height: 24,
+    },
+};
+export const CommonIcons = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [_jsx(Icon, { icon: "mdi:home", width: 24 }), _jsx(Icon, { icon: "mdi:cog", width: 24 }), _jsx(Icon, { icon: "mdi:account", width: 24 }), _jsx(Icon, { icon: "mdi:magnify", width: 24 }), _jsx(Icon, { icon: "mdi:plus", width: 24 }), _jsx(Icon, { icon: "mdi:delete", width: 24 }), _jsx(Icon, { icon: "mdi:pencil", width: 24 }), _jsx(Icon, { icon: "mdi:check", width: 24 }), _jsx(Icon, { icon: "mdi:close", width: 24 }), _jsx(Icon, { icon: "mdi:chevron-down", width: 24 })] })),
+};
+export const Sizes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [_jsx(Icon, { icon: "mdi:star", width: 16 }), _jsx(Icon, { icon: "mdi:star", width: 24 }), _jsx(Icon, { icon: "mdi:star", width: 32 }), _jsx(Icon, { icon: "mdi:star", width: 48 })] })),
+};
+export const CustomIcon = {
+    args: {
+        icon: 'walkeros:piwik-pro',
+        width: 48,
+        height: 48,
+    },
+};
+//# sourceMappingURL=icon.stories.js.map

package/dist/components/atoms/icons/icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.stories.js","sourceRoot":"","sources":["../../../../src/components/atoms/icons/icon.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC;;;;;;;GAOG;AACH,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,GAAI,EAClC,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,GAAI,EACrC,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,GAAI,EACrC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,GAAI,EACpC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,GAAI,EACpC,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,GAAI,IACvC,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,IAC/B,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAoB;QAC1B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC"}

package/dist/components/atoms/panel-hints.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { PanelHints } from './panel-hints';
+/**
+ * PanelHints - Displays contextual hints with code examples
+ *
+ * Used in property panels to show common patterns and usage examples.
+ * Features a clean, minimal design with code-first presentation.
+ */
+declare const meta: Meta<typeof PanelHints>;
+export default meta;
+type Story = StoryObj<typeof PanelHints>;
+export declare const Default: Story;
+export declare const CustomTitle: Story;
+//# sourceMappingURL=panel-hints.stories.d.ts.map

package/dist/components/atoms/panel-hints.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-hints.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/panel-hints.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}

package/dist/components/atoms/panel-hints.stories.js

@@ -0,0 +1,35 @@
+import { PanelHints } from './panel-hints';
+/**
+ * PanelHints - Displays contextual hints with code examples
+ *
+ * Used in property panels to show common patterns and usage examples.
+ * Features a clean, minimal design with code-first presentation.
+ */
+const meta = {
+    title: 'Atoms/PanelHints',
+    component: PanelHints,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        hints: [
+            { code: 'data.id', description: 'Product identifier' },
+            { code: 'data.name', description: 'Product name' },
+            { code: 'user.email', description: 'User email address' },
+        ],
+    },
+};
+export const CustomTitle = {
+    args: {
+        title: 'Event properties',
+        hints: [
+            {
+                code: 'event.action',
+                description: 'The action that triggered the event',
+            },
+            { code: 'event.label', description: 'Optional label for the event' },
+        ],
+    },
+};
+//# sourceMappingURL=panel-hints.stories.js.map

package/dist/components/atoms/panel-hints.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-hints.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/panel-hints.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;GAKG;AACH,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,oBAAoB,EAAE;YACtD,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE;YAClD,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE;SAC1D;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,cAAc;gBACpB,WAAW,EAAE,qCAAqC;aACnD;YACD,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,8BAA8B,EAAE;SACrE;KACF;CACF,CAAC"}

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

@@ -0,0 +1,17 @@
+export interface SpinnerProps {
+    /** Size of the spinner */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Spinner - Loading indicator
+ *
+ * Pure UI component for showing loading state.
+ * No internal state - controlled via parent.
+ *
+ * @example
+ * <Spinner size="md" />
+ */
+export declare function Spinner({ size, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/spinner.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EAAE,IAAW,EAAE,SAAc,EAAE,EAAE,YAAY,2CAQpE"}

package/dist/components/atoms/spinner.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Spinner - Loading indicator
+ *
+ * Pure UI component for showing loading state.
+ * No internal state - controlled via parent.
+ *
+ * @example
+ * <Spinner size="md" />
+ */
+export function Spinner({ size = 'md', className = '' }) {
+    return (_jsx("span", { className: `elb-spinner elb-spinner--${size} ${className}`.trim(), role: "status", "aria-label": "Loading" }));
+}
+//# sourceMappingURL=spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/components/atoms/spinner.tsx"],"names":[],"mappings":";AASA;;;;;;;;GAQG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,GAAG,EAAE,EAAgB;IACnE,OAAO,CACL,eACE,SAAS,EAAE,4BAA4B,IAAI,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EACjE,IAAI,EAAC,QAAQ,gBACF,SAAS,GACpB,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Spinner } from './spinner';
+declare const meta: Meta<typeof Spinner>;
+export default meta;
+type Story = StoryObj<typeof Spinner>;
+export declare const Default: Story;
+//# sourceMappingURL=spinner.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAI9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -0,0 +1,9 @@
+import { Spinner } from './spinner';
+const meta = {
+    title: 'Atoms/Spinner',
+    component: Spinner,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {};
+//# sourceMappingURL=spinner.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/spinner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC"}

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

@@ -0,0 +1,34 @@
+import React from 'react';
+export interface SubmitButtonProps {
+    /** Button content */
+    children: React.ReactNode;
+    /** Text to show when loading */
+    loadingText?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Visual variant */
+    variant?: 'primary' | 'default' | 'danger';
+    /** Full width button */
+    fullWidth?: boolean;
+    /** Button type */
+    type?: 'submit' | 'button';
+    /** Click handler (for type="button") */
+    onClick?: () => void;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * SubmitButton - Form submit button with loading state
+ *
+ * Pure UI component for form submissions.
+ * Shows spinner and loading text when loading=true.
+ *
+ * @example
+ * <SubmitButton loading={isSubmitting} loadingText="Saving...">
+ *   Save
+ * </SubmitButton>
+ */
+export declare function SubmitButton({ children, loadingText, loading, disabled, variant, fullWidth, type, onClick, className, }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=submit-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/submit-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC3C,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAe,EACf,QAAgB,EAChB,OAAmB,EACnB,SAAiB,EACjB,IAAe,EACf,OAAO,EACP,SAAc,GACf,EAAE,iBAAiB,2CAoBnB"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spinner } from './spinner';
+/**
+ * SubmitButton - Form submit button with loading state
+ *
+ * Pure UI component for form submissions.
+ * Shows spinner and loading text when loading=true.
+ *
+ * @example
+ * <SubmitButton loading={isSubmitting} loadingText="Saving...">
+ *   Save
+ * </SubmitButton>
+ */
+export function SubmitButton({ children, loadingText, loading = false, disabled = false, variant = 'primary', fullWidth = false, type = 'submit', onClick, className = '', }) {
+    const isDisabled = disabled || loading;
+    return (_jsx("button", { type: type, disabled: isDisabled, onClick: onClick, className: `elb-submit-button elb-submit-button--${variant} ${fullWidth ? 'elb-submit-button--full-width' : ''} ${loading ? 'elb-submit-button--loading' : ''} ${className}`.trim(), children: loading ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { size: "sm", className: "elb-submit-button__spinner" }), _jsx("span", { children: loadingText ?? children })] })) : (children) }));
+}
+//# sourceMappingURL=submit-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button.js","sourceRoot":"","sources":["../../../src/components/atoms/submit-button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAuBpC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAC;IAEvC,OAAO,CACL,iBACE,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,wCAAwC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YAElL,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,4BAA4B,GAAG,EAC5D,yBAAO,WAAW,IAAI,QAAQ,GAAQ,IACrC,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACM,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { SubmitButton } from './submit-button';
+declare const meta: Meta<typeof SubmitButton>;
+export default meta;
+type Story = StoryObj<typeof SubmitButton>;
+export declare const Default: Story;
+//# sourceMappingURL=submit-button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/submit-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { SubmitButton } from './submit-button';
+const meta = {
+    title: 'Atoms/SubmitButton',
+    component: SubmitButton,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'Submit',
+    },
+};
+//# sourceMappingURL=submit-button.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/submit-button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC"}

package/dist/components/molecules/architecture-flow/ArchitectureFlow.stories.js

@@ -64,7 +64,7 @@ export const Default = {
     args: {
         sources: walkerOSSources,
         centerTitle: 'Collector',
-        center: (_jsx("img", { src: "/walkerOS_logo_new.svg", alt: "walkerOS", style: { width: '128px', height: '128px' } })),
+        center: (_jsx("img", { src: "/walkerOS_logo.svg", alt: "walkerOS", style: { width: '128px', height: '128px' } })),
         destinations: walkerOSDestinations,
     },
 };

package/dist/components/molecules/architecture-flow/ArchitectureFlow.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchitectureFlow.stories.js","sourceRoot":"","sources":["../../../../src/components/molecules/architecture-flow/ArchitectureFlow.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ArchitectureFlow.stories.js","sourceRoot":"","sources":["../../../../src/components/molecules/architecture-flow/ArchitectureFlow.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/code-box.d.ts

@@ -21,6 +21,7 @@ export interface CodeBoxProps extends Omit<CodeProps, 'code'> {
     showTrafficLights?: boolean;
     showCopy?: boolean;
     showFormat?: boolean;
+    showSettings?: boolean;
     footer?: React.ReactNode;
     height?: string | number;
     style?: React.CSSProperties;
@@ -65,5 +66,5 @@ export interface CodeBoxProps extends Omit<CodeProps, 'code'> {
  *   showFormat
  * />
  */
-export declare function CodeBox({ code, language, onChange, disabled, autoHeight, label, header, showHeader, tabs, activeTab: controlledActiveTab, onTabChange, defaultTab, showTrafficLights, showCopy, showFormat, footer, height, style, className, ...codeProps }: CodeBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBox({ code, language, onChange, disabled, autoHeight, label, header, showHeader, tabs, activeTab: controlledActiveTab, onTabChange, defaultTab, showTrafficLights, showCopy, showFormat, showSettings, footer, height, style, className, ...codeProps }: CodeBoxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=code-box.d.ts.map

package/dist/components/molecules/code-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-box.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;IAE3D,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAG5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,OAAO,CAAC,EAEtB,IAAI,EACJ,QAAuB,EACvB,QAAQ,EACR,QAAgB,EAChB,UAAU,EAEV,KAAK,EACL,MAAM,EACN,UAAiB,EAEjB,IAAI,EACJ,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EACX,UAAU,EAEV,iBAAyB,EAEzB,QAAgB,EAChB,UAAkB,EAElB,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACb,EAAE,YAAY,2CAiKd"}
+{"version":3,"file":"code-box.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;IAE3D,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAG5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,OAAO,CAAC,EAEtB,IAAI,EACJ,QAAuB,EACvB,QAAQ,EACR,QAAgB,EAChB,UAAU,EAEV,KAAK,EACL,MAAM,EACN,UAAiB,EAEjB,IAAI,EACJ,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EACX,UAAU,EAEV,iBAAyB,EAEzB,QAAe,EACf,UAAkB,EAClB,YAAoB,EAEpB,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACb,EAAE,YAAY,2CAqQd"}

package/dist/components/molecules/code-box.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useRef, useEffect } from 'react';
 import { Box } from '../atoms/box';
 import { Code } from '../atoms/code';
 /**
@@ -52,10 +52,30 @@ tabs, activeTab: controlledActiveTab, onTabChange, defaultTab,
 // Visual
 showTrafficLights = false, 
 // Actions
-showCopy = false, showFormat = false, 
+showCopy = true, showFormat = false, showSettings = false, 
 // Layout
 footer, height, style, className, ...codeProps }) {
     const [copied, setCopied] = useState(false);
+    const [showSettingsPanel, setShowSettingsPanel] = useState(false);
+    const [settings, setSettings] = useState({
+        lineNumbers: false,
+        minimap: false,
+        wordWrap: false,
+        sticky: true,
+    });
+    const settingsRef = useRef(null);
+    useEffect(() => {
+        if (!showSettingsPanel)
+            return;
+        const handleClickOutside = (e) => {
+            if (settingsRef.current &&
+                !settingsRef.current.contains(e.target)) {
+                setShowSettingsPanel(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [showSettingsPanel]);
     // Track active tab for copy button (Box handles tab state, we just observe)
     const [currentTabId, setCurrentTabId] = useState(controlledActiveTab ?? defaultTab ?? tabs?.[0]?.id ?? '');
     // Update internal tracking when controlled prop changes
@@ -93,8 +113,14 @@ footer, height, style, className, ...codeProps }) {
             // Invalid JSON, do nothing
         }
     };
+    const settingsProps = {
+        lineNumbers: settings.lineNumbers,
+        minimap: settings.minimap,
+        wordWrap: settings.wordWrap,
+        sticky: settings.sticky,
+    };
     // Build header actions
-    const actions = (_jsxs(_Fragment, { children: [showFormat && !disabled && currentLanguage === 'json' && (_jsx("button", { className: "elb-explorer-btn", onClick: handleFormat, title: "Format JSON", children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polyline", { points: "16 18 22 12 16 6" }), _jsx("polyline", { points: "8 6 2 12 8 18" })] }) })), showCopy && (_jsx("button", { className: "elb-explorer-btn", onClick: handleCopy, title: copied ? 'Copied!' : 'Copy to clipboard', children: copied ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })) }))] }));
+    const actions = (_jsxs("div", { style: { display: 'flex', gap: '4px', alignItems: 'center' }, children: [showFormat && !disabled && currentLanguage === 'json' && (_jsx("button", { className: "elb-explorer-btn", onClick: handleFormat, title: "Format JSON", children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "3", y1: "5", x2: "16", y2: "5" }), _jsx("line", { x1: "7", y1: "10", x2: "20", y2: "10" }), _jsx("line", { x1: "7", y1: "15", x2: "18", y2: "15" }), _jsx("line", { x1: "3", y1: "20", x2: "12", y2: "20" })] }) })), showCopy && (_jsx("button", { className: "elb-explorer-btn", onClick: handleCopy, title: copied ? 'Copied!' : 'Copy to clipboard', children: copied ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })) })), showSettings && (_jsxs("div", { ref: settingsRef, style: { position: 'relative' }, children: [_jsx("button", { className: `elb-explorer-btn${showSettingsPanel ? ' active' : ''}`, onClick: () => setShowSettingsPanel(!showSettingsPanel), title: "Editor settings", children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "3" }), _jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })] }) }), showSettingsPanel && (_jsxs("div", { className: "elb-codebox-settings", children: [_jsxs("label", { className: "elb-codebox-settings-option", children: [_jsx("input", { type: "checkbox", checked: settings.lineNumbers, onChange: () => setSettings((s) => ({ ...s, lineNumbers: !s.lineNumbers })) }), "Line numbers"] }), _jsxs("label", { className: "elb-codebox-settings-option", children: [_jsx("input", { type: "checkbox", checked: settings.minimap, onChange: () => setSettings((s) => ({ ...s, minimap: !s.minimap })) }), "Minimap"] }), _jsxs("label", { className: "elb-codebox-settings-option", children: [_jsx("input", { type: "checkbox", checked: settings.wordWrap, onChange: () => setSettings((s) => ({ ...s, wordWrap: !s.wordWrap })) }), "Word wrap"] }), _jsxs("label", { className: "elb-codebox-settings-option", children: [_jsx("input", { type: "checkbox", checked: settings.sticky, onChange: () => setSettings((s) => ({ ...s, sticky: !s.sticky })) }), "Sticky scroll"] })] }))] }))] }));
     // Auto-height class for content-based sizing (Box handles gridContext)
     const autoHeightClass = autoHeight ? 'elb-box--auto-height' : '';
     const boxClassName = `${autoHeightClass} ${className || ''}`.trim();
@@ -102,8 +128,8 @@ footer, height, style, className, ...codeProps }) {
     const boxTabs = tabs?.map((tab) => ({
         id: tab.id,
         label: tab.label,
-        content: (_jsx(Code, { code: tab.code, language: tab.language ?? language, onChange: onChange, disabled: disabled, autoHeight: autoHeight, ...codeProps })),
+        content: (_jsx(Code, { code: tab.code, language: tab.language ?? language, onChange: onChange, disabled: disabled, autoHeight: autoHeight, ...codeProps, ...settingsProps })),
     }));
-    return (_jsx(Box, { header: boxHeader, headerActions: actions, showHeader: showHeader, tabs: boxTabs, defaultTab: defaultTab, activeTab: controlledActiveTab, onTabChange: handleTabChange, showTrafficLights: showTrafficLights, footer: footer, height: height, style: style, className: boxClassName, children: !tabs && (_jsx(Code, { code: code ?? '', language: language, onChange: onChange, disabled: disabled, autoHeight: autoHeight, ...codeProps })) }));
+    return (_jsx(Box, { header: boxHeader, headerActions: actions, showHeader: showHeader, tabs: boxTabs, defaultTab: defaultTab, activeTab: controlledActiveTab, onTabChange: handleTabChange, showTrafficLights: showTrafficLights, footer: footer, height: height, style: style, className: boxClassName, children: !tabs && (_jsx(Code, { code: code ?? '', language: language, onChange: onChange, disabled: disabled, autoHeight: autoHeight, ...codeProps, ...settingsProps })) }));
 }
 //# sourceMappingURL=code-box.js.map

package/dist/components/molecules/code-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-box.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,IAAI,EAAkB,MAAM,eAAe,CAAC;AAwCrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,UAAU,OAAO,CAAC;AACtB,gCAAgC;AAChC,IAAI,EACJ,QAAQ,GAAG,YAAY,EACvB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,UAAU;AACV,SAAS;AACT,KAAK,EACL,MAAM,EACN,UAAU,GAAG,IAAI;AACjB,yBAAyB;AACzB,IAAI,EACJ,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EACX,UAAU;AACV,SAAS;AACT,iBAAiB,GAAG,KAAK;AACzB,UAAU;AACV,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK;AAClB,SAAS;AACT,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACC;IACb,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,4EAA4E;IAC5E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,mBAAmB,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CACzD,CAAC;IAEF,wDAAwD;IACxD,MAAM,cAAc,GAAG,mBAAmB,IAAI,YAAY,CAAC;IAE3D,sDAAsD;IACtD,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAa,EAAE,EAAE;QAChB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,2CAA2C;IAC3C,MAAM,aAAa,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,cAAc,CAAC,CAAC;IACjE,MAAM,WAAW,GAAG,aAAa,EAAE,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;IACtD,MAAM,eAAe,GAAG,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC;IAE5D,qDAAqD;IACrD,MAAM,SAAS,GAAG,MAAM,IAAI,KAAK,IAAI,MAAM,CAAC;IAE5C,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;YACjD,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;QAAC,MAAM,CAAC;YACP,kCAAkC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,QAAQ,IAAI,QAAQ,IAAI,eAAe,KAAK,MAAM;YAAE,OAAO;QAEhE,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACvC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YAClD,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,2BAA2B;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,uBAAuB;IACvB,MAAM,OAAO,GAAG,CACd,8BACG,UAAU,IAAI,CAAC,QAAQ,IAAI,eAAe,KAAK,MAAM,IAAI,CACxD,iBACE,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,YAAY,EACrB,KAAK,EAAC,aAAa,YAEnB,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,mBAAU,MAAM,EAAC,kBAAkB,GAAG,EACtC,mBAAU,MAAM,EAAC,eAAe,GAAG,IAC/B,GACC,CACV,EACA,QAAQ,IAAI,CACX,iBACE,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,YAE9C,MAAM,CAAC,CAAC,CAAC,CACR,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAEtB,mBAAU,MAAM,EAAC,gBAAgB,GAAG,GAChC,CACP,CAAC,CAAC,CAAC,CACF,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EACzD,eAAM,CAAC,EAAC,yDAAyD,GAAG,IAChE,CACP,GACM,CACV,IACA,CACJ,CAAC;IAEF,uEAAuE;IACvE,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,YAAY,GAAG,GAAG,eAAe,IAAI,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IAEpE,gFAAgF;IAChF,MAAM,OAAO,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAClC,EAAE,EAAE,GAAG,CAAC,EAAE;QACV,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,OAAO,EAAE,CACP,KAAC,IAAI,IACH,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,QAAQ,EAAE,GAAG,CAAC,QAAQ,IAAI,QAAQ,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,SAAS,GACb,CACH;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,GAAG,IACF,MAAM,EAAE,SAAS,EACjB,aAAa,EAAE,OAAO,EACtB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,OAAO,EACb,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,eAAe,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,YAAY,YAGtB,CAAC,IAAI,IAAI,CACR,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,SAAS,GACb,CACH,GACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"code-box.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/code-box.stories.d.ts

@@ -27,4 +27,25 @@ export declare const WithTabs: Story;
  * CodeBox with traffic lights, tabs, and footer
  */
 export declare const FullFeatured: Story;
+/**
+ * CodeBox with JSON Schema IntelliSense
+ *
+ * Demonstrates JSON validation, autocomplete, and hover docs
+ * powered by a JSON Schema passed via the `jsonSchema` prop.
+ */
+export declare const WithJsonSchema: Story;
+/**
+ * CodeBox with settings toggle
+ *
+ * Click the gear icon to toggle line numbers, minimap, and word wrap.
+ */
+export declare const WithSettings: Story;
+/**
+ * Image Preview - Mac-style code window with gradient background
+ *
+ * This story shows what a code image will look like when exported.
+ * The gradient uses elbwalker brand colors for consistent CI.
+ * Use for creating shareable code images (like ray.so) for LinkedIn, etc.
+ */
+export declare const ImagePreview: Story;
 //# sourceMappingURL=code-box.stories.d.ts.map

package/dist/components/molecules/code-box.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-box.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAI9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAuBF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAqCtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC"}
+{"version":3,"file":"code-box.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAI9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAuBF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAqCtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,KAyC5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAgD1B,CAAC;AAaF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC"}