@lynx-js/genui 0.0.1-rc.0 → 0.0.2

package/a2ui/dist/catalog/DateTimeInput/utils.js

@@ -0,0 +1,248 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+const DAYS_PER_WEEK = 7;
+const DATE_TIME_DAYS_PER_MONTH_PAGE = 42;
+const DEFAULT_WEEKDAY_LABELS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+function pad2(value) {
+    return value < 10 ? `0${value}` : `${value}`;
+}
+function pad4(value) {
+    if (value < 10)
+        return `000${value}`;
+    if (value < 100)
+        return `00${value}`;
+    if (value < 1000)
+        return `0${value}`;
+    return `${value}`;
+}
+function createLocalDate(year, month, day = 1, hour = 0, minute = 0) {
+    return new Date(year, month, day, hour, minute, 0, 0);
+}
+function isValidDate(value) {
+    return !Number.isNaN(value.getTime());
+}
+function daysInMonth(year, month) {
+    return createLocalDate(year, month, 0).getDate();
+}
+function isValidDatePart(year, month, day) {
+    return month >= 1
+        && month <= 12
+        && day >= 1
+        && day <= daysInMonth(year, month);
+}
+function isValidTimePart(hour, minute) {
+    return hour >= 0 && hour <= 23 && minute >= 0 && minute <= 59;
+}
+function partsFromDate(value) {
+    return {
+        year: value.getFullYear(),
+        month: value.getMonth() + 1,
+        day: value.getDate(),
+        hour: value.getHours(),
+        minute: value.getMinutes(),
+    };
+}
+function parseDateTimeString(value) {
+    const trimmed = value.trim();
+    if (!trimmed)
+        return null;
+    const dateTimeMatch = /^(\d{4})-(\d{2})-(\d{2})(?:[ T](\d{2}):(\d{2}))?$/
+        .exec(trimmed);
+    if (dateTimeMatch) {
+        const [, year, month, day, hour = '0', minute = '0'] = dateTimeMatch;
+        const yearValue = Number(year);
+        const monthValue = Number(month);
+        const dayValue = Number(day);
+        const hourValue = Number(hour);
+        const minuteValue = Number(minute);
+        if (!isValidDatePart(yearValue, monthValue, dayValue)
+            || !isValidTimePart(hourValue, minuteValue)) {
+            return null;
+        }
+        const date = createLocalDate(yearValue, monthValue - 1, dayValue, hourValue, minuteValue);
+        return isValidDate(date) ? partsFromDate(date) : null;
+    }
+    const timeMatch = /^(\d{2}):(\d{2})$/.exec(trimmed);
+    if (timeMatch) {
+        const today = new Date();
+        const [, hour, minute] = timeMatch;
+        const hourValue = Number(hour);
+        const minuteValue = Number(minute);
+        if (!isValidTimePart(hourValue, minuteValue))
+            return null;
+        const date = createLocalDate(today.getFullYear(), today.getMonth(), today.getDate(), hourValue, minuteValue);
+        return isValidDate(date) ? partsFromDate(date) : null;
+    }
+    const date = new Date(trimmed);
+    return isValidDate(date) ? partsFromDate(date) : null;
+}
+export function normalizeDateTimeInputValue(value) {
+    if (value instanceof Date) {
+        return isValidDate(value) ? partsFromDate(value) : null;
+    }
+    if (typeof value === 'number') {
+        const date = new Date(value);
+        return isValidDate(date) ? partsFromDate(date) : null;
+    }
+    if (typeof value === 'string') {
+        return parseDateTimeString(value);
+    }
+    return null;
+}
+export function getDefaultDateTimeParts(now = new Date()) {
+    return {
+        year: now.getFullYear(),
+        month: now.getMonth() + 1,
+        day: now.getDate(),
+        hour: now.getHours(),
+        minute: now.getMinutes(),
+    };
+}
+export function dateTimePartsToDate(parts) {
+    return createLocalDate(parts.year, parts.month - 1, parts.day, parts.hour, parts.minute);
+}
+export function dateTimePartsToDateKey(parts) {
+    return `${pad4(parts.year)}-${pad2(parts.month)}-${pad2(parts.day)}`;
+}
+export function formatDateKey(date) {
+    return [
+        pad4(date.getFullYear()),
+        pad2(date.getMonth() + 1),
+        pad2(date.getDate()),
+    ].join('-');
+}
+export function formatMonthKey(date) {
+    return `${pad4(date.getFullYear())}-${pad2(date.getMonth() + 1)}`;
+}
+export function startOfMonth(date) {
+    return createLocalDate(date.getFullYear(), date.getMonth(), 1);
+}
+export function addMonths(date, offset) {
+    return createLocalDate(date.getFullYear(), date.getMonth() + offset, 1);
+}
+export function getWeekdayLabels(weekStartsOn = 0, labels = DEFAULT_WEEKDAY_LABELS) {
+    const start = Math.max(0, Math.min(6, Math.floor(weekStartsOn)));
+    return Array.from({ length: DAYS_PER_WEEK }, (_, index) => {
+        const weekdayIndex = (start + index) % DAYS_PER_WEEK;
+        return labels[weekdayIndex] ?? DEFAULT_WEEKDAY_LABELS[weekdayIndex];
+    });
+}
+function compareDateOnly(a, b) {
+    const left = a.getFullYear() * 10000
+        + (a.getMonth() + 1) * 100
+        + a.getDate();
+    const right = b.getFullYear() * 10000
+        + (b.getMonth() + 1) * 100
+        + b.getDate();
+    return left - right;
+}
+export function compareDateTimeParts(a, b) {
+    const left = a.year * 100000000
+        + a.month * 1000000
+        + a.day * 10000
+        + a.hour * 100
+        + a.minute;
+    const right = b.year * 100000000
+        + b.month * 1000000
+        + b.day * 10000
+        + b.hour * 100
+        + b.minute;
+    return left - right;
+}
+export function isDateTimeBeforeMin(value, min) {
+    return min !== null && compareDateTimeParts(value, min) < 0;
+}
+export function isDateTimeAfterMax(value, max) {
+    return max !== null && compareDateTimeParts(value, max) > 0;
+}
+export function buildDateTimeMonthPage({ month, selectedDate, today, minDate, maxDate, weekStartsOn = 0, }) {
+    const monthStart = startOfMonth(month);
+    const normalizedWeekStart = Math.max(0, Math.min(6, Math.floor(weekStartsOn)));
+    const firstWeekdayOffset = (monthStart.getDay() - normalizedWeekStart + DAYS_PER_WEEK)
+        % DAYS_PER_WEEK;
+    const gridStart = createLocalDate(monthStart.getFullYear(), monthStart.getMonth(), 1 - firstWeekdayOffset);
+    const selectedDateKey = selectedDate ? formatDateKey(selectedDate) : null;
+    const todayKey = formatDateKey(today);
+    const days = Array.from({ length: DATE_TIME_DAYS_PER_MONTH_PAGE }, (_, index) => {
+        const date = createLocalDate(gridStart.getFullYear(), gridStart.getMonth(), gridStart.getDate() + index);
+        const dateKey = formatDateKey(date);
+        const outside = date.getMonth() !== monthStart.getMonth();
+        const disabled = (minDate !== null && compareDateOnly(date, minDate) < 0)
+            || (maxDate !== null && compareDateOnly(date, maxDate) > 0);
+        return {
+            date,
+            dateKey,
+            day: date.getDate(),
+            outside,
+            selected: dateKey === selectedDateKey,
+            today: dateKey === todayKey,
+            disabled,
+        };
+    });
+    return {
+        month: monthStart,
+        monthKey: formatMonthKey(monthStart),
+        days,
+    };
+}
+export function normalizeDateTimeInputMode(enableDate, enableTime) {
+    const date = enableDate !== false;
+    const time = enableTime !== false;
+    if (!date && !time) {
+        return { enableDate: true, enableTime: false };
+    }
+    return { enableDate: date, enableTime: time };
+}
+export function normalizeDateTimeInputLabel(value) {
+    if (typeof value === 'string'
+        || typeof value === 'number'
+        || typeof value === 'boolean') {
+        return String(value);
+    }
+    return '';
+}
+function getDefaultOutputFormat(mode) {
+    if (!mode.enableDate && mode.enableTime)
+        return 'HH:mm';
+    return 'YYYY-MM-DD';
+}
+export function formatDateTimeInputValue(parts, outputFormat, mode) {
+    const format = typeof outputFormat === 'string' && outputFormat.trim()
+        ? outputFormat
+        : getDefaultOutputFormat(mode);
+    return format
+        .replaceAll('YYYY', pad4(parts.year))
+        .replaceAll('MM', pad2(parts.month))
+        .replaceAll('DD', pad2(parts.day))
+        .replaceAll('HH', pad2(parts.hour))
+        .replaceAll('mm', pad2(parts.minute));
+}
+export function getDateTimeInputPlaceholder(mode) {
+    if (mode.enableDate && mode.enableTime)
+        return 'Select date and time';
+    if (mode.enableTime)
+        return 'Select time';
+    return 'Select date';
+}
+export function getDateTimeDialogTitle(label, mode) {
+    return label || getDateTimeInputPlaceholder(mode);
+}
+export function withDate(parts, date) {
+    return {
+        ...parts,
+        year: date.getFullYear(),
+        month: date.getMonth() + 1,
+        day: date.getDate(),
+    };
+}
+export function incrementDateTimePart(parts, part, delta) {
+    const limit = part === 'hour' ? 24 : 60;
+    const current = parts[part];
+    const next = ((current + delta) % limit + limit) % limit;
+    return {
+        ...parts,
+        [part]: next,
+    };
+}
+//# sourceMappingURL=utils.js.map

package/a2ui/dist/catalog/DateTimeInput/utils.js.map

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

package/a2ui/dist/catalog/Divider/index.jsx

@@ -0,0 +1,7 @@
+import '../../../styles/catalog/Divider.css';
+export function Divider(props) {
+    const id = props.id;
+    const axis = props.axis ?? 'horizontal';
+    return <view key={id} className={`divider divider-${axis}`}/>;
+}
+//# sourceMappingURL=index.jsx.map

package/a2ui/dist/catalog/Divider/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Divider/index.tsx"],"names":[],"mappings":"AAKA,OAAO,qCAAqC,CAAC;AAS7C,MAAM,UAAU,OAAO,CACrB,KAAmB;IAEnB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACpB,MAAM,IAAI,GAAG,KAAK,CAAC,IAA0B,IAAI,YAAY,CAAC;IAC9D,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,EAAG,CAAC;AACjE,CAAC"}

package/a2ui/dist/catalog/Icon/catalog.json

@@ -4,7 +4,178 @@
       "name": {
         "oneOf": [
           {
-            "type": "string"
+            "type": "string",
+            "enum": [
+              "account_circle"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "add"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "arrow_back"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "arrow_forward"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "camera"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "check"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "close"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "delete"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "edit"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "error"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "favorite"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "help"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "home"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "info"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "location_on"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "lock"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "mail"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "menu"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "more_vert"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "pause"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "person"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "play_arrow"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "refresh"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "search"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "send"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "settings"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "share"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "star"
+            ]
+          },
+          {
+            "type": "string",
+            "enum": [
+              "warning"
+            ]
           },
           {
             "type": "object",
@@ -19,7 +190,7 @@
             "additionalProperties": false
           }
         ],
-        "description": "Material icon name (camelCase or snake_case), e.g. \"info\", \"skipNext\", \"play_arrow\"."
+        "description": "Google Material icon ligature name, e.g. \"info\", \"account_circle\", \"arrow_back\"."
       },
       "size": {
         "type": "string",

package/a2ui/dist/catalog/Icon/index.d.ts

@@ -4,8 +4,8 @@ import '../../../styles/catalog/Icon.css';
  * @a2uiCatalog Icon
  */
 export interface IconProps extends GenericComponentProps {
-    /** Material icon name (camelCase or snake_case), e.g. "info", "skipNext", "play_arrow". */
-    name: string | {
+    /** Google Material icon ligature name, e.g. "info", "account_circle", "arrow_back". */
+    name: 'account_circle' | 'add' | 'arrow_back' | 'arrow_forward' | 'camera' | 'check' | 'close' | 'delete' | 'edit' | 'error' | 'favorite' | 'help' | 'home' | 'info' | 'location_on' | 'lock' | 'mail' | 'menu' | 'more_vert' | 'pause' | 'person' | 'play_arrow' | 'refresh' | 'search' | 'send' | 'settings' | 'share' | 'star' | 'warning' | {
         path: string;
     };
     size?: 'sm' | 'md' | 'lg';

package/a2ui/dist/catalog/Icon/{index.js → index.jsx}

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
 import '../../../styles/catalog/Icon.css';
 function toMaterialName(name) {
     return name.replace(/[A-Z]/g, (m) => `_${m.toLowerCase()}`);
@@ -6,6 +5,8 @@ function toMaterialName(name) {
 export function Icon(props) {
     const { id, name, size = 'md', color = 'inherit' } = props;
     const iconName = typeof name === 'string' ? toMaterialName(name) : '';
-    return (_jsx("text", { className: `a2ui-icon a2ui-icon-${size} a2ui-icon-color-${color}`, children: iconName }, id));
+    return (<text key={id} className={`a2ui-icon a2ui-icon-${size} a2ui-icon-color-${color}`}>
+      {iconName}
+    </text>);
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.jsx.map

package/a2ui/dist/catalog/Icon/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Icon/index.tsx"],"names":[],"mappings":"AAKA,OAAO,kCAAkC,CAAC;AAE1C,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAC9D,CAAC;AA0CD,MAAM,UAAU,IAAI,CAClB,KAAgB;IAEhB,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,QAAQ,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,SAAS,CAAC,CAAC,uBAAuB,IAAI,oBAAoB,KAAK,EAAE,CAAC,CAElE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}

package/a2ui/dist/catalog/Image/catalog.json

@@ -2,23 +2,7 @@
   "Image": {
     "properties": {
       "url": {
-        "oneOf": [
-          {
-            "type": "string"
-          },
-          {
-            "type": "object",
-            "properties": {
-              "path": {
-                "type": "string"
-              }
-            },
-            "required": [
-              "path"
-            ],
-            "additionalProperties": false
-          }
-        ],
+        "type": "string",
         "description": "Image URL or path binding."
       },
       "fit": {

package/a2ui/dist/catalog/Image/index.d.ts

@@ -5,9 +5,7 @@ import '../../../styles/catalog/Image.css';
  */
 export interface ImageProps extends GenericComponentProps {
     /** Image URL or path binding. */
-    url: string | {
-        path: string;
-    };
+    url: string;
     fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
     mode?: 'scaleToFill' | 'aspectFit' | 'aspectFill' | 'center';
     variant?: 'icon' | 'avatar' | 'smallFeature' | 'mediumFeature' | 'largeFeature' | 'header';

package/a2ui/dist/catalog/Image/index.jsx

@@ -0,0 +1,21 @@
+import '../../../styles/catalog/Image.css';
+export function Image(props) {
+    const fit = props.fit ?? 'fit';
+    const mode = props.mode ?? (() => {
+        switch (fit) {
+            case 'contain':
+            case 'scale-down':
+                return 'aspectFit';
+            case 'fill':
+                return 'scaleToFill';
+            case 'none':
+                return 'center';
+            default:
+                return 'aspectFill';
+        }
+    })();
+    const variant = props.variant ?? 'mediumFeature';
+    const className = `a2ui-image image-variant-${variant} ${typeof props.weight === 'number' ? 'image-weighted' : ''}`;
+    return (<image key={props.id} className={className} auto-size={true} src={props.url ?? ''} mode={mode}/>);
+}
+//# sourceMappingURL=index.jsx.map

package/a2ui/dist/catalog/Image/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Image/index.tsx"],"names":[],"mappings":"AAKA,OAAO,mCAAmC,CAAC;AAoB3C,MAAM,UAAU,KAAK,CACnB,KAAiB;IAEjB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC;IAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE;QAC/B,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,SAAS,CAAC;YACf,KAAK,YAAY;gBACf,OAAO,WAAW,CAAC;YACrB,KAAK,MAAM;gBACT,OAAO,aAAa,CAAC;YACvB,KAAK,MAAM;gBACT,OAAO,QAAQ,CAAC;YAClB;gBACE,OAAO,YAAY,CAAC;QACxB,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,eAAe,CAAC;IACjD,MAAM,SAAS,GAAG,4BAA4B,OAAO,IACnD,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACxD,EAAE,CAAC;IACH,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CACd,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,CACrB,IAAI,CAAC,CAAC,IAAI,CAAC,EACX,CACH,CAAC;AACJ,CAAC"}

package/a2ui/dist/catalog/LineChart/{index.js → index.jsx}

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@lynx-js/react/jsx-runtime";
 // Copyright 2026 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
@@ -112,7 +111,7 @@ function buildSvgMarkup(labels, series, variant, showGrid) {
     const chartWidth = width - MARGIN.left - MARGIN.right;
     const chartHeight = height - MARGIN.top - MARGIN.bottom;
     const maxPoints = labels.length;
-    const values = series.flatMap((item) => item.values.slice(0, maxPoints));
+    const values = series.flatMap((item) => item.values?.slice(0, maxPoints));
     if (maxPoints === 0 || series.length === 0 || values.length === 0) {
         return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}"></svg>`;
     }
@@ -122,7 +121,7 @@ function buildSvgMarkup(labels, series, variant, showGrid) {
     const gridLines = 4;
     const lineMarkup = series
         .map((item, seriesIndex) => {
-        const points = item.values.slice(0, maxPoints).map((value, index) => {
+        const points = item.values?.slice(0, maxPoints).map((value, index) => {
             const x = MARGIN.left + xStep * index;
             const y = MARGIN.top + chartHeight
                 - ((value - minValue) / yRange) * chartHeight;
@@ -179,17 +178,55 @@ export function LineChart(props) {
         : DEFAULT_HEIGHT;
     const svgMarkup = buildSvgMarkup(labels, series, variant, showGrid);
     const visibleLabelIndices = sampleIndices(labels.length, 8);
-    const { min, max } = minMax(series.flatMap((item) => item.values.slice(0, labels.length)));
-    return (_jsxs("view", { className: 'line-chart', children: [_jsxs("view", { className: 'line-chart-header', children: [_jsxs("view", { className: 'line-chart-header-copy', children: [_jsx("text", { className: 'line-chart-title', children: resolvedProps['yLabel'] ?? 'Line chart' }), _jsx("text", { className: 'line-chart-caption', children: series.length > 0
-                                    ? `${series.length} series • ${labels.length} points`
-                                    : 'No data' })] }), resolvedProps['xLabel']
-                        ? (_jsx("text", { className: 'line-chart-axis-label', children: resolvedProps['xLabel'] }))
-                        : null] }), _jsxs("view", { className: 'line-chart-scale-row', children: [_jsx("text", { className: 'line-chart-scale-value', children: formatValue(min) }), _jsx("text", { className: 'line-chart-scale-value line-chart-scale-value-right', children: formatValue(max) })] }), _jsx("svg", { className: 'line-chart-svg', content: svgMarkup, style: { width: '100%', height: `${height}px` } }), _jsx("view", { className: 'line-chart-axis-row', children: visibleLabelIndices.map((index) => (_jsx("view", { className: 'line-chart-axis-tick', children: _jsx("text", { className: 'line-chart-axis-tick-label', children: labels[index] ?? '' }) }, `${index}-${labels[index] ?? index}`))) }), showLegend
-                ? (_jsx("view", { className: 'line-chart-legend', children: series.map((item, index) => (_jsxs("view", { className: 'line-chart-legend-item', children: [_jsx("view", { className: 'line-chart-legend-swatch', style: {
-                                    backgroundColor: item.color
-                                        ?? DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length]
-                                        ?? '#0057d9',
-                                } }), _jsx("text", { className: 'line-chart-legend-label', children: item.name })] }, item.name))) }))
-                : null] }, id));
+    const { min, max } = minMax(series.flatMap((item) => item.values?.slice(0, labels.length)));
+    return (<view key={id} className='line-chart'>
+      <view className='line-chart-header'>
+        <view className='line-chart-header-copy'>
+          <text className='line-chart-title'>
+            {resolvedProps['yLabel'] ?? 'Line chart'}
+          </text>
+          <text className='line-chart-caption'>
+            {series.length > 0
+            ? `${series.length} series • ${labels.length} points`
+            : 'No data'}
+          </text>
+        </view>
+        {resolvedProps['xLabel']
+            ? (<text className='line-chart-axis-label'>
+              {resolvedProps['xLabel']}
+            </text>)
+            : null}
+      </view>
+
+      <view className='line-chart-scale-row'>
+        <text className='line-chart-scale-value'>{formatValue(min)}</text>
+        <text className='line-chart-scale-value line-chart-scale-value-right'>
+          {formatValue(max)}
+        </text>
+      </view>
+
+      <svg className='line-chart-svg' content={svgMarkup} style={{ width: '100%', height: `${height}px` }}/>
+
+      <view className='line-chart-axis-row'>
+        {visibleLabelIndices.map((index) => (<view key={`${index}-${labels[index] ?? index}`} className='line-chart-axis-tick'>
+            <text className='line-chart-axis-tick-label'>
+              {labels[index] ?? ''}
+            </text>
+          </view>))}
+      </view>
+
+      {showLegend
+            ? (<view className='line-chart-legend'>
+            {series.map((item, index) => (<view key={item.name} className='line-chart-legend-item'>
+                <view className='line-chart-legend-swatch' style={{
+                        backgroundColor: item.color
+                            ?? DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length]
+                            ?? '#0057d9',
+                    }}/>
+                <text className='line-chart-legend-label'>{item.name}</text>
+              </view>))}
+          </view>)
+            : null}
+    </view>);
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.jsx.map