@walkeros/explorer 1.0.2 → 2.1.0

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { CodeBox } from './code-box';
 /**
  * CodeBox - Monaco Editor wrapped in a Box component
@@ -124,4 +125,115 @@ export const FullFeatured = {
         height: 450,
     },
 };
+/**
+ * CodeBox with JSON Schema IntelliSense
+ *
+ * Demonstrates JSON validation, autocomplete, and hover docs
+ * powered by a JSON Schema passed via the `jsonSchema` prop.
+ */
+export const WithJsonSchema = {
+    render: () => {
+        const [code, setCode] = useState(JSON.stringify({ version: 1, flows: {} }, null, 2));
+        return (_jsx(CodeBox, { code: code, onChange: setCode, language: "json", label: "Flow Config (with IntelliSense)", showFormat: true, jsonSchema: {
+                $schema: 'http://json-schema.org/draft-07/schema#',
+                type: 'object',
+                properties: {
+                    version: {
+                        type: 'number',
+                        description: 'Flow configuration version',
+                        enum: [1, 2],
+                    },
+                    flows: {
+                        type: 'object',
+                        description: 'Named flow configurations',
+                        additionalProperties: {
+                            type: 'object',
+                            properties: {
+                                web: { type: 'object', description: 'Web platform config' },
+                                server: {
+                                    type: 'object',
+                                    description: 'Server platform config',
+                                },
+                            },
+                        },
+                    },
+                },
+                required: ['version', 'flows'],
+            } }));
+    },
+};
+/**
+ * CodeBox with settings toggle
+ *
+ * Click the gear icon to toggle line numbers, minimap, and word wrap.
+ */
+export const WithSettings = {
+    render: () => {
+        const [code, setCode] = useState(JSON.stringify({
+            version: 1,
+            flows: {
+                default: {
+                    sources: {
+                        browser: {
+                            package: '@walkeros/web-source-browser',
+                            config: { settings: { pageview: true } },
+                        },
+                    },
+                    destinations: {
+                        ga4: {
+                            package: '@walkeros/web-destination-gtag',
+                            config: {
+                                settings: { ga4: { measurementId: 'G-XXX' } },
+                                mapping: {
+                                    'page view': { name: 'page_view' },
+                                    'product view': {
+                                        name: 'view_item',
+                                        data: { map: { id: 'items.0.item_id' } },
+                                    },
+                                },
+                            },
+                        },
+                    },
+                },
+            },
+        }, null, 2));
+        return (_jsx(CodeBox, { code: code, onChange: setCode, language: "json", label: "Flow Config", showFormat: true, showSettings: true, height: 500 }));
+    },
+};
+const imagePreviewCode = `interface User {
+  id: string;
+  name: string;
+  email: string;
+}
+
+const getUser = async (id: string): Promise<User> => {
+  const response = await fetch(\`/api/users/\${id}\`);
+  return response.json();
+};`;
+/**
+ * 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 const ImagePreview = {
+    decorators: [
+        (Story) => (_jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
+                background: '#1F2937',
+                padding: 32,
+                width: 'fit-content',
+            }, children: _jsx("div", { style: { width: 500 }, children: _jsx(Story, {}) }) })),
+    ],
+    args: {
+        code: imagePreviewCode,
+        language: 'typescript',
+        showTrafficLights: true,
+        showHeader: true,
+        label: 'user.ts',
+        showCopy: false,
+        autoHeight: true,
+        fontSize: 15,
+    },
+};
 //# sourceMappingURL=code-box.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"code-box.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;;GAKG;AACH,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;8BAUoB;QAC1B,QAAQ,EAAE,YAAY;QACtB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;EAmBnB,CAAC;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,MAAM;QAChB,iBAAiB,EAAE,IAAI;QACvB,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;QAC9D,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,GAAG;KACZ;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ;gBACE,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE;;;;GAIX;gBACK,QAAQ,EAAE,YAAY;aACvB;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,KAAK,EAAE,UAAU;gBACjB,IAAI,EAAE;;;2BAGa;gBACnB,QAAQ,EAAE,YAAY;aACvB;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,KAAK,EAAE,UAAU;gBACjB,IAAI,EAAE;;;;EAIZ;gBACM,QAAQ,EAAE,YAAY;aACvB;SACF;QACD,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,GAAG;KACZ;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE;SACzE;QACD,iBAAiB,EAAE,IAAI;QACvB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,CACN,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,qCAEzD,CACP;QACD,MAAM,EAAE,GAAG;KACZ;CACF,CAAC"}
+{"version":3,"file":"code-box.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;;GAKG;AACH,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;8BAUoB;QAC1B,QAAQ,EAAE,YAAY;QACtB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;EAmBnB,CAAC;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,MAAM;QAChB,iBAAiB,EAAE,IAAI;QACvB,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;QAC9D,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,GAAG;KACZ;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ;gBACE,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE;;;;GAIX;gBACK,QAAQ,EAAE,YAAY;aACvB;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,KAAK,EAAE,UAAU;gBACjB,IAAI,EAAE;;;2BAGa;gBACnB,QAAQ,EAAE,YAAY;aACvB;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,KAAK,EAAE,UAAU;gBACjB,IAAI,EAAE;;;;EAIZ;gBACM,QAAQ,EAAE,YAAY;aACvB;SACF;QACD,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,GAAG;KACZ;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE;SACzE;QACD,iBAAiB,EAAE,IAAI;QACvB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,CACN,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,qCAEzD,CACP;QACD,MAAM,EAAE,GAAG;KACZ;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAC9B,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CACnD,CAAC;QACF,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAC,MAAM,EACf,KAAK,EAAC,iCAAiC,EACvC,UAAU,QACV,UAAU,EAAE;gBACV,OAAO,EAAE,yCAAyC;gBAClD,IAAI,EAAE,QAAQ;gBACd,UAAU,EAAE;oBACV,OAAO,EAAE;wBACP,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,4BAA4B;wBACzC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;qBACb;oBACD,KAAK,EAAE;wBACL,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,2BAA2B;wBACxC,oBAAoB,EAAE;4BACpB,IAAI,EAAE,QAAQ;4BACd,UAAU,EAAE;gCACV,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE;gCAC3D,MAAM,EAAE;oCACN,IAAI,EAAE,QAAQ;oCACd,WAAW,EAAE,wBAAwB;iCACtC;6BACF;yBACF;qBACF;iBACF;gBACD,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;aAC/B,GACD,CACH,CAAC;IACJ,CAAC;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAC9B,IAAI,CAAC,SAAS,CACZ;YACE,OAAO,EAAE,CAAC;YACV,KAAK,EAAE;gBACL,OAAO,EAAE;oBACP,OAAO,EAAE;wBACP,OAAO,EAAE;4BACP,OAAO,EAAE,8BAA8B;4BACvC,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;yBACzC;qBACF;oBACD,YAAY,EAAE;wBACZ,GAAG,EAAE;4BACH,OAAO,EAAE,gCAAgC;4BACzC,MAAM,EAAE;gCACN,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE;gCAC7C,OAAO,EAAE;oCACP,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;oCAClC,cAAc,EAAE;wCACd,IAAI,EAAE,WAAW;wCACjB,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE;qCACzC;iCACF;6BACF;yBACF;qBACF;iBACF;aACF;SACF,EACD,IAAI,EACJ,CAAC,CACF,CACF,CAAC;QACF,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAC,MAAM,EACf,KAAK,EAAC,aAAa,EACnB,UAAU,QACV,YAAY,QACZ,MAAM,EAAE,GAAG,GACX,CACH,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG;;;;;;;;;GAStB,CAAC;AAEJ;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cACE,SAAS,EAAC,cAAc,gBACb,MAAM,EACjB,KAAK,EAAE;gBACL,UAAU,EAAE,SAAS;gBACrB,OAAO,EAAE,EAAE;gBACX,KAAK,EAAE,aAAa;aACrB,YAED,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACxB,KAAC,KAAK,KAAG,GACL,GACF,CACP;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,gBAAgB;QACtB,QAAQ,EAAE,YAAY;QACtB,iBAAiB,EAAE,IAAI;QACvB,UAAU,EAAE,IAAI;QAChB,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC"}

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

@@ -17,4 +17,15 @@ export declare const AutoFormatDisabled: Story;
  * JSON Auto-Formatting - Badly formatted JSON gets auto-formatted
  */
 export declare const JSONFormatting: Story;
+/**
+ * Bare Object Formatting - JS object literals without assignment
+ *
+ * This is common in docs where event results are shown as plain objects.
+ * Previously these were not indented because Prettier couldn't parse them.
+ */
+/**
+ * One-liner objects stay compact — no auto-formatting
+ */
+export declare const BareObjectOneLiner: Story;
+export declare const BareObjectFormatting: Story;
 //# sourceMappingURL=code-snippet.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC"}
+{"version":3,"file":"code-snippet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF;;;;;GAKG;AACH;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC"}

package/dist/components/molecules/code-snippet.stories.js

@@ -65,4 +65,42 @@ export const JSONFormatting = {
         language: 'json',
     },
 };
+/**
+ * Bare Object Formatting - JS object literals without assignment
+ *
+ * This is common in docs where event results are shown as plain objects.
+ * Previously these were not indented because Prettier couldn't parse them.
+ */
+/**
+ * One-liner objects stay compact — no auto-formatting
+ */
+export const BareObjectOneLiner = {
+    args: {
+        code: `{ data: { source: "parent", key: "value", foo: "bar", } }`,
+        language: 'javascript',
+    },
+};
+export const BareObjectFormatting = {
+    args: {
+        code: `{
+name: 'promotion view',
+data: {
+name: 'Setting up tracking easily',
+category: 'analytics',
+},
+context: {
+test: ['engagement', 0]
+},
+globals: {
+language: 'en'
+},
+nested: [],
+consent: { functional: true },
+trigger: 'visible',
+entity: 'promotion',
+action: 'view',
+}`,
+        language: 'javascript',
+    },
+};
 //# sourceMappingURL=code-snippet.stories.js.map

package/dist/components/molecules/code-snippet.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;SAC7D;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,2EAA2E;QACjF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;EAcR;QACE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,KAAK;KACd;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE,0HAA0H;QAChI,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC"}
+{"version":3,"file":"code-snippet.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;SAC7D;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,2EAA2E;QACjF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;EAcR;QACE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,KAAK;KACd;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE,0HAA0H;QAChI,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC;AAEF;;;;;GAKG;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,IAAI,EAAE,2DAA2D;QACjE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;;;;EAiBR;QACE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC"}

package/dist/components/molecules/config-form-card.d.ts

@@ -0,0 +1,50 @@
+import type { FormEvent } from 'react';
+export interface ConfigFormCardProps {
+    /** Current config value (JSON/code string) */
+    config: string;
+    /** Config change handler */
+    onConfigChange: (value: string) => void;
+    /** Form submit handler */
+    onSubmit: (e: FormEvent) => void;
+    /** Loading state */
+    loading?: boolean;
+    /** Error message (null if no error) */
+    error?: string | null;
+    /** Card title (default: "Configuration") */
+    title?: string;
+    /** Textarea label (default: "Configuration (JSON)") */
+    label?: string;
+    /** Submit button text (default: "Submit") */
+    submitText?: string;
+    /** Loading button text (default: "Processing...") */
+    loadingText?: string;
+    /** Number of textarea rows (default: 20) */
+    rows?: number;
+    /** Card max width */
+    maxWidth?: 'sm' | 'md' | 'lg' | 'full';
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * ConfigFormCard - Form for JSON/code configuration input (pure UI)
+ *
+ * Displays a textarea for entering configuration with submit button.
+ * Business logic (validation, API calls) is handled via callbacks.
+ *
+ * @example
+ * const { config, setConfig, loading, error, handleSubmit } = useBundleForm(); // App hook
+ *
+ * <ConfigFormCard
+ *   config={config}
+ *   onConfigChange={setConfig}
+ *   onSubmit={handleSubmit}
+ *   loading={loading}
+ *   error={error}
+ *   title="Bundle Configuration"
+ *   label="Flow Configuration (JSON)"
+ *   submitText="Bundle"
+ *   loadingText="Bundling..."
+ * />
+ */
+export declare function ConfigFormCard({ config, onConfigChange, onSubmit, loading, error, title, label, submitText, loadingText, rows, maxWidth, className, }: ConfigFormCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=config-form-card.d.ts.map

package/dist/components/molecules/config-form-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-form-card.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/config-form-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,0BAA0B;IAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACjC,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACvC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,OAAe,EACf,KAAY,EACZ,KAAuB,EACvB,KAA8B,EAC9B,UAAqB,EACrB,WAA6B,EAC7B,IAAS,EACT,QAAe,EACf,SAAc,GACf,EAAE,mBAAmB,2CAsBrB"}

package/dist/components/molecules/config-form-card.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormCard } from './form-card';
+import { FormTextarea } from '../atoms/form-textarea';
+import { SubmitButton } from '../atoms/submit-button';
+import { Alert } from '../atoms/alert';
+/**
+ * ConfigFormCard - Form for JSON/code configuration input (pure UI)
+ *
+ * Displays a textarea for entering configuration with submit button.
+ * Business logic (validation, API calls) is handled via callbacks.
+ *
+ * @example
+ * const { config, setConfig, loading, error, handleSubmit } = useBundleForm(); // App hook
+ *
+ * <ConfigFormCard
+ *   config={config}
+ *   onConfigChange={setConfig}
+ *   onSubmit={handleSubmit}
+ *   loading={loading}
+ *   error={error}
+ *   title="Bundle Configuration"
+ *   label="Flow Configuration (JSON)"
+ *   submitText="Bundle"
+ *   loadingText="Bundling..."
+ * />
+ */
+export function ConfigFormCard({ config, onConfigChange, onSubmit, loading = false, error = null, title = 'Configuration', label = 'Configuration (JSON)', submitText = 'Submit', loadingText = 'Processing...', rows = 20, maxWidth = 'lg', className = '', }) {
+    return (_jsx(FormCard, { title: title, maxWidth: maxWidth, className: className, children: _jsxs("form", { onSubmit: onSubmit, children: [_jsx(FormTextarea, { label: label, value: config, onChange: onConfigChange, rows: rows, disabled: loading, spellCheck: false, error: !!error }), error && _jsx(Alert, { variant: "error", children: error }), _jsx(SubmitButton, { loading: loading, loadingText: loadingText, fullWidth: true, children: submitText })] }) }));
+}
+//# sourceMappingURL=config-form-card.js.map

package/dist/components/molecules/config-form-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-form-card.js","sourceRoot":"","sources":["../../../src/components/molecules/config-form-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA6BvC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,IAAI,EACZ,KAAK,GAAG,eAAe,EACvB,KAAK,GAAG,sBAAsB,EAC9B,UAAU,GAAG,QAAQ,EACrB,WAAW,GAAG,eAAe,EAC7B,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,GACM;IACpB,OAAO,CACL,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,YAC9D,gBAAM,QAAQ,EAAE,QAAQ,aACtB,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,EACjB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,CAAC,CAAC,KAAK,GACd,EAED,KAAK,IAAI,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,YAAE,KAAK,GAAS,EAEhD,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,kBAChE,UAAU,GACE,IACV,GACE,CACZ,CAAC;AACJ,CAAC"}

package/dist/components/molecules/config-form-card.stories.d.ts

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

package/dist/components/molecules/config-form-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-form-card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/config-form-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAIrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}

package/dist/components/molecules/config-form-card.stories.js

@@ -0,0 +1,21 @@
+import { ConfigFormCard } from './config-form-card';
+const meta = {
+    title: 'Molecules/ConfigFormCard',
+    component: ConfigFormCard,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        config: '{\n  "key": "value"\n}',
+        onConfigChange: () => { },
+        onSubmit: (e) => e.preventDefault(),
+        loading: false,
+        error: null,
+        title: 'Bundle Configuration',
+        label: 'Flow Configuration (JSON)',
+        submitText: 'Bundle',
+        loadingText: 'Bundling...',
+    },
+};
+//# sourceMappingURL=config-form-card.stories.js.map

package/dist/components/molecules/config-form-card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-form-card.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/config-form-card.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,wBAAwB;QAChC,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;QACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;QACnC,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,sBAAsB;QAC7B,KAAK,EAAE,2BAA2B;QAClC,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,aAAa;KAC3B;CACF,CAAC"}

package/dist/components/molecules/dropdown.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+export interface DropdownProps {
+    /** Trigger element (button, link, etc.) */
+    trigger: React.ReactNode;
+    /** Whether dropdown is open (controlled) */
+    isOpen: boolean;
+    /** Toggle handler */
+    onToggle: () => void;
+    /** Dropdown content */
+    children: React.ReactNode;
+    /** Alignment of dropdown panel */
+    align?: 'left' | 'right';
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+export interface DropdownItemProps {
+    /** Item content */
+    children: React.ReactNode;
+    /** Click handler */
+    onClick?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Visual variant */
+    variant?: 'default' | 'danger';
+    /** Additional CSS class */
+    className?: string;
+}
+export interface DropdownDividerProps {
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Dropdown - Generic dropdown container (UI only)
+ *
+ * Pure UI component for dropdown menus.
+ * Click-outside and keyboard handling should be implemented in the parent
+ * via hooks like useDropdown.
+ *
+ * @example
+ * <Dropdown
+ *   trigger={<button>Menu</button>}
+ *   isOpen={isOpen}
+ *   onToggle={toggle}
+ *   align="right"
+ * >
+ *   <DropdownItem onClick={handleAction}>Action</DropdownItem>
+ *   <DropdownDivider />
+ *   <DropdownItem onClick={handleLogout} variant="danger">Logout</DropdownItem>
+ * </Dropdown>
+ */
+export declare function Dropdown({ trigger, isOpen, onToggle, children, align, ariaLabel, className, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * DropdownItem - Menu item within a dropdown
+ *
+ * @example
+ * <DropdownItem onClick={handleClick}>Action</DropdownItem>
+ */
+export declare function DropdownItem({ children, onClick, disabled, variant, className, }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * DropdownDivider - Visual separator between menu items
+ *
+ * @example
+ * <DropdownDivider />
+ */
+export declare function DropdownDivider({ className }: DropdownDividerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/molecules/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,2CAA2C;IAC3C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4CAA4C;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAc,EACd,SAAS,EACT,SAAc,GACf,EAAE,aAAa,2CA8Bf;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,OAAmB,EACnB,SAAc,GACf,EAAE,iBAAiB,2CAYnB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAc,EAAE,EAAE,oBAAoB,2CAOvE"}

package/dist/components/molecules/dropdown.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Dropdown - Generic dropdown container (UI only)
+ *
+ * Pure UI component for dropdown menus.
+ * Click-outside and keyboard handling should be implemented in the parent
+ * via hooks like useDropdown.
+ *
+ * @example
+ * <Dropdown
+ *   trigger={<button>Menu</button>}
+ *   isOpen={isOpen}
+ *   onToggle={toggle}
+ *   align="right"
+ * >
+ *   <DropdownItem onClick={handleAction}>Action</DropdownItem>
+ *   <DropdownDivider />
+ *   <DropdownItem onClick={handleLogout} variant="danger">Logout</DropdownItem>
+ * </Dropdown>
+ */
+export function Dropdown({ trigger, isOpen, onToggle, children, align = 'left', ariaLabel, className = '', }) {
+    return (_jsxs("div", { className: `elb-dropdown ${className}`.trim(), children: [_jsx("div", { className: "elb-dropdown__trigger", onClick: onToggle, role: "button", tabIndex: 0, "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-label": ariaLabel, onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        onToggle();
+                    }
+                }, children: trigger }), isOpen && (_jsx("div", { className: `elb-dropdown__panel elb-dropdown__panel--${align}`, role: "menu", children: children }))] }));
+}
+/**
+ * DropdownItem - Menu item within a dropdown
+ *
+ * @example
+ * <DropdownItem onClick={handleClick}>Action</DropdownItem>
+ */
+export function DropdownItem({ children, onClick, disabled = false, variant = 'default', className = '', }) {
+    return (_jsx("button", { type: "button", role: "menuitem", className: `elb-dropdown__item elb-dropdown__item--${variant} ${disabled ? 'elb-dropdown__item--disabled' : ''} ${className}`.trim(), onClick: onClick, disabled: disabled, children: children }));
+}
+/**
+ * DropdownDivider - Visual separator between menu items
+ *
+ * @example
+ * <DropdownDivider />
+ */
+export function DropdownDivider({ className = '' }) {
+    return (_jsx("div", { className: `elb-dropdown__divider ${className}`.trim(), role: "separator" }));
+}
+//# sourceMappingURL=dropdown.js.map

package/dist/components/molecules/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/components/molecules/dropdown.tsx"],"names":[],"mappings":";AAqCA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,SAAS,EACT,SAAS,GAAG,EAAE,GACA;IACd,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,CAAC,IAAI,EAAE,aAChD,cACE,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACG,MAAM,mBACL,MAAM,gBACT,SAAS,EACrB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;wBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,EAAE,CAAC;oBACb,CAAC;gBACH,CAAC,YAEA,OAAO,GACJ,EACL,MAAM,IAAI,CACT,cACE,SAAS,EAAE,4CAA4C,KAAK,EAAE,EAC9D,IAAI,EAAC,MAAM,YAEV,QAAQ,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,GACI;IAClB,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,0CAA0C,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EACpI,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,GAAG,EAAE,EAAwB;IACtE,OAAO,CACL,cACE,SAAS,EAAE,yBAAyB,SAAS,EAAE,CAAC,IAAI,EAAE,EACtD,IAAI,EAAC,WAAW,GAChB,CACH,CAAC;AACJ,CAAC"}

package/dist/components/molecules/dropdown.stories.d.ts

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

package/dist/components/molecules/dropdown.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAiC,MAAM,YAAY,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAI/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC"}

package/dist/components/molecules/dropdown.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dropdown, DropdownItem, DropdownDivider } from './dropdown';
+const meta = {
+    title: 'Molecules/Dropdown',
+    component: Dropdown,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        trigger: _jsx("button", { children: "Open Menu" }),
+        isOpen: true,
+        onToggle: () => { },
+        align: 'left',
+        children: (_jsxs(_Fragment, { children: [_jsx(DropdownItem, { onClick: () => { }, children: "Action 1" }), _jsx(DropdownItem, { onClick: () => { }, children: "Action 2" }), _jsx(DropdownDivider, {}), _jsx(DropdownItem, { onClick: () => { }, variant: "danger", children: "Delete" })] })),
+    },
+};
+//# sourceMappingURL=dropdown.stories.js.map

package/dist/components/molecules/dropdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/dropdown.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAErE,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,yCAA0B;QACnC,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,CACR,8BACE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,yBAAyB,EACxD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,yBAAyB,EACxD,KAAC,eAAe,KAAG,EACnB,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,OAAO,EAAC,QAAQ,uBAElC,IACd,CACJ;KACF;CACF,CAAC"}

package/dist/components/molecules/flow-map/FlowMap.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowMap.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/flow-map/FlowMap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAoB,MAAM,WAAW,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAe9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AA8CtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAsK9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAwHjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAsFjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAwH5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAqF/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAgG7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAwC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KA4D5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAgIvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAgE/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAyGvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KA2G1B,CAAC"}
+{"version":3,"file":"FlowMap.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/flow-map/FlowMap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAoB,MAAM,WAAW,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAe9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AA8CtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAsK9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAwHjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAsFjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAwH5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAqF/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAgG7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAwC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KA4D5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAgIvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAgE/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAyGvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAiH1B,CAAC"}

package/dist/components/molecules/flow-map/FlowMap.stories.js

@@ -597,6 +597,12 @@ export const Architecture = {
                         text: 'walker.js',
                         next: 'validate',
                     },
+                    session: {
+                        icon: 'mdi:identification-card',
+                        label: 'Source',
+                        text: 'Session detection',
+                        next: 'validate',
+                    },
                     datalayer: {
                         icon: 'simple-icons:googletagmanager',
                         label: 'Source',
@@ -606,7 +612,7 @@ export const Architecture = {
                     mediaplayer: {
                         icon: 'mdi:play-circle',
                         label: 'Source',
-                        text: 'Media Player',
+                        text: 'CMP',
                         next: 'validate',
                     },
                 }, preTransformers: {