@walkeros/explorer 1.0.1 → 2.0.1

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":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,MAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YACtD,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,eAAe,GAAe;IAClC,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE;gBACL,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE;gBACnD,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE;aACjE;SACF;QACD;YACE,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE;gBACL,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,sBAAsB,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE;gBAChE,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE;gBACjD,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;gBAC/D,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,GAAG,EAAE,KAAK,EAAE,eAAe,EAAE;aACrE;SACF;KACF;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAe;IACvC,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE;gBACL,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9D,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;gBAC/D,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;gBAC9D;oBACE,IAAI,EAAE,CACJ,KAAC,IAAI,IACH,IAAI,EAAC,iCAAiC,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAC3B,CACH;oBACD,KAAK,EAAE,WAAW;iBACnB;gBACD,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE;gBAChE,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE;aAChD;SACF;QACD;YACE,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE;gBACL,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE;gBACjD,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE;gBAC/D,EAAE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE;aAC9D;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe;QACxB,WAAW,EAAE,WAAW;QACxB,MAAM,EAAE,CACN,cACE,GAAG,EAAC,oBAAoB,EACxB,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAC1C,CACH;QACD,YAAY,EAAE,oBAAoB;KACnC;CACF,CAAC"}

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

@@ -27,4 +27,12 @@ export declare const WithTabs: Story;
  * CodeBox with traffic lights, tabs, and footer
  */
 export declare const FullFeatured: 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":"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;AAaF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC"}

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

@@ -124,4 +124,40 @@ export const FullFeatured = {
         height: 450,
     },
 };
+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":"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"}

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-deploy-panel.d.ts

@@ -0,0 +1,31 @@
+export interface DeploymentInfo {
+    id: string;
+    status: 'bundling' | 'deploying' | 'active' | 'published' | 'failed';
+    type: 'web' | 'server';
+    containerUrl?: string | null;
+    publicUrl?: string | null;
+    errorMessage?: string | null;
+    createdAt: string;
+}
+export interface FlowDeployPanelProps {
+    flowName: string;
+    platform?: 'web' | 'server';
+    deployment: DeploymentInfo | null;
+    deploying?: boolean;
+    error?: string | null;
+    hasUnsavedChanges?: boolean;
+    multipleFlows?: boolean;
+    onDeploy: () => void;
+    onDeleteDeployment: () => void;
+    onDownloadFlow: () => void;
+    onBundle: () => void;
+    className?: string;
+}
+/**
+ * FlowDeployPanel - Deployment controls for a named flow
+ *
+ * Replaces DeploySection. Shows deployment status, endpoint info,
+ * and a SplitButton with deploy/download/bundle actions.
+ */
+export declare function FlowDeployPanel({ flowName, platform, deployment, deploying, error, hasUnsavedChanges, multipleFlows, onDeploy, onDeleteDeployment, onDownloadFlow, onBundle, className, }: FlowDeployPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flow-deploy-panel.d.ts.map

package/dist/components/molecules/flow-deploy-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-deploy-panel.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/flow-deploy-panel.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC;IACrE,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,UAAU,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmDD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,SAAiB,EACjB,KAAK,EACL,iBAAyB,EACzB,aAAqB,EACrB,QAAQ,EACR,kBAAkB,EAClB,cAAc,EACd,QAAQ,EACR,SAAc,GACf,EAAE,oBAAoB,2CAuGtB"}