mythik-react 0.1.0

package/dist/primitives/use-design-tokens.js

@@ -0,0 +1,251 @@
+import { surfaceToCSS, resolveIdentity, DEFAULTS, applyBorderElevationCSS, applyGradientCardsCSS } from 'mythik';
+// Defaults derived from core DEFAULTS — single source of truth
+const D = DEFAULTS;
+function elevToCSS(e) {
+    if (e.shadowOpacity === 0)
+        return 'none';
+    const hex = e.shadowColor.replace('#', '');
+    const r = parseInt(hex.slice(0, 2), 16);
+    const g = parseInt(hex.slice(2, 4), 16);
+    const b = parseInt(hex.slice(4, 6), 16);
+    return `${e.shadowOffset[0]}px ${e.shadowOffset[1]}px ${e.shadowRadius}px rgba(${r},${g},${b},${e.shadowOpacity})`;
+}
+function get(obj, path, fallback) {
+    if (!obj)
+        return fallback;
+    const segments = path.split('.');
+    let current = obj;
+    for (const seg of segments) {
+        if (current === null || current === undefined || typeof current !== 'object')
+            return fallback;
+        current = current[seg];
+    }
+    return current ?? fallback;
+}
+export function useDesignTokens(tokens) {
+    const c = (tokens?.colors ?? {});
+    const sr = get(tokens, 'shape.radius', {});
+    const tf = get(tokens, 'typography.fontFamily', {});
+    const ts = get(tokens, 'typography.scale', {});
+    const tw = get(tokens, 'typography.weight', {});
+    const sp = (tokens?.spacing ?? {});
+    const ss = (sp.scale ?? {});
+    const el = (tokens?.elevation ?? {});
+    const op = (tokens?.opacity ?? {});
+    // Build identity config from tokens
+    const identityConfig = {
+        surface: get(tokens, 'identity.surface', 'elevated'),
+        radiusPattern: get(tokens, 'identity.radiusPattern', 'all'),
+        depth: get(tokens, 'identity.depth', D.identity.depth),
+        shadowAngle: get(tokens, 'identity.shadowAngle', D.identity.shadowAngle),
+        colorScheme: get(tokens, 'identity.colorScheme', D.identity.colorScheme),
+        colorWeight: get(tokens, 'identity.colorWeight', D.identity.colorWeight),
+        accentApplication: {
+            buttons: get(tokens, 'identity.accentApplication.buttons', false),
+            navItems: get(tokens, 'identity.accentApplication.navItems', false),
+            cardLine: get(tokens, 'identity.accentApplication.cardLine', []),
+            links: get(tokens, 'identity.accentApplication.links', false),
+            backgrounds: get(tokens, 'identity.accentApplication.backgrounds', false),
+            iconContainers: get(tokens, 'identity.accentApplication.iconContainers', false),
+        },
+        coloredSurfaceLayers: get(tokens, 'identity.colorScheme', D.identity.colorScheme) === 'colored-surface'
+            ? {
+                background: get(tokens, 'identity.coloredSurfaceLayers.background', 25),
+                surface: get(tokens, 'identity.coloredSurfaceLayers.surface', 45),
+                primitive: get(tokens, 'identity.coloredSurfaceLayers.primitive', 65),
+            }
+            : undefined,
+        borderWidth: get(tokens, 'identity.borderWidth', D.identity.borderWidth),
+        borderStyle: get(tokens, 'identity.borderStyle', D.identity.borderStyle),
+        borderColor: get(tokens, 'identity.borderColor', D.identity.borderColor),
+        elevationStyle: get(tokens, 'identity.elevationStyle', D.identity.elevationStyle),
+        elevationColor: get(tokens, 'identity.elevationColor', D.identity.elevationColor),
+        overrideSurfaceBorders: get(tokens, 'identity.overrideSurfaceBorders', false),
+        overrideInputButtons: get(tokens, 'identity.overrideInputButtons', false),
+        typographyHierarchy: get(tokens, 'identity.typographyHierarchy', D.identity.typographyHierarchy),
+        textDecoration: get(tokens, 'identity.textDecoration', D.identity.textDecoration),
+        labelStyle: get(tokens, 'identity.labelStyle', D.identity.labelStyle),
+        headingColor: get(tokens, 'identity.headingColor', D.identity.headingColor),
+        // Phase 4 / plan 3 Task 21 — LayerBackground shape: optional color +
+        // optional layers[]. Legacy BackgroundConfig (style/gradient/blobs) was
+        // deleted; MythikRenderer consumes this via BackgroundStack directly
+        // (from the RAW spec, not this resolved output). Undefined keys are
+        // omitted so `isLayerBackground` (which does `'color' in bg` key-
+        // presence check) doesn't falsely accept an all-undefined payload.
+        background: (() => {
+            const bgColor = get(tokens, 'identity.background.color', undefined);
+            const bgLayers = get(tokens, 'identity.background.layers', undefined);
+            const bg = {};
+            if (bgColor !== undefined)
+                bg.color = bgColor;
+            if (bgLayers !== undefined)
+                bg.layers = bgLayers;
+            return bg;
+        })(),
+        gradients: {
+            buttons: get(tokens, 'identity.gradients.buttons', false),
+            cards: get(tokens, 'identity.gradients.cards', false),
+            headers: get(tokens, 'identity.gradients.headers', false),
+            text: get(tokens, 'identity.gradients.text', false),
+        },
+        icons: {
+            weight: get(tokens, 'identity.icons.weight', 'regular'),
+            container: get(tokens, 'identity.icons.container', 'none'),
+            containerColor: get(tokens, 'identity.icons.containerColor', 'primary'),
+        },
+        images: {
+            corners: get(tokens, 'identity.images.corners', 'rounded'),
+            overlay: get(tokens, 'identity.images.overlay', 'none'),
+            border: get(tokens, 'identity.images.border', false),
+        },
+    };
+    // Build full color sets
+    const fullColors = {
+        primary: c.primary ?? D.colors.primary, primaryLight: c.primaryLight ?? D.colors.primaryLight,
+        primaryDark: c.primaryDark ?? D.colors.primaryDark, accent: c.accent ?? D.colors.accent,
+        accentLight: c.accentLight ?? D.colors.accentLight, surface: c.surface ?? D.colors.surface,
+        background: c.background ?? D.colors.background, text: c.text ?? D.colors.text,
+        textMuted: c.textMuted ?? D.colors.textMuted, border: c.border ?? D.colors.border,
+        error: c.error ?? D.colors.error, success: c.success ?? D.colors.success,
+        warning: c.warning ?? D.colors.warning,
+    };
+    const dc = get(tokens, 'modes.dark.colors', undefined);
+    const fullDark = dc ? {
+        primary: dc.primary ?? fullColors.primary, primaryLight: dc.primaryLight ?? fullColors.primaryLight,
+        primaryDark: dc.primaryDark ?? fullColors.primaryDark, accent: dc.accent ?? fullColors.accent,
+        accentLight: dc.accentLight ?? fullColors.accentLight, surface: dc.surface ?? fullColors.surface,
+        background: dc.background ?? fullColors.background, text: dc.text ?? fullColors.text,
+        textMuted: dc.textMuted ?? fullColors.textMuted, border: dc.border ?? fullColors.border,
+        error: dc.error ?? fullColors.error, success: dc.success ?? fullColors.success,
+        warning: dc.warning ?? fullColors.warning,
+    } : undefined;
+    // Resolve all identity in one call
+    const { schemeColors, surface: rawSurface, colorWeight: colorWeightResult, radius } = resolveIdentity({ colors: fullColors, darkColors: fullDark, identity: identityConfig }, surfaceToCSS);
+    // Apply border/elevation identity overrides only when explicitly enabled
+    const overrideCardModal = identityConfig.overrideSurfaceBorders ?? false;
+    const overrideInputBtns = identityConfig.overrideInputButtons ?? false;
+    let surface = rawSurface;
+    if (overrideCardModal || overrideInputBtns) {
+        const resolvedBorderColor = identityConfig.borderColor === 'primary' ? schemeColors.primary
+            : identityConfig.borderColor === 'accent' ? schemeColors.accent
+                : identityConfig.borderColor === 'text' ? schemeColors.text
+                    : schemeColors.border;
+        const resolvedElevationColor = identityConfig.elevationColor === 'primary' ? schemeColors.primary
+            : identityConfig.elevationColor === 'accent' ? schemeColors.accent
+                : '#000000';
+        surface = applyBorderElevationCSS(rawSurface, {
+            borderWidth: identityConfig.borderWidth ?? D.identity.borderWidth,
+            borderStyle: identityConfig.borderStyle ?? D.identity.borderStyle,
+            borderColor: resolvedBorderColor,
+            elevationStyle: identityConfig.elevationStyle ?? D.identity.elevationStyle,
+            elevationColor: resolvedElevationColor,
+            depth: identityConfig.depth ?? D.identity.depth,
+            shadowAngle: identityConfig.shadowAngle ?? D.identity.shadowAngle,
+            slots: { cardModal: overrideCardModal, inputButtons: overrideInputBtns },
+        });
+    }
+    if (identityConfig.gradients?.cards) {
+        const cardsFlag = identityConfig.gradients.cards;
+        const mode = typeof cardsFlag === 'string' ? cardsFlag : undefined;
+        surface = applyGradientCardsCSS(surface, {
+            primaryColor: schemeColors.primary,
+            surfaceColor: schemeColors.surface,
+            mode,
+        });
+    }
+    const identity = {
+        surface: identityConfig.surface,
+        radiusPattern: identityConfig.radiusPattern,
+        borderWidth: identityConfig.borderWidth,
+        borderStyle: identityConfig.borderStyle,
+        borderColor: identityConfig.borderColor ?? D.identity.borderColor,
+        elevationStyle: identityConfig.elevationStyle,
+        elevationColor: identityConfig.elevationColor ?? D.identity.elevationColor,
+        overrideSurfaceBorders: overrideCardModal,
+        overrideInputButtons: overrideInputBtns,
+        typographyHierarchy: identityConfig.typographyHierarchy,
+        textDecoration: identityConfig.textDecoration,
+        labelStyle: identityConfig.labelStyle,
+        headingColor: identityConfig.headingColor ?? D.identity.headingColor,
+        depth: identityConfig.depth,
+        shadowAngle: identityConfig.shadowAngle,
+        colorScheme: identityConfig.colorScheme,
+        colorWeight: identityConfig.colorWeight,
+        accentApplication: identityConfig.accentApplication,
+        // Phase 4
+        background: identityConfig.background,
+        gradients: identityConfig.gradients,
+        icons: identityConfig.icons,
+        images: identityConfig.images,
+    };
+    return {
+        colors: {
+            primary: fullColors.primary, primaryLight: fullColors.primaryLight,
+            primaryDark: fullColors.primaryDark, accent: fullColors.accent,
+            accentLight: fullColors.accentLight, surface: fullColors.surface,
+            background: fullColors.background, text: fullColors.text,
+            textMuted: fullColors.textMuted, border: fullColors.border,
+            error: fullColors.error, success: fullColors.success,
+            warning: fullColors.warning,
+        },
+        shape: { radius: {
+                none: sr.none ?? D.shape.radius.none, sm: sr.sm ?? D.shape.radius.sm, md: sr.md ?? D.shape.radius.md,
+                lg: sr.lg ?? D.shape.radius.lg, xl: sr.xl ?? D.shape.radius.xl, full: sr.full ?? D.shape.radius.full,
+            } },
+        typography: {
+            fontFamily: {
+                base: tf.base ?? D.typography.fontFamily.base, heading: tf.heading ?? D.typography.fontFamily.heading,
+                mono: tf.mono ?? D.typography.fontFamily.mono,
+            },
+            scale: {
+                xs: ts.xs ?? D.typography.scale.xs, sm: ts.sm ?? D.typography.scale.sm, md: ts.md ?? D.typography.scale.md,
+                lg: ts.lg ?? D.typography.scale.lg, xl: ts.xl ?? D.typography.scale.xl, '2xl': ts['2xl'] ?? D.typography.scale['2xl'],
+            },
+            weight: {
+                normal: tw.normal ?? D.typography.weight.normal, medium: tw.medium ?? D.typography.weight.medium,
+                semibold: tw.semibold ?? D.typography.weight.semibold, bold: tw.bold ?? D.typography.weight.bold,
+            },
+            letterSpacing: get(tokens, 'typography.letterSpacing', D.typography.letterSpacing),
+            headingLetterSpacing: get(tokens, 'typography.headingLetterSpacing', D.typography.headingLetterSpacing),
+        },
+        spacing: {
+            unit: sp.unit ?? D.spacing.unit,
+            scale: {
+                xs: ss.xs ?? D.spacing.scale.xs, sm: ss.sm ?? D.spacing.scale.sm, md: ss.md ?? D.spacing.scale.md,
+                lg: ss.lg ?? D.spacing.scale.lg, xl: ss.xl ?? D.spacing.scale.xl, '2xl': ss['2xl'] ?? D.spacing.scale['2xl'],
+            },
+        },
+        elevation: {
+            none: elevToCSS(el.none ?? D.elevation.none), sm: elevToCSS(el.sm ?? D.elevation.sm),
+            md: elevToCSS(el.md ?? D.elevation.md), lg: elevToCSS(el.lg ?? D.elevation.lg),
+            xl: elevToCSS(el.xl ?? D.elevation.xl),
+        },
+        motion: {
+            duration: {
+                fast: get(tokens, 'motion.duration.fast', D.motion.duration.fast),
+                normal: get(tokens, 'motion.duration.normal', D.motion.duration.normal),
+                slow: get(tokens, 'motion.duration.slow', D.motion.duration.slow),
+            },
+            easing: {
+                default: get(tokens, 'motion.easing.default', D.motion.easing.default),
+                enter: get(tokens, 'motion.easing.enter', D.motion.easing.enter),
+                exit: get(tokens, 'motion.easing.exit', D.motion.easing.exit),
+            },
+            spring: {
+                damping: get(tokens, 'motion.spring.damping', D.motion.spring.damping),
+                stiffness: get(tokens, 'motion.spring.stiffness', D.motion.spring.stiffness),
+                mass: get(tokens, 'motion.spring.mass', D.motion.spring.mass),
+            },
+            stagger: get(tokens, 'motion.stagger', D.motion.stagger),
+        },
+        opacity: {
+            disabled: op.disabled ?? D.opacity.disabled, pressed: op.pressed ?? D.opacity.pressed,
+            backdrop: op.backdrop ?? D.opacity.backdrop, muted: op.muted ?? D.opacity.muted,
+        },
+        surface,
+        identity,
+        colorWeight: colorWeightResult,
+        radius,
+    };
+}
+//# sourceMappingURL=use-design-tokens.js.map

package/dist/primitives/use-design-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-design-tokens.js","sourceRoot":"","sources":["../../src/primitives/use-design-tokens.ts"],"names":[],"mappings":"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"}

package/dist/primitives/use-theme.d.ts

@@ -0,0 +1,11 @@
+interface ThemeColors {
+    background: string;
+    surface: string;
+    text: string;
+    textMuted: string;
+    border: string;
+    primary: string;
+}
+export declare function useThemeColors(tokens: Record<string, unknown> | undefined): ThemeColors;
+export {};
+//# sourceMappingURL=use-theme.d.ts.map

package/dist/primitives/use-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/primitives/use-theme.ts"],"names":[],"mappings":"AAMA,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,WAAW,CAUvF"}

package/dist/primitives/use-theme.js

@@ -0,0 +1,17 @@
+/**
+ * @deprecated Use useDesignTokens instead.
+ * Kept for backward compatibility — wraps useDesignTokens and returns only colors.
+ */
+import { useDesignTokens } from './use-design-tokens.js';
+export function useThemeColors(tokens) {
+    const t = useDesignTokens(tokens);
+    return {
+        background: t.colors.background,
+        surface: t.colors.surface,
+        text: t.colors.text,
+        textMuted: t.colors.textMuted,
+        border: t.colors.border,
+        primary: t.colors.primary,
+    };
+}
+//# sourceMappingURL=use-theme.js.map

package/dist/primitives/use-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/primitives/use-theme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAWzD,MAAM,UAAU,cAAc,CAAC,MAA2C;IACxE,MAAM,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAClC,OAAO;QACL,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU;QAC/B,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;QACzB,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;QACnB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS;QAC7B,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM;QACvB,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;KAC1B,CAAC;AACJ,CAAC"}

package/dist/primitives/wizard.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, ReactNode } from 'react';
+interface WizardProps {
+    currentStep?: number;
+    totalSteps?: number;
+    style?: CSSProperties;
+    _tokens?: Record<string, unknown>;
+    children?: ReactNode;
+}
+export declare function Wizard({ currentStep, totalSteps, style, _tokens, children }: WizardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=wizard.d.ts.map

package/dist/primitives/wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.d.ts","sourceRoot":"","sources":["../../src/primitives/wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,UAAU,WAAW;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,MAAM,CAAC,EAAE,WAAe,EAAE,UAAc,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CA4BhG"}

package/dist/primitives/wizard.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDesignTokens } from './use-design-tokens.js';
+export function Wizard({ currentStep = 0, totalSteps = 1, style, _tokens, children }) {
+    const t = useDesignTokens(_tokens);
+    const progress = totalSteps > 0 ? ((currentStep + 1) / totalSteps) * 100 : 0;
+    return (_jsxs("div", { style: style, children: [_jsx("div", { role: "progressbar", "aria-valuenow": currentStep + 1, "aria-valuemin": 1, "aria-valuemax": totalSteps, style: {
+                    width: '100%',
+                    height: 4,
+                    backgroundColor: t.colors.border,
+                    borderRadius: 2,
+                    marginBottom: t.spacing.scale.lg,
+                    overflow: 'hidden',
+                }, children: _jsx("div", { style: { width: `${progress}%`, height: '100%', backgroundColor: t.colors.primary, transition: `width ${t.motion.duration.normal}ms` } }) }), _jsxs("div", { style: { fontSize: t.typography.scale.xs.fontSize, color: t.colors.textMuted, marginBottom: t.spacing.scale.md }, children: ["Step ", currentStep + 1, " of ", totalSteps] }), children] }));
+}
+//# sourceMappingURL=wizard.js.map

package/dist/primitives/wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.js","sourceRoot":"","sources":["../../src/primitives/wizard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAUzD,MAAM,UAAU,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe;IAC/F,MAAM,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7E,OAAO,CACL,eAAK,KAAK,EAAE,KAAK,aACf,cACE,IAAI,EAAC,aAAa,mBACH,WAAW,GAAG,CAAC,mBACf,CAAC,mBACD,UAAU,EACzB,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,CAAC;oBACT,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM;oBAChC,YAAY,EAAE,CAAC;oBACf,YAAY,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChC,QAAQ,EAAE,QAAQ;iBACnB,YAED,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE,GAAI,GAC3I,EACN,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,sBAC7G,WAAW,GAAG,CAAC,UAAM,UAAU,IACjC,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/runtime/context-dispatcher.d.ts

@@ -0,0 +1,3 @@
+import type { StateStore, EventBinding } from 'mythik';
+export declare function createContextDispatcher<TContext>(store: StateStore, dispatchAction: (binding: EventBinding) => void, defaultContextPath: string): (binding: EventBinding | undefined, context?: TContext, contextPath?: string) => void;
+//# sourceMappingURL=context-dispatcher.d.ts.map

package/dist/runtime/context-dispatcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-dispatcher.d.ts","sourceRoot":"","sources":["../../src/runtime/context-dispatcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEvD,wBAAgB,uBAAuB,CAAC,QAAQ,EAC9C,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,EAC/C,kBAAkB,EAAE,MAAM,GACzB,CAAC,OAAO,EAAE,YAAY,GAAG,SAAS,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAUvF"}

package/dist/runtime/context-dispatcher.js

@@ -0,0 +1,11 @@
+export function createContextDispatcher(store, dispatchAction, defaultContextPath) {
+    return (binding, context, contextPath = defaultContextPath) => {
+        if (context !== undefined) {
+            store.set(contextPath, context);
+        }
+        if (!binding)
+            return;
+        dispatchAction(binding);
+    };
+}
+//# sourceMappingURL=context-dispatcher.js.map

package/dist/runtime/context-dispatcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-dispatcher.js","sourceRoot":"","sources":["../../src/runtime/context-dispatcher.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,uBAAuB,CACrC,KAAiB,EACjB,cAA+C,EAC/C,kBAA0B;IAE1B,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,GAAG,kBAAkB,EAAE,EAAE;QAC5D,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAClC,CAAC;QAED,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;AACJ,CAAC"}

package/dist/runtime/row-dispatcher.d.ts

@@ -0,0 +1,19 @@
+import type { StateStore, EventBinding } from 'mythik';
+/**
+ * Create a row-context dispatcher: writes the row to a reserved state path
+ * (default: /ui/selectedRow) immediately before invoking the underlying
+ * dispatchAction. Used by the table primitive for both onRowClick and
+ * columns[].actions[].onPress — they share the same row-context contract
+ * per ai-context-runtime-semantics.md § 2.1.
+ *
+ * Behavior:
+ * - If `row` is provided, writes row to `rowPath` synchronously before any dispatch.
+ * - If `binding` is undefined, performs the row write but no dispatch.
+ * - If `binding` is an array, dispatches each entry in order.
+ * - If `binding` is an empty array, performs the row write (if `row` provided) but no dispatch.
+ * - If `binding` is a single binding (ActionBinding or TransactionBinding shape),
+ *   dispatches once. The underlying dispatchAction is responsible for handling
+ *   transaction shapes — this helper passes through.
+ */
+export declare function createRowDispatcher(store: StateStore, dispatchAction: (binding: EventBinding) => void, rowPath?: string): (binding: EventBinding | undefined, row?: Record<string, unknown>) => void;
+//# sourceMappingURL=row-dispatcher.d.ts.map

package/dist/runtime/row-dispatcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-dispatcher.d.ts","sourceRoot":"","sources":["../../src/runtime/row-dispatcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAIvD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,EAC/C,OAAO,GAAE,MAAoC,GAC5C,CAAC,OAAO,EAAE,YAAY,GAAG,SAAS,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAU5E"}

package/dist/runtime/row-dispatcher.js

@@ -0,0 +1,25 @@
+import { RESERVED_PATHS } from 'mythik';
+import { createContextDispatcher } from './context-dispatcher.js';
+/**
+ * Create a row-context dispatcher: writes the row to a reserved state path
+ * (default: /ui/selectedRow) immediately before invoking the underlying
+ * dispatchAction. Used by the table primitive for both onRowClick and
+ * columns[].actions[].onPress — they share the same row-context contract
+ * per ai-context-runtime-semantics.md § 2.1.
+ *
+ * Behavior:
+ * - If `row` is provided, writes row to `rowPath` synchronously before any dispatch.
+ * - If `binding` is undefined, performs the row write but no dispatch.
+ * - If `binding` is an array, dispatches each entry in order.
+ * - If `binding` is an empty array, performs the row write (if `row` provided) but no dispatch.
+ * - If `binding` is a single binding (ActionBinding or TransactionBinding shape),
+ *   dispatches once. The underlying dispatchAction is responsible for handling
+ *   transaction shapes — this helper passes through.
+ */
+export function createRowDispatcher(store, dispatchAction, rowPath = RESERVED_PATHS.SELECTED_ROW) {
+    const dispatchWithContext = createContextDispatcher(store, dispatchAction, rowPath);
+    return (binding, row) => {
+        dispatchWithContext(binding, row || undefined);
+    };
+}
+//# sourceMappingURL=row-dispatcher.js.map

package/dist/runtime/row-dispatcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-dispatcher.js","sourceRoot":"","sources":["../../src/runtime/row-dispatcher.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAAiB,EACjB,cAA+C,EAC/C,UAAkB,cAAc,CAAC,YAAY;IAE7C,MAAM,mBAAmB,GAAG,uBAAuB,CACjD,KAAK,EACL,cAAc,EACd,OAAO,CACR,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;QACtB,mBAAmB,CAAC,OAAO,EAAE,GAAG,IAAI,SAAS,CAAC,CAAC;IACjD,CAAC,CAAC;AACJ,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties, ReactNode } from 'react';
+/** Props that every primitive receives from the engine */
+export interface PrimitiveProps {
+    style?: CSSProperties;
+    children?: ReactNode;
+    [key: string]: unknown;
+}
+/** A React primitive component */
+export type PrimitiveComponent = (props: PrimitiveProps) => ReactNode;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,kCAAkC;AAClC,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/use-device-context.d.ts

@@ -0,0 +1,8 @@
+import type { StateStore } from 'mythik';
+/**
+ * Auto-tracks device context and writes to /ui/device/* in the store.
+ * Platform-specific: this implementation is for React web (uses window + matchMedia).
+ * React Native would use Dimensions + Appearance instead.
+ */
+export declare function useDeviceContext(store: StateStore, enabled?: boolean): void;
+//# sourceMappingURL=use-device-context.d.ts.map

package/dist/use-device-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-device-context.d.ts","sourceRoot":"","sources":["../src/use-device-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEzC;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,GAAE,OAAc,GAAG,IAAI,CA+CjF"}

package/dist/use-device-context.js

@@ -0,0 +1,54 @@
+import { useEffect, useRef } from 'react';
+/**
+ * Auto-tracks device context and writes to /ui/device/* in the store.
+ * Platform-specific: this implementation is for React web (uses window + matchMedia).
+ * React Native would use Dimensions + Appearance instead.
+ */
+export function useDeviceContext(store, enabled = true) {
+    const debounceRef = useRef(null);
+    useEffect(() => {
+        if (!enabled)
+            return;
+        function writeContext() {
+            const w = window.innerWidth;
+            const h = window.innerHeight;
+            store.set('/ui/device/viewportWidth', w);
+            store.set('/ui/device/viewportHeight', h);
+            store.set('/ui/device/platform', 'web');
+            store.set('/ui/device/orientation', w > h ? 'landscape' : 'portrait');
+            // Legacy path — existing specs may use $state: "/ui/viewportWidth" directly
+            store.set('/ui/viewportWidth', w);
+        }
+        // Write initial values
+        writeContext();
+        // Detect OS color scheme (matchMedia may not exist in test environments)
+        let darkQuery = null;
+        let onColorChange = null;
+        if (typeof window.matchMedia === 'function') {
+            darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
+            store.set('/ui/device/colorScheme', darkQuery.matches ? 'dark' : 'light');
+            onColorChange = (e) => {
+                store.set('/ui/device/colorScheme', e.matches ? 'dark' : 'light');
+            };
+            darkQuery.addEventListener('change', onColorChange);
+        }
+        else {
+            store.set('/ui/device/colorScheme', 'light');
+        }
+        // Debounced resize handler
+        const onResize = () => {
+            if (debounceRef.current)
+                clearTimeout(debounceRef.current);
+            debounceRef.current = setTimeout(writeContext, 100);
+        };
+        window.addEventListener('resize', onResize);
+        return () => {
+            window.removeEventListener('resize', onResize);
+            if (darkQuery && onColorChange)
+                darkQuery.removeEventListener('change', onColorChange);
+            if (debounceRef.current)
+                clearTimeout(debounceRef.current);
+        };
+    }, [store, enabled]);
+}
+//# sourceMappingURL=use-device-context.js.map

package/dist/use-device-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-device-context.js","sourceRoot":"","sources":["../src/use-device-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG1C;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAiB,EAAE,UAAmB,IAAI;IACzE,MAAM,WAAW,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,SAAS,YAAY;YACnB,MAAM,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC;YAC5B,MAAM,CAAC,GAAG,MAAM,CAAC,WAAW,CAAC;YAC7B,KAAK,CAAC,GAAG,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC;YACzC,KAAK,CAAC,GAAG,CAAC,2BAA2B,EAAE,CAAC,CAAC,CAAC;YAC1C,KAAK,CAAC,GAAG,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;YACxC,KAAK,CAAC,GAAG,CAAC,wBAAwB,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;YACtE,4EAA4E;YAC5E,KAAK,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;QACpC,CAAC;QAED,uBAAuB;QACvB,YAAY,EAAE,CAAC;QAEf,yEAAyE;QACzE,IAAI,SAAS,GAA0B,IAAI,CAAC;QAC5C,IAAI,aAAa,GAA8C,IAAI,CAAC;QACpE,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;YAC5C,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;YAC9D,KAAK,CAAC,GAAG,CAAC,wBAAwB,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAC1E,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;gBACzC,KAAK,CAAC,GAAG,CAAC,wBAAwB,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YACpE,CAAC,CAAC;YACF,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,GAAG,CAAC,wBAAwB,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC;QAED,2BAA2B;QAC3B,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,IAAI,WAAW,CAAC,OAAO;gBAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC3D,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC/C,IAAI,SAAS,IAAI,aAAa;gBAAE,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;YACvF,IAAI,WAAW,CAAC,OAAO;gBAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AACvB,CAAC"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "mythik-react",
+  "version": "0.1.0",
+  "description": "React runtime and primitives for rendering Mythik JSON specs as applications.",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "keywords": [
+    "mythik",
+    "react",
+    "json",
+    "spec-driven",
+    "application-framework",
+    "low-code",
+    "ai"
+  ],
+  "homepage": "https://mythik.dev",
+  "bugs": {
+    "url": "https://github.com/mldixdev/mythik/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mldixdev/mythik.git",
+    "directory": "packages/react"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "NOTICE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "node ../../node_modules/typescript/bin/tsc",
+    "typecheck": "node ../../node_modules/typescript/bin/tsc --noEmit",
+    "prepack": "pnpm build"
+  },
+  "dependencies": {
+    "mythik": "workspace:*",
+    "motion": "^12.38.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^25.5.2",
+    "@types/react": "^19.0.0",
+    "typescript": "^5.7.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  }
+}