@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/atoms/mapping-value.js.map

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

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

@@ -0,0 +1,24 @@
+/**
+ * Pane Header - Standardized header for pane views
+ *
+ * Provides consistent header layout across all pane views with:
+ * - Back button (conditionally visible based on hideBackButton)
+ * - Title
+ * - Description
+ * - Optional action button (e.g., Reset)
+ */
+export interface PaneHeaderProps {
+    title: string;
+    description: string;
+    onBack?: () => void;
+    canGoBack?: boolean;
+    hideBackButton?: boolean;
+    action?: {
+        label: string;
+        onClick: () => void;
+        title?: string;
+    };
+    className?: string;
+}
+export declare function PaneHeader({ title, description, onBack, canGoBack, hideBackButton, action, className, }: PaneHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pane-header.d.ts.map

package/dist/components/atoms/pane-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pane-header.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/pane-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAiB,EACjB,cAAsB,EACtB,MAAM,EACN,SAAc,GACf,EAAE,eAAe,2CA+CjB"}

package/dist/components/atoms/pane-header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PaneHeader({ title, description, onBack, canGoBack = false, hideBackButton = false, action, className = '', }) {
+    return (_jsxs("div", { className: `elb-pane-header ${className}`, children: [_jsxs("div", { className: "elb-pane-header-content", children: [!hideBackButton && (_jsx("button", { type: "button", className: `elb-pane-header-back ${!onBack || !canGoBack ? 'is-disabled' : ''}`, onClick: onBack && canGoBack ? onBack : undefined, disabled: !onBack || !canGoBack, "aria-label": "Go back", title: onBack && canGoBack ? 'Go back' : 'No history', children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })), _jsxs("h3", { className: "elb-pane-header-title", children: [title, ' ', _jsx("span", { className: "elb-pane-header-description", children: description })] })] }), action && (_jsx("button", { type: "button", className: "elb-pane-header-action", onClick: action.onClick, title: action.title, children: action.label }))] }));
+}
+//# sourceMappingURL=pane-header.js.map

package/dist/components/atoms/pane-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pane-header.js","sourceRoot":"","sources":["../../../src/components/atoms/pane-header.tsx"],"names":[],"mappings":";AAuBA,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,KAAK,EACtB,MAAM,EACN,SAAS,GAAG,EAAE,GACE;IAChB,OAAO,CACL,eAAK,SAAS,EAAE,mBAAmB,SAAS,EAAE,aAC5C,eAAK,SAAS,EAAC,yBAAyB,aACrC,CAAC,cAAc,IAAI,CAClB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,wBAAwB,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAC/E,OAAO,EAAE,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,SAAS,gBACpB,SAAS,EACpB,KAAK,EAAE,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,YAErD,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,wBAAwB,EAC1B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,GACC,CACV,EACD,cAAI,SAAS,EAAC,uBAAuB,aAClC,KAAK,EAAE,GAAG,EACX,eAAM,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAQ,IAC/D,IACD,EACL,MAAM,IAAI,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,YAElB,MAAM,CAAC,KAAK,GACN,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,35 @@
+/**
+ * Hint item definition
+ */
+export interface HintItem {
+    code: string;
+    description: string;
+}
+/**
+ * PanelHints - Reusable hints component for panel views
+ *
+ * Displays a clean, modern hints box with code examples and descriptions.
+ * Used across all property panel views for consistency.
+ *
+ * Features:
+ * - Minimal design with subtle background
+ * - Code-first presentation
+ * - Clean typography
+ * - Theme-aware styling
+ *
+ * @example
+ * <PanelHints
+ *   title="Common patterns"
+ *   hints={[
+ *     { code: 'data.id', description: 'Product identifier' },
+ *     { code: 'user.email', description: 'User email address' }
+ *   ]}
+ * />
+ */
+export interface PanelHintsProps {
+    title?: string;
+    hints: HintItem[];
+    className?: string;
+}
+export declare function PanelHints({ title, hints, className, }: PanelHintsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=panel-hints.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel-hints.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/panel-hints.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAyB,EACzB,KAAK,EACL,SAAc,GACf,EAAE,eAAe,2CAcjB"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PanelHints({ title = 'Common patterns', hints, className = '', }) {
+    return (_jsxs("div", { className: `elb-panel-hints ${className}`, children: [title && _jsx("div", { className: "elb-panel-hints-title", children: title }), _jsx("ul", { className: "elb-panel-hints-list", children: hints.map((hint, index) => (_jsxs("li", { className: "elb-panel-hints-item", children: [_jsx("code", { className: "elb-panel-hints-code", children: hint.code }), _jsx("span", { className: "elb-panel-hints-desc", children: hint.description })] }, index))) })] }));
+}
+//# sourceMappingURL=panel-hints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel-hints.js","sourceRoot":"","sources":["../../../src/components/atoms/panel-hints.tsx"],"names":[],"mappings":";AAqCA,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,GAAG,iBAAiB,EACzB,KAAK,EACL,SAAS,GAAG,EAAE,GACE;IAChB,OAAO,CACL,eAAK,SAAS,EAAE,mBAAmB,SAAS,EAAE,aAC3C,KAAK,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAO,EAC9D,aAAI,SAAS,EAAC,sBAAsB,YACjC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,cAAgB,SAAS,EAAC,sBAAsB,aAC9C,eAAM,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,IAAI,GAAQ,EACzD,eAAM,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,WAAW,GAAQ,KAFzD,KAAK,CAGT,CACN,CAAC,GACC,IACD,CACP,CAAC;AACJ,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/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":"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"}

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

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

@@ -0,0 +1,53 @@
+import { DestinationDemo } from './DestinationDemo';
+import { captureDestinationPush } from '../../helpers/capture';
+import { getEvent } from '@walkeros/core';
+import destinationGtag from '@walkeros/web-destination-gtag';
+import * as examples from '@walkeros/web-destination-gtag/examples';
+/**
+ * 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.
+ */
+const meta = {
+    component: DestinationDemo,
+    title: 'Demos/DestinationDemo',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+// Create documentation gtag destination with examples
+// Cast to generic Destination.Instance to avoid type conflicts with specific gtag types
+const documentationGtag = {
+    ...destinationGtag,
+    examples,
+};
+/**
+ * Default destination demo with gtag GA4 purchase event
+ */
+export const Default = {
+    args: {
+        destination: documentationGtag,
+        event: getEvent('order complete', {
+            data: {
+                id: 'T12345',
+                total: 99.99,
+                taxes: 9.0,
+                shipping: 5.99,
+                currency: 'EUR',
+            },
+        }),
+        mapping: examples.mapping.ga4Purchase,
+        settings: {
+            ga4: {
+                measurementId: 'G-XXXXXXXXXX',
+            },
+        },
+        generic: true,
+        fn: captureDestinationPush(documentationGtag, examples?.env?.push),
+    },
+};
+//# sourceMappingURL=DestinationDemo.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DestinationDemo.stories.js","sourceRoot":"","sources":["../../../src/components/demos/DestinationDemo.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAoB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yCAAyC,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,IAAI,GAAiC;IACzC,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE,uBAAuB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,sDAAsD;AACtD,wFAAwF;AACxF,MAAM,iBAAiB,GAAG;IACxB,GAAG,eAAe;IAClB,QAAQ;CAC0D,CAAC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,QAAQ,CAAC,gBAAgB,EAAE;YAChC,IAAI,EAAE;gBACJ,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,GAAG;gBACV,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,KAAK;aAChB;SACF,CAAC;QACF,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,WAAW;QACrC,QAAQ,EAAE;YACR,GAAG,EAAE;gBACH,aAAa,EAAE,cAAc;aAC9B;SACF;QACD,OAAO,EAAE,IAAI;QACb,EAAE,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC;KACnE;CACF,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { Destination } from '@walkeros/core';
+export interface DestinationInitDemoProps {
+    destination: Destination.Instance;
+    settings?: unknown;
+    labelSettings?: string;
+    labelOutput?: string;
+}
+/**
+ * DestinationInitDemo - Interactive destination initialization testing component
+ *
+ * Automatically captures destination.init() calls and displays the output.
+ * The component auto-detects the destination's env from destination.examples.env.init.
+ *
+ * Props:
+ * - destination: Destination instance with examples.env.init export
+ * - settings: Initial destination-specific settings
+ * - labelSettings: Label for settings panel (default: 'Settings')
+ * - labelOutput: Label for output panel (default: 'Result')
+ *
+ * Example:
+ * ```tsx
+ * import destinationGtag from '@walkeros/web-destination-gtag';
+ * import { examples } from '@walkeros/web-destination-gtag';
+ *
+ * const destination = { ...destinationGtag, examples };
+ *
+ * <DestinationInitDemo
+ *   destination={destination}
+ *   settings={{ ga4: { measurementId: 'G-XXXXXXXXXX' } }}
+ * />
+ * ```
+ */
+export declare function DestinationInitDemo({ destination, settings: initialSettings, labelSettings, labelOutput, }: DestinationInitDemoProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DestinationInitDemo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DestinationInitDemo.d.ts","sourceRoot":"","sources":["../../../src/components/demos/DestinationInitDemo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EAAE,eAAoB,EAC9B,aAA0B,EAC1B,WAAsB,GACvB,EAAE,wBAAwB,2CAyE1B"}