mythik-react 0.1.0

package/dist/primitives/input.d.ts

@@ -0,0 +1,32 @@
+import type { CSSProperties } from 'react';
+interface ValidationCheck {
+    type: string;
+    message?: string;
+    args?: Record<string, unknown>;
+}
+interface InputProps {
+    value?: string | number;
+    type?: 'text' | 'number' | 'email' | 'password' | 'phone' | 'url' | 'date' | 'color';
+    placeholder?: string;
+    label?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    format?: 'phone' | 'currency' | 'none';
+    /** Options for currency/number formatting. */
+    formatOptions?: {
+        locale?: string;
+        currency?: string;
+    };
+    /** Select all text on focus. Default: true when format is set, false otherwise. */
+    selectOnFocus?: boolean;
+    checks?: ValidationCheck[];
+    validateOn?: 'change' | 'blur' | 'submit';
+    style?: CSSProperties;
+    _tokens?: Record<string, unknown>;
+    onChange?: (value: string) => void;
+    onSubmit?: () => void;
+}
+export declare function Input({ value, type, placeholder, label, disabled, readOnly, required, format, formatOptions, selectOnFocus, checks, validateOn, style, _tokens, onChange, onSubmit }: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/primitives/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IACrF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,8CAA8C;IAC9C,aAAa,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,mFAAmF;IACnF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAkFD,wBAAgB,KAAK,CAAC,EAAE,KAAU,EAAE,IAAa,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,UAAmB,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAsIvN"}

package/dist/primitives/input.js

@@ -0,0 +1,192 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { resolveLabelStyle } from 'mythik';
+import { useDesignTokens } from './use-design-tokens.js';
+function formatDisplay(raw, format, options) {
+    const str = String(raw);
+    if (!format || format === 'none')
+        return str;
+    if (format === 'phone') {
+        const digits = str.replace(/\D/g, '');
+        if (digits.length === 10)
+            return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
+        if (digits.length === 7)
+            return `${digits.slice(0, 3)}-${digits.slice(3)}`;
+        return str;
+    }
+    if (format === 'currency') {
+        const num = Number(str);
+        if (Number.isNaN(num))
+            return str;
+        return new Intl.NumberFormat(options?.locale ?? 'en-US', {
+            style: 'currency',
+            currency: options?.currency ?? 'USD',
+        }).format(num);
+    }
+    return str;
+}
+/** Simple heuristic: if a hex/rgb color has low brightness, it's dark */
+function looksLikeDark(color) {
+    if (color.startsWith('#')) {
+        const hex = color.slice(1);
+        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 (r * 299 + g * 587 + b * 114) / 1000 < 128;
+    }
+    return false;
+}
+function stripFormat(formatted, format) {
+    if (!format || format === 'none')
+        return formatted;
+    if (format === 'phone')
+        return formatted.replace(/\D/g, '');
+    if (format === 'currency')
+        return formatted.replace(/[^0-9.\-]/g, '').replace(/(\..*)\./g, '$1').replace(/(?!^)-/g, '');
+    return formatted;
+}
+/** Format currency while typing — allows incomplete decimals like "$1,234." */
+function liveFormatCurrency(raw) {
+    if (!raw)
+        return '';
+    const negative = raw.startsWith('-');
+    const clean = raw.replace(/^-/, '');
+    const [intPart, decPart] = clean.split('.');
+    const digits = intPart.replace(/^0+(?=\d)/, '') || '0';
+    const withCommas = digits.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    const formatted = decPart !== undefined ? `${withCommas}.${decPart}` : withCommas;
+    return `${negative ? '-' : ''}$${formatted}`;
+}
+const BUILTIN_VALIDATORS = {
+    required: (v) => (!v || !v.trim()) ? 'This field is required' : null,
+    email: (v) => v && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v) ? 'Invalid email' : null,
+    minLength: (v, args) => v && v.length < (args?.min ?? 0) ? `Minimum ${args?.min} characters` : null,
+    maxLength: (v, args) => v && v.length > (args?.max ?? Infinity) ? `Maximum ${args?.max} characters` : null,
+    numeric: (v) => v && isNaN(Number(v)) ? 'Must be a number' : null,
+    min: (v, args) => v && Number(v) < (args?.min ?? -Infinity) ? `Minimum value is ${args?.min}` : null,
+    max: (v, args) => v && Number(v) > (args?.max ?? Infinity) ? `Maximum value is ${args?.max}` : null,
+    pattern: (v, args) => v && args?.pattern && !new RegExp(args.pattern).test(v) ? 'Invalid format' : null,
+    url: (v) => v && !/^https?:\/\/.+/.test(v) ? 'Invalid URL' : null,
+};
+function runChecks(value, checks, required) {
+    const errors = [];
+    if (required && (!value || !value.trim())) {
+        errors.push('This field is required');
+    }
+    if (checks) {
+        for (const check of checks) {
+            const validator = BUILTIN_VALIDATORS[check.type];
+            if (validator) {
+                const error = validator(value, check.args);
+                if (error)
+                    errors.push(check.message ?? error);
+            }
+        }
+    }
+    return errors;
+}
+export function Input({ value = '', type = 'text', placeholder, label, disabled, readOnly, required, format, formatOptions, selectOnFocus, checks, validateOn = 'blur', style, _tokens, onChange, onSubmit }) {
+    const t = useDesignTokens(_tokens);
+    const color = style?.color ?? 'inherit';
+    const inputId = React.useId();
+    // Detect dark mode for native date/time picker icon visibility
+    const isDark = t.colors.surface ? looksLikeDark(t.colors.surface) : false;
+    const inputRef = React.useRef(null);
+    const cursorRef = React.useRef(null);
+    const [focused, setFocused] = React.useState(false);
+    const [touched, setTouched] = React.useState(false);
+    const [errors, setErrors] = React.useState([]);
+    // For currency: local editing state (null = not editing, string = raw text while typing)
+    const [rawText, setRawText] = React.useState(null);
+    // Restore cursor position after React re-renders the controlled input
+    React.useLayoutEffect(() => {
+        if (cursorRef.current !== null && inputRef.current && document.activeElement === inputRef.current) {
+            inputRef.current.setSelectionRange(cursorRef.current, cursorRef.current);
+            cursorRef.current = null;
+        }
+    });
+    const hasChecks = !!checks?.length || !!required;
+    // Display value logic:
+    // - currency editing: liveFormat the raw text (preserves incomplete decimals)
+    // - currency not editing: full Intl format
+    // - other formats: formatDisplay
+    // - no format: raw string
+    let displayValue;
+    if (format === 'currency') {
+        if (rawText !== null) {
+            displayValue = liveFormatCurrency(rawText);
+        }
+        else {
+            const num = Number(value);
+            displayValue = (value === '' || value === undefined || value === null || (num === 0 && String(value) === ''))
+                ? '' : formatDisplay(value, format, formatOptions);
+        }
+    }
+    else {
+        displayValue = format ? formatDisplay(value, format, formatOptions) : String(value);
+    }
+    function validate(val) {
+        if (!hasChecks)
+            return;
+        const errs = runChecks(val, checks, required);
+        setErrors(errs);
+    }
+    function handleChange(e) {
+        // Save cursor position before state update triggers re-render
+        cursorRef.current = e.target.selectionStart;
+        if (format === 'currency') {
+            const raw = stripFormat(e.target.value, format);
+            setRawText(raw);
+            const parsed = parseFloat(raw);
+            onChange?.(isNaN(parsed) ? '0' : String(parsed));
+        }
+        else {
+            const raw = format ? stripFormat(e.target.value, format) : e.target.value;
+            onChange?.(raw);
+        }
+        if (touched && validateOn === 'change')
+            validate(stripFormat(e.target.value, format));
+    }
+    function handleFocus(e) {
+        setFocused(true);
+        if (format === 'currency') {
+            // Enter edit mode: set rawText to current numeric value
+            const num = Number(value);
+            setRawText(num === 0 ? '' : String(num));
+        }
+        // Select all on focus: default true when format is set, false otherwise
+        const shouldSelect = selectOnFocus ?? !!format;
+        if (shouldSelect) {
+            requestAnimationFrame(() => inputRef.current?.select());
+        }
+    }
+    function handleBlur() {
+        setFocused(false);
+        setRawText(null); // Exit edit mode — display switches to full Intl format
+        setTouched(true);
+        if (validateOn === 'blur' || validateOn === 'change')
+            validate(String(value));
+    }
+    const hasError = touched && errors.length > 0;
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: t.spacing.unit, minWidth: 0 }, children: [label && (_jsxs("label", { htmlFor: inputId, style: { fontSize: t.typography.scale.sm.fontSize, fontWeight: t.typography.weight.medium, fontFamily: t.typography.fontFamily.base, color, ...resolveLabelStyle(t.identity.labelStyle, t.colors.accent) }, children: [label, required && _jsx("span", { style: { color: t.colors.error, marginLeft: 2 }, children: "*" })] })), _jsx("input", { id: inputId, ref: inputRef, type: type, inputMode: format === 'currency' ? 'decimal' : undefined, value: displayValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: onSubmit ? (e) => { if (e.key === 'Enter') {
+                    e.preventDefault();
+                    onSubmit();
+                } } : undefined, style: {
+                    padding: `${t.spacing.scale.sm}px ${t.spacing.scale.sm + t.spacing.unit}px`,
+                    borderRadius: t.radius(t.shape.radius.md),
+                    fontSize: t.typography.scale.sm.fontSize,
+                    fontFamily: t.typography.fontFamily.base,
+                    color,
+                    width: '100%',
+                    minWidth: 0,
+                    boxSizing: 'border-box',
+                    outline: 'none',
+                    transition: `border-color ${t.motion.duration.fast}ms ${t.motion.easing.default}, box-shadow ${t.motion.duration.fast}ms ${t.motion.easing.default}`,
+                    colorScheme: isDark ? 'dark' : 'light',
+                    ...t.surface.input,
+                    ...(focused ? t.surface.inputFocus : {}),
+                    ...(hasError ? { borderColor: t.colors.error } : {}),
+                    ...style,
+                } }), hasError && (_jsx("span", { style: { fontSize: t.typography.scale.xs.fontSize, color: t.colors.error, marginTop: t.spacing.unit }, children: errors[0] }))] }));
+}
+//# sourceMappingURL=input.js.map

package/dist/primitives/input.js.map

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

package/dist/primitives/kanban-board.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties, ReactNode } from 'react';
+interface KanbanColumn {
+    id: string;
+    title: string;
+}
+interface KanbanBoardProps {
+    columns?: KanbanColumn[];
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare function KanbanBoard({ columns, style, children }: KanbanBoardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=kanban-board.d.ts.map

package/dist/primitives/kanban-board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-board.d.ts","sourceRoot":"","sources":["../../src/primitives/kanban-board.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAW9E"}

package/dist/primitives/kanban-board.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function KanbanBoard({ columns = [], style, children }) {
+    return (_jsx("div", { role: "region", "aria-label": "Kanban board", style: { display: 'flex', gap: 16, overflowX: 'auto', ...style }, children: columns.map((col) => (_jsxs("div", { style: { flex: '0 0 280px', backgroundColor: '#f9fafb', borderRadius: 8, padding: 12 }, children: [_jsx("h3", { style: { margin: '0 0 12px', fontSize: 14, fontWeight: 600, color: '#374151' }, children: col.title }), children] }, col.id))) }));
+}
+//# sourceMappingURL=kanban-board.js.map

package/dist/primitives/kanban-board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-board.js","sourceRoot":"","sources":["../../src/primitives/kanban-board.tsx"],"names":[],"mappings":";AAaA,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAoB;IAC7E,OAAO,CACL,cAAK,IAAI,EAAC,QAAQ,gBAAY,cAAc,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,YAC1G,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,eAAkB,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,aACtG,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,YAAG,GAAG,CAAC,KAAK,GAAM,EACnG,QAAQ,KAFD,GAAG,CAAC,EAAE,CAGV,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/line-chart.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties } from 'react';
+interface LineChartDataPoint {
+    label: string;
+    value: number;
+}
+interface LineChartProps {
+    data?: LineChartDataPoint[];
+    height?: number;
+    color?: string;
+    style?: CSSProperties;
+}
+export declare function LineChart({ data, height, color, style }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=line-chart.d.ts.map

package/dist/primitives/line-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../src/primitives/line-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,MAAY,EAAE,KAAiB,EAAE,KAAK,EAAE,EAAE,cAAc,2CAyB9F"}

package/dist/primitives/line-chart.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function LineChart({ data = [], height = 200, color = '#3b82f6', style }) {
+    if (data.length === 0)
+        return _jsx("div", { style: { height, ...style } });
+    const maxValue = Math.max(...data.map((d) => d.value), 1);
+    const minValue = Math.min(...data.map((d) => d.value), 0);
+    const range = maxValue - minValue || 1;
+    const width = 100;
+    const stepX = data.length > 1 ? width / (data.length - 1) : width;
+    const points = data.map((d, i) => {
+        const x = i * stepX;
+        const y = height - ((d.value - minValue) / range) * height;
+        return `${x},${y}`;
+    }).join(' ');
+    return (_jsxs("div", { role: "img", "aria-label": "Line chart", style: { height, position: 'relative', ...style }, children: [_jsx("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "none", style: { width: '100%', height: '100%' }, children: _jsx("polyline", { points: points, fill: "none", stroke: color, strokeWidth: "2", vectorEffect: "non-scaling-stroke" }) }), _jsx("div", { style: { display: 'flex', justifyContent: 'space-between', fontSize: 10, color: '#6b7280', marginTop: 4 }, children: data.map((d, i) => _jsx("span", { children: d.label }, i)) })] }));
+}
+//# sourceMappingURL=line-chart.js.map

package/dist/primitives/line-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../src/primitives/line-chart.tsx"],"names":[],"mappings":";AAcA,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,EAAkB;IAC7F,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAI,CAAC;IAEnE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1D,MAAM,KAAK,GAAG,QAAQ,GAAG,QAAQ,IAAI,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,GAAG,CAAC;IAClB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAElE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACpB,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC;QAC3D,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,eAAK,IAAI,EAAC,KAAK,gBAAY,YAAY,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,aACvF,cAAK,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EAAE,mBAAmB,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YACzG,mBAAU,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAC,YAAY,EAAC,oBAAoB,GAAG,GACrG,EACN,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,YAC3G,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,yBAAe,CAAC,CAAC,KAAK,IAAX,CAAC,CAAkB,CAAC,GAC/C,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/list.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties, ReactNode } from 'react';
+interface ListProps {
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/**
+ * List primitive — renders children in a vertical list.
+ * Repeat/iteration is handled by the engine (repeat config),
+ * so this component just wraps the rendered children.
+ */
+export declare function List({ style, children }: ListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/primitives/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAMlD"}

package/dist/primitives/list.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * List primitive — renders children in a vertical list.
+ * Repeat/iteration is handled by the engine (repeat config),
+ * so this component just wraps the rendered children.
+ */
+export function List({ style, children }) {
+    return (_jsx("div", { role: "list", style: { display: 'flex', flexDirection: 'column', ...style }, children: children }));
+}
+//# sourceMappingURL=list.js.map

package/dist/primitives/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/primitives/list.tsx"],"names":[],"mappings":";AAOA;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAa;IACjD,OAAO,CACL,cAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,YAC3E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/modal.d.ts

@@ -0,0 +1,20 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { TargetAndTransition, Transition } from 'motion/react';
+interface MotionConfig {
+    initial?: TargetAndTransition;
+    animate?: TargetAndTransition;
+    exit?: TargetAndTransition;
+    transition?: Transition;
+}
+interface ModalProps {
+    visible?: boolean;
+    title?: string;
+    style?: CSSProperties;
+    _tokens?: Record<string, unknown>;
+    _motion?: MotionConfig;
+    children?: ReactNode;
+    onClose?: () => void;
+}
+export declare function Modal({ visible, title, style, _tokens, _motion, children, onClose }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/primitives/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAGpE,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,KAAK,CAAC,EAAE,OAAc,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,UAAU,kDAoGtG"}

package/dist/primitives/modal.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createPortal } from 'react-dom';
+import { motion } from 'motion/react';
+import { useDesignTokens } from './use-design-tokens.js';
+export function Modal({ visible = true, title, style, _tokens, _motion, children, onClose }) {
+    if (!visible)
+        return null;
+    const t = useDesignTokens(_tokens);
+    const hasMotion = !!_motion;
+    const backdropTransition = _motion?.transition
+        ? { duration: _motion.transition.duration ?? 0.25 }
+        : { duration: 0.25 };
+    // Portal to document.body so `position: fixed` escapes any ancestor that
+    // creates a containing block (transform, filter, perspective, etc.) — most
+    // commonly CSS mount animations with `fill-mode: both` leave a final
+    // transform that traps fixed positioning inside the spec tree.
+    const tree = (_jsxs("div", { role: "dialog", "aria-modal": "true", style: {
+            position: 'fixed',
+            inset: 0,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            zIndex: 1000,
+            padding: t.spacing.scale.lg,
+        }, children: [hasMotion ? (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: backdropTransition, style: {
+                    position: 'fixed',
+                    inset: 0,
+                    backgroundColor: `rgba(0,0,0,${t.opacity.backdrop})`,
+                }, onClick: onClose, "aria-hidden": "true" })) : (_jsx("div", { style: {
+                    position: 'fixed',
+                    inset: 0,
+                    backgroundColor: `rgba(0,0,0,${t.opacity.backdrop})`,
+                }, onClick: onClose, "aria-hidden": "true" })), hasMotion ? (_jsxs(motion.div, { initial: _motion.initial, animate: _motion.animate, transition: _motion.transition, style: {
+                    position: 'relative',
+                    color: t.colors.text,
+                    borderRadius: t.radius(t.shape.radius.xl),
+                    padding: t.spacing.scale.lg + t.spacing.unit,
+                    width: '100%',
+                    maxWidth: 600,
+                    maxHeight: 'calc(100vh - 48px)',
+                    overflowY: 'auto',
+                    ...t.surface.modal,
+                    ...style,
+                }, children: [title && (_jsx("h2", { style: { margin: 0, marginBottom: t.spacing.scale.md, fontSize: t.typography.scale.lg.fontSize, fontWeight: t.typography.weight.bold, fontFamily: t.typography.fontFamily.heading, color: t.colors.text }, children: title })), children] })) : (_jsxs("div", { style: {
+                    position: 'relative',
+                    color: t.colors.text,
+                    borderRadius: t.radius(t.shape.radius.xl),
+                    padding: t.spacing.scale.lg + t.spacing.unit,
+                    width: '100%',
+                    maxWidth: 600,
+                    maxHeight: 'calc(100vh - 48px)',
+                    overflowY: 'auto',
+                    ...t.surface.modal,
+                    ...style,
+                }, children: [title && (_jsx("h2", { style: { margin: 0, marginBottom: t.spacing.scale.md, fontSize: t.typography.scale.lg.fontSize, fontWeight: t.typography.weight.bold, fontFamily: t.typography.fontFamily.heading, color: t.colors.text }, children: title })), children] }))] }));
+    if (typeof document === 'undefined')
+        return tree;
+    return createPortal(tree, document.body);
+}
+//# sourceMappingURL=modal.js.map

package/dist/primitives/modal.js.map

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

package/dist/primitives/pie-chart.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties } from 'react';
+interface PieChartSegment {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface PieChartProps {
+    data?: PieChartSegment[];
+    size?: number;
+    donut?: boolean;
+    style?: CSSProperties;
+}
+export declare function PieChart({ data, size, donut, style }: PieChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=pie-chart.d.ts.map

package/dist/primitives/pie-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../src/primitives/pie-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAID,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,IAAU,EAAE,KAAa,EAAE,KAAK,EAAE,EAAE,aAAa,2CA+CtF"}

package/dist/primitives/pie-chart.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_COLORS = ['#3b82f6', '#ef4444', '#10b981', '#f59e0b', '#8b5cf6', '#ec4899', '#06b6d4', '#84cc16'];
+export function PieChart({ data = [], size = 200, donut = false, style }) {
+    const total = data.reduce((sum, d) => sum + d.value, 0) || 1;
+    const r = size / 2;
+    const cx = r;
+    const cy = r;
+    const outerR = r - 2;
+    const innerR = donut ? outerR * 0.6 : 0;
+    let cumulativeAngle = -Math.PI / 2;
+    const segments = data.map((seg, i) => {
+        const angle = (seg.value / total) * 2 * Math.PI;
+        const startAngle = cumulativeAngle;
+        const endAngle = cumulativeAngle + angle;
+        cumulativeAngle = endAngle;
+        const x1 = cx + outerR * Math.cos(startAngle);
+        const y1 = cy + outerR * Math.sin(startAngle);
+        const x2 = cx + outerR * Math.cos(endAngle);
+        const y2 = cy + outerR * Math.sin(endAngle);
+        const largeArc = angle > Math.PI ? 1 : 0;
+        let d;
+        if (donut) {
+            const ix1 = cx + innerR * Math.cos(startAngle);
+            const iy1 = cy + innerR * Math.sin(startAngle);
+            const ix2 = cx + innerR * Math.cos(endAngle);
+            const iy2 = cy + innerR * Math.sin(endAngle);
+            d = `M ${x1} ${y1} A ${outerR} ${outerR} 0 ${largeArc} 1 ${x2} ${y2} L ${ix2} ${iy2} A ${innerR} ${innerR} 0 ${largeArc} 0 ${ix1} ${iy1} Z`;
+        }
+        else {
+            d = `M ${cx} ${cy} L ${x1} ${y1} A ${outerR} ${outerR} 0 ${largeArc} 1 ${x2} ${y2} Z`;
+        }
+        return (_jsx("path", { d: d, fill: seg.color ?? DEFAULT_COLORS[i % DEFAULT_COLORS.length], children: _jsx("title", { children: `${seg.label}: ${seg.value}` }) }, i));
+    });
+    return (_jsx("div", { role: "img", "aria-label": "Pie chart", style: { width: size, height: size, ...style }, children: _jsx("svg", { viewBox: `0 0 ${size} ${size}`, style: { width: '100%', height: '100%' }, children: segments }) }));
+}
+//# sourceMappingURL=pie-chart.js.map

package/dist/primitives/pie-chart.js.map

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

package/dist/primitives/screen-outlet.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { CSSProperties } from 'react';
+interface ScreenOutletProps {
+    style?: CSSProperties;
+    _tokens?: Record<string, unknown>;
+}
+export declare function ScreenOutlet({ style }: ScreenOutletProps): React.ReactElement;
+export {};
+//# sourceMappingURL=screen-outlet.d.ts.map

package/dist/primitives/screen-outlet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-outlet.d.ts","sourceRoot":"","sources":["../../src/primitives/screen-outlet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAW3C,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAoG7E"}

package/dist/primitives/screen-outlet.js

@@ -0,0 +1,92 @@
+import React from 'react';
+import { createActionDispatcher } from 'mythik';
+import { useAppContext } from '../app-context.js';
+import { MythikRenderer } from '../MythikRenderer.js';
+export function ScreenOutlet({ style }) {
+    const { appEngine, svc, fetcher, onSpecRuntimeMount } = useAppContext();
+    const [screenState, setScreenState] = React.useState({ status: 'loading' });
+    React.useEffect(() => {
+        let cancelled = false;
+        const loadScreen = async () => {
+            const screenId = svc.store.get('/navigation/currentScreen');
+            if (!screenId)
+                return;
+            // Skip if already showing this screen
+            if (screenState.status === 'ready' && screenState.screenId === screenId)
+                return;
+            setScreenState({ status: 'loading' });
+            try {
+                const spec = await appEngine.getScreenSpec(screenId);
+                if (!cancelled) {
+                    setScreenState({ status: 'ready', spec, screenId });
+                }
+            }
+            catch (err) {
+                if (!cancelled) {
+                    setScreenState({
+                        status: 'error',
+                        message: err instanceof Error ? err.message : 'Failed to load screen',
+                    });
+                }
+            }
+        };
+        loadScreen();
+        const unsub = svc.store.subscribePath('/navigation/currentScreen', () => {
+            loadScreen();
+        });
+        return () => {
+            cancelled = true;
+            unsub();
+        };
+    }, [svc, appEngine]); // DON'T depend on screenState — would cause loops
+    // Execute initialActions when a new screen loads
+    const executedScreenRef = React.useRef('');
+    React.useEffect(() => {
+        if (screenState.status !== 'ready')
+            return;
+        if (executedScreenRef.current === screenState.screenId)
+            return;
+        executedScreenRef.current = screenState.screenId;
+        const spec = screenState.spec;
+        if (!spec.initialActions || spec.initialActions.length === 0)
+            return;
+        const dispatcher = createActionDispatcher({
+            store: svc.store,
+            customActions: svc.plugins.getActions(),
+            urlGuard: svc.security?.urlGuard,
+            stateGuard: svc.security?.stateGuard,
+            rateLimiter: svc.security?.rateLimiter,
+            fetcher,
+        });
+        (async () => {
+            for (const binding of spec.initialActions) {
+                try {
+                    if (!('action' in binding))
+                        continue; // Skip transaction bindings
+                    await dispatcher.dispatch(binding, (expr) => svc.resolver.resolve(expr));
+                }
+                catch (err) {
+                    const authActions = ['login', 'logout', 'refreshSession'];
+                    const actionName = 'action' in binding ? binding.action : '';
+                    if (!authActions.includes(actionName) || process.env.NODE_ENV !== 'production') {
+                        console.error(`Screen initialAction failed:`, err);
+                    }
+                }
+            }
+        })();
+    }, [screenState, svc]);
+    if (screenState.status === 'loading') {
+        return React.createElement('div', {
+            style: { display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 40, flex: 1, ...style },
+        }, React.createElement('div', {
+            style: { width: 32, height: 32, border: '3px solid #E2E8F0', borderTopColor: '#1E40AF', borderRadius: '50%', animation: 'spin 0.8s linear infinite' },
+        }));
+    }
+    if (screenState.status === 'error') {
+        return React.createElement('div', {
+            style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: 40, gap: 8, flex: 1, ...style },
+        }, React.createElement('div', { style: { color: '#DC2626', fontSize: 16, fontWeight: 600 } }, 'Error'), React.createElement('div', { style: { color: '#64748B', fontSize: 14 } }, screenState.message));
+    }
+    return React.createElement('div', { style: { flex: 1, ...style } }, React.createElement(MythikRenderer, { spec: screenState.spec, instance: svc, fetcher, onSpecRuntimeMount }));
+}
+//# sourceMappingURL=screen-outlet.js.map