@walkeros/explorer 3.0.0 → 3.0.2

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/icons/icons.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/icons.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+import { addIcon } from '@iconify/react';
+addIcon('walkeros:piwik-pro', {
+    body: '<g fill="none" fill-rule="evenodd"><path fill="#231F20" d="M0 0h90v90H0z"/><path d="M50.792 57.21v.044H37.99v8.675c0 3.38-2.652 6.07-6.006 6.07a5.917 5.917 0 0 1-4.243-1.77 6.073 6.073 0 0 1-1.74-4.3v-38.88C26 23.67 28.65 21 31.983 21H50.79v.022c9.58.4 17.209 8.341 17.209 18.104 0 9.764-7.628 17.704-17.209 18.083h.001Zm-2.148-25.29H37.99v14.57h10.872c3.88-.112 6.993-3.337 6.993-7.274a7.347 7.347 0 0 0-2.114-5.16 7.16 7.16 0 0 0-5.098-2.134Z" fill="#FFF" fill-rule="nonzero"/></g>',
+    width: 90,
+    height: 90,
+});
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/components/atoms/icons/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,CAAC,oBAAoB,EAAE;IAC5B,IAAI,EAAE,qeAAqe;IAC3e,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC,CAAC"}

package/dist/components/atoms/icons/index.d.ts

@@ -0,0 +1,3 @@
+import './icons';
+export { Icon } from '@iconify/react';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/atoms/icons/index.js

@@ -0,0 +1,3 @@
+import './icons';
+export { Icon } from '@iconify/react';
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,33 @@
+import { type FC, type PropsWithChildren } from 'react';
+interface MDXCodeProps {
+    className?: string;
+}
+/**
+ * MDXCode - Code component for MDX files
+ *
+ * Automatically detects and renders inline vs block code:
+ * - Inline code: `example` → <code className="elb-code-inline">
+ * - Block code: ```language\ncode\n``` → Uses CodeBox with Monaco editor
+ *
+ * Language detection:
+ * - Extracts language from className (e.g., "language-typescript")
+ * - Maps common MDX language names to Monaco language IDs
+ *
+ * Block code features (via CodeBox):
+ * - Full Monaco editor with syntax highlighting
+ * - Theme-aware (Palenight dark, VS Light)
+ * - Copy to clipboard button
+ * - Auto-height to fit content
+ * - Read-only mode
+ *
+ * @example
+ * // In MDX files (no import needed with MDXProvider):
+ * Inline `code` example
+ *
+ * ```typescript
+ * const block = "code";
+ * ```
+ */
+export declare const MDXCode: FC<PropsWithChildren<MDXCodeProps>>;
+export {};
+//# sourceMappingURL=mdx-code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-code.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mdx-code.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAGzE,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAyDvD,CAAC"}

package/dist/components/atoms/mdx-code.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children } from 'react';
+import { CodeBox } from '../molecules/code-box';
+/**
+ * MDXCode - Code component for MDX files
+ *
+ * Automatically detects and renders inline vs block code:
+ * - Inline code: `example` → <code className="elb-code-inline">
+ * - Block code: ```language\ncode\n``` → Uses CodeBox with Monaco editor
+ *
+ * Language detection:
+ * - Extracts language from className (e.g., "language-typescript")
+ * - Maps common MDX language names to Monaco language IDs
+ *
+ * Block code features (via CodeBox):
+ * - Full Monaco editor with syntax highlighting
+ * - Theme-aware (Palenight dark, VS Light)
+ * - Copy to clipboard button
+ * - Auto-height to fit content
+ * - Read-only mode
+ *
+ * @example
+ * // In MDX files (no import needed with MDXProvider):
+ * Inline `code` example
+ *
+ * ```typescript
+ * const block = "code";
+ * ```
+ */
+export const MDXCode = ({ className, children, }) => {
+    // Detect if this is block code based on:
+    // 1. Has className (markdown sets "language-*" for code blocks)
+    // 2. Content contains newlines
+    const childrenArray = Children.toArray(children);
+    const hasClassName = typeof className === 'string';
+    // Check if content has newlines (block code)
+    const hasNewlines = childrenArray.some((child) => {
+        if (typeof child === 'string') {
+            return child.match(/[\n\r]/g);
+        }
+        return false;
+    });
+    // Inline code: no className or no newlines
+    if (!hasClassName || !hasNewlines) {
+        return _jsx("code", { className: "elb-code-inline", children: children });
+    }
+    // Block code: extract language from className
+    // Format: "language-typescript" → "typescript"
+    const mdxLanguage = className.replace(/^language-/, '');
+    // Map MDX language names to Monaco language IDs
+    const languageMap = {
+        js: 'javascript',
+        ts: 'typescript',
+        jsx: 'javascript',
+        tsx: 'typescript',
+        bash: 'shell',
+        sh: 'shell',
+        yml: 'yaml',
+        md: 'markdown',
+    };
+    const monacoLanguage = languageMap[mdxLanguage] || mdxLanguage;
+    // Extract code string from children
+    const code = childrenArray
+        .map((child) => (typeof child === 'string' ? child : ''))
+        .join('')
+        .trim();
+    return (_jsx(CodeBox, { code: code, language: monacoLanguage, disabled: true, showCopy: true, showHeader: false, autoHeight: { min: 100, max: 600 } }));
+};
+//# sourceMappingURL=mdx-code.js.map

package/dist/components/atoms/mdx-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-code.js","sourceRoot":"","sources":["../../../src/components/atoms/mdx-code.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAMhD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAwC,CAAC,EAC3D,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,yCAAyC;IACzC,gEAAgE;IAChE,+BAA+B;IAC/B,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC;IAEnD,6CAA6C;IAC7C,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,2CAA2C;IAC3C,IAAI,CAAC,YAAY,IAAI,CAAC,WAAW,EAAE,CAAC;QAClC,OAAO,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,CAAC;IAC7D,CAAC;IAED,8CAA8C;IAC9C,+CAA+C;IAC/C,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IAExD,gDAAgD;IAChD,MAAM,WAAW,GAA2B;QAC1C,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,YAAY;QAChB,GAAG,EAAE,YAAY;QACjB,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,OAAO;QACX,GAAG,EAAE,MAAM;QACX,EAAE,EAAE,UAAU;KACf,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC;IAE/D,oCAAoC;IACpC,MAAM,IAAI,GAAG,aAAa;SACvB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACxD,IAAI,CAAC,EAAE,CAAC;SACR,IAAI,EAAE,CAAC;IAEV,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,cAAc,EACxB,QAAQ,QACR,QAAQ,QACR,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAClC,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/atoms/preview-footer.d.ts

@@ -0,0 +1,32 @@
+export interface PreviewFooterButton {
+    type: string;
+    label: string;
+    highlightClass: string;
+}
+export interface PreviewFooterProps {
+    highlights: Set<string>;
+    onToggle: (type: string) => void;
+    buttons?: PreviewFooterButton[];
+}
+/**
+ * PreviewFooter - Footer with highlight toggle buttons
+ *
+ * Renders a set of buttons to toggle highlighting of walkerOS data attributes.
+ * Designed to be used with Box footer prop for preview components.
+ *
+ * @example
+ * const [highlights, setHighlights] = useState<Set<string>>(new Set());
+ * const handleToggle = (type: string) => {
+ *   setHighlights(prev => {
+ *     const next = new Set(prev);
+ *     next.has(type) ? next.delete(type) : next.add(type);
+ *     return next;
+ *   });
+ * };
+ *
+ * <Box footer={<PreviewFooter highlights={highlights} onToggle={handleToggle} />}>
+ *   Preview content
+ * </Box>
+ */
+export declare function PreviewFooter({ highlights, onToggle, buttons, }: PreviewFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=preview-footer.d.ts.map

package/dist/components/atoms/preview-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-footer.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/preview-footer.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACjC;AASD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,QAAQ,EACR,OAAwB,GACzB,EAAE,kBAAkB,2CAiBpB"}

package/dist/components/atoms/preview-footer.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultButtons = [
+    { type: 'context', label: 'Context', highlightClass: 'highlight-context' },
+    { type: 'entity', label: 'Entity', highlightClass: 'highlight-entity' },
+    { type: 'property', label: 'Property', highlightClass: 'highlight-property' },
+    { type: 'action', label: 'Action', highlightClass: 'highlight-action' },
+];
+/**
+ * PreviewFooter - Footer with highlight toggle buttons
+ *
+ * Renders a set of buttons to toggle highlighting of walkerOS data attributes.
+ * Designed to be used with Box footer prop for preview components.
+ *
+ * @example
+ * const [highlights, setHighlights] = useState<Set<string>>(new Set());
+ * const handleToggle = (type: string) => {
+ *   setHighlights(prev => {
+ *     const next = new Set(prev);
+ *     next.has(type) ? next.delete(type) : next.add(type);
+ *     return next;
+ *   });
+ * };
+ *
+ * <Box footer={<PreviewFooter highlights={highlights} onToggle={handleToggle} />}>
+ *   Preview content
+ * </Box>
+ */
+export function PreviewFooter({ highlights, onToggle, buttons = defaultButtons, }) {
+    return (_jsx("div", { className: "elb-preview-footer", children: buttons.map((button) => (_jsx("button", { className: `elb-preview-btn ${highlights.has(button.type) ? button.highlightClass : ''}`, onClick: () => onToggle(button.type), type: "button", children: button.label }, button.type))) }));
+}
+//# sourceMappingURL=preview-footer.js.map

package/dist/components/atoms/preview-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-footer.js","sourceRoot":"","sources":["../../../src/components/atoms/preview-footer.tsx"],"names":[],"mappings":";AAcA,MAAM,cAAc,GAA0B;IAC5C,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,mBAAmB,EAAE;IAC1E,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,EAAE;IACvE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,oBAAoB,EAAE;IAC7E,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,EAAE;CACxE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,UAAU,EACV,QAAQ,EACR,OAAO,GAAG,cAAc,GACL;IACnB,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YAChC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAEE,SAAS,EAAE,mBACT,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EACxD,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EACpC,IAAI,EAAC,QAAQ,YAEZ,MAAM,CAAC,KAAK,IAPR,MAAM,CAAC,IAAI,CAQT,CACV,CAAC,GACE,CACP,CAAC;AACJ,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/toggle.d.ts

@@ -0,0 +1,9 @@
+export interface ToggleProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    id?: string;
+}
+export declare function Toggle({ checked, onChange, disabled, label, id, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/toggle.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,EAAE,GACH,EAAE,WAAW,2CAyBb"}

package/dist/components/atoms/toggle.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Toggle({ checked, onChange, disabled = false, label, id, }) {
+    const toggleId = id || `toggle-${Math.random().toString(36).substr(2, 9)}`;
+    return (_jsxs("div", { className: "elb-toggle-container", children: [_jsx("button", { type: "button", role: "switch", "aria-checked": checked, id: toggleId, className: `elb-toggle ${checked ? 'elb-toggle-checked' : ''} ${disabled ? 'elb-toggle-disabled' : ''}`, onClick: () => !disabled && onChange(!checked), disabled: disabled, children: _jsx("span", { className: "elb-toggle-slider" }) }), label && (_jsx("label", { htmlFor: toggleId, className: "elb-toggle-label", children: label }))] }));
+}
+//# sourceMappingURL=toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../src/components/atoms/toggle.tsx"],"names":[],"mappings":";AAUA,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,EAAE,GACU;IACZ,MAAM,QAAQ,GAAG,EAAE,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAE3E,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,cAAc,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,IAC1D,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EACrC,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,OAAO,CAAC,EAC9C,QAAQ,EAAE,QAAQ,YAElB,eAAM,SAAS,EAAC,mBAAmB,GAAG,GAC/B,EACR,KAAK,IAAI,CACR,gBAAO,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YACnD,KAAK,GACA,CACT,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/demos/DestinationDemo.d.ts

@@ -0,0 +1,48 @@
+import type { WalkerOS, Mapping, Destination } from '@walkeros/core';
+export interface DestinationDemoProps {
+    destination: Destination.Instance;
+    event: WalkerOS.PartialEvent;
+    mapping?: Mapping.Rule | string;
+    settings?: unknown;
+    generic?: boolean;
+    labelEvent?: string;
+    labelMapping?: string;
+    labelOutput?: string;
+    fn?: (event: WalkerOS.Event, context: Destination.PushContext) => Promise<string>;
+}
+/**
+ * DestinationDemo - Interactive destination testing component
+ *
+ * Automatically captures destination.push() calls and displays the output.
+ * The component auto-detects the destination's env from destination.examples.env.push.
+ *
+ * Props:
+ * - destination: Destination instance with examples.env.push export
+ * - event: walkerOS event to process
+ * - mapping: Optional mapping rules
+ * - settings: Destination-specific settings
+ * - generic: If true, wraps mapping in { '*': { '*': mapping } }
+ * - labelEvent: Label for event panel (default: 'Event')
+ * - labelMapping: Label for mapping panel (default: 'Mapping')
+ * - labelOutput: Label for output panel (default: 'Result')
+ *
+ * Example:
+ * ```tsx
+ * import destinationPlausible from '@walkeros/web-destination-plausible';
+ * import { examples } from '@walkeros/web-destination-plausible';
+ * import { getEvent } from '@walkeros/core';
+ *
+ * const destination = { ...destinationPlausible, examples };
+ *
+ * <DestinationDemo
+ *   destination={destination}
+ *   event={getEvent('order complete')}
+ *   mapping={examples.mapping.purchase}
+ *   settings={{ domain: 'elbwalker.com' }}
+ *   generic={true}
+ * />
+ * ```
+ */
+export declare function createCaptureFn(fnName: string, onCapture: (output: string) => void): (...args: unknown[]) => void;
+export declare function DestinationDemo({ destination, event: initialEvent, mapping: initialMapping, settings, generic, labelEvent, labelMapping, labelOutput, fn, }: DestinationDemoProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DestinationDemo.d.ts.map

package/dist/components/demos/DestinationDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DestinationDemo.d.ts","sourceRoot":"","sources":["../../../src/components/demos/DestinationDemo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAWrE,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC;IAClC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,CACH,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,OAAO,EAAE,WAAW,CAAC,WAAW,KAC7B,OAAO,CAAC,MAAM,CAAC,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,IAE3B,GAAG,MAAM,OAAO,EAAE,UAU3B;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,cAAmB,EAC5B,QAAQ,EACR,OAAe,EACf,UAAoB,EACpB,YAAwB,EACxB,WAAsB,EACtB,EAAE,GACH,EAAE,oBAAoB,2CAiGtB"}

package/dist/components/demos/DestinationDemo.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from 'react';
+import { createEvent, tryCatchAsync, processEventMapping, } from '@walkeros/core';
+import { startFlow } from '@walkeros/collector';
+import { CodeBox } from '../molecules/code-box';
+import { Grid } from '../atoms/grid';
+import { captureDestinationPush } from '../../helpers/capture';
+/**
+ * DestinationDemo - Interactive destination testing component
+ *
+ * Automatically captures destination.push() calls and displays the output.
+ * The component auto-detects the destination's env from destination.examples.env.push.
+ *
+ * Props:
+ * - destination: Destination instance with examples.env.push export
+ * - event: walkerOS event to process
+ * - mapping: Optional mapping rules
+ * - settings: Destination-specific settings
+ * - generic: If true, wraps mapping in { '*': { '*': mapping } }
+ * - labelEvent: Label for event panel (default: 'Event')
+ * - labelMapping: Label for mapping panel (default: 'Mapping')
+ * - labelOutput: Label for output panel (default: 'Result')
+ *
+ * Example:
+ * ```tsx
+ * import destinationPlausible from '@walkeros/web-destination-plausible';
+ * import { examples } from '@walkeros/web-destination-plausible';
+ * import { getEvent } from '@walkeros/core';
+ *
+ * const destination = { ...destinationPlausible, examples };
+ *
+ * <DestinationDemo
+ *   destination={destination}
+ *   event={getEvent('order complete')}
+ *   mapping={examples.mapping.purchase}
+ *   settings={{ domain: 'elbwalker.com' }}
+ *   generic={true}
+ * />
+ * ```
+ */
+// Generic capture function creator
+export function createCaptureFn(fnName, onCapture) {
+    return (...args) => {
+        const formattedArgs = args
+            .map((arg) => {
+            if (typeof arg === 'string')
+                return `"${arg}"`;
+            return JSON.stringify(arg, null, 2);
+        })
+            .join(', ');
+        onCapture(`${fnName}(${formattedArgs});`);
+    };
+}
+export function DestinationDemo({ destination, event: initialEvent, mapping: initialMapping = {}, settings, generic = false, labelEvent = 'Event', labelMapping = 'Mapping', labelOutput = 'Result', fn, }) {
+    const [eventInput, setEventInput] = useState(JSON.stringify(initialEvent, null, 2));
+    const [mappingInput, setMappingInput] = useState(typeof initialMapping === 'string'
+        ? initialMapping
+        : JSON.stringify(initialMapping, null, 2));
+    const [output, setOutput] = useState('');
+    const executeDestination = useCallback(async () => {
+        await tryCatchAsync(async () => {
+            const eventData = JSON.parse(eventInput);
+            const mappingData = JSON.parse(mappingInput);
+            const event = createEvent(eventData);
+            // Wrap mapping in generic structure if requested
+            const wrappedMapping = generic && mappingData ? { '*': { '*': mappingData } } : mappingData;
+            // Build config
+            const config = {
+                settings: settings || {},
+                mapping: wrappedMapping,
+            };
+            // Create minimal collector for mapping processing
+            const { collector } = await startFlow({});
+            // Process event mapping (applies mapping transformations)
+            const processed = await processEventMapping(event, config, collector);
+            // Build context for destination.push()
+            const context = {
+                id: 'demo',
+                collector,
+                config,
+                data: processed.data,
+                env: destination.env || {},
+                logger: collector.logger,
+            };
+            // If custom function provided, use it
+            if (fn) {
+                const result = await fn(processed.event, context);
+                setOutput(result);
+                return;
+            }
+            // Auto-detect destination.examples.env.push (for push method)
+            const destinationEnv = destination.examples?.env?.push;
+            // Use captureDestinationPush to automatically capture output
+            const captureFn = captureDestinationPush(destination, destinationEnv);
+            const result = await captureFn(processed.event, context);
+            setOutput(result);
+        }, (error) => setOutput(`Error: ${error}`))();
+    }, [eventInput, mappingInput, destination, settings, generic, fn]);
+    useEffect(() => {
+        const timeoutId = setTimeout(executeDestination, 500);
+        return () => clearTimeout(timeoutId);
+    }, [executeDestination]);
+    return (_jsxs(Grid, { columns: 3, rowHeight: "synced", children: [_jsx(CodeBox, { label: labelEvent, code: eventInput, onChange: setEventInput, language: "json", showFormat: true, autoHeight: true }), _jsx(CodeBox, { label: labelMapping, code: mappingInput, onChange: setMappingInput, language: "json", showFormat: true, autoHeight: true }), _jsx(CodeBox, { label: labelOutput, code: output, disabled: true, language: "javascript", autoHeight: true })] }));
+}
+//# sourceMappingURL=DestinationDemo.js.map

package/dist/components/demos/DestinationDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DestinationDemo.js","sourceRoot":"","sources":["../../../src/components/demos/DestinationDemo.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,WAAW,EACX,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAiB/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,mCAAmC;AACnC,MAAM,UAAU,eAAe,CAC7B,MAAc,EACd,SAAmC;IAEnC,OAAO,CAAC,GAAG,IAAe,EAAE,EAAE;QAC5B,MAAM,aAAa,GAAG,IAAI;aACvB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACX,IAAI,OAAO,GAAG,KAAK,QAAQ;gBAAE,OAAO,IAAI,GAAG,GAAG,CAAC;YAC/C,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACtC,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,SAAS,CAAC,GAAG,MAAM,IAAI,aAAa,IAAI,CAAC,CAAC;IAC5C,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,WAAW,EACX,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,cAAc,GAAG,EAAE,EAC5B,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,OAAO,EACpB,YAAY,GAAG,SAAS,EACxB,WAAW,GAAG,QAAQ,EACtB,EAAE,GACmB;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,CACtC,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,OAAO,cAAc,KAAK,QAAQ;QAChC,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAC5C,CAAC;IACF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,kBAAkB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAChD,MAAM,aAAa,CACjB,KAAK,IAAI,EAAE;YACT,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACzC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YAC7C,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;YAErC,iDAAiD;YACjD,MAAM,cAAc,GAClB,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YAEvE,eAAe;YACf,MAAM,MAAM,GAAuB;gBACjC,QAAQ,EAAE,QAAQ,IAAI,EAAE;gBACxB,OAAO,EAAE,cAAc;aACxB,CAAC;YAEF,kDAAkD;YAClD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,SAAS,CAAC,EAAE,CAAC,CAAC;YAE1C,0DAA0D;YAC1D,MAAM,SAAS,GAAG,MAAM,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;YAEtE,uCAAuC;YACvC,MAAM,OAAO,GAA4B;gBACvC,EAAE,EAAE,MAAM;gBACV,SAAS;gBACT,MAAM;gBACN,IAAI,EAAE,SAAS,CAAC,IAAI;gBACpB,GAAG,EAAE,WAAW,CAAC,GAAG,IAAI,EAAE;gBAC1B,MAAM,EAAE,SAAS,CAAC,MAAM;aACzB,CAAC;YAEF,sCAAsC;YACtC,IAAI,EAAE,EAAE,CAAC;gBACP,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;gBAClD,SAAS,CAAC,MAAM,CAAC,CAAC;gBAClB,OAAO;YACT,CAAC;YAED,8DAA8D;YAC9D,MAAM,cAAc,GAClB,WACD,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC;YAEtB,6DAA6D;YAC7D,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;YACtE,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YACzD,SAAS,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,EACD,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,UAAU,KAAK,EAAE,CAAC,CACxC,EAAE,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,aAClC,KAAC,OAAO,IACN,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAC,MAAM,EACf,UAAU,QACV,UAAU,SACV,EACF,KAAC,OAAO,IACN,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAC,MAAM,EACf,UAAU,QACV,UAAU,SACV,EACF,KAAC,OAAO,IACN,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,MAAM,EACZ,QAAQ,QACR,QAAQ,EAAC,YAAY,EACrB,UAAU,SACV,IACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/demos/DestinationDemo.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { DestinationDemo } from './DestinationDemo';
+/**
+ * DestinationDemo - Interactive destination testing component
+ *
+ * Tests destination implementations with real walkerOS events.
+ * Automatically captures destination.push() calls and displays output.
+ * Perfect for testing and debugging destination configurations.
+ */
+declare const meta: Meta<typeof DestinationDemo>;
+export default meta;
+type Story = StoryObj<typeof DestinationDemo>;
+/**
+ * Default destination demo with gtag GA4 purchase event
+ */
+export declare const Default: Story;
+//# sourceMappingURL=DestinationDemo.stories.d.ts.map

package/dist/components/demos/DestinationDemo.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DestinationDemo.stories.d.ts","sourceRoot":"","sources":["../../../src/components/demos/DestinationDemo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD;;;;;;GAMG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAOtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAS9C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC"}