@synopackageland/ui 0.19.10 → 0.19.11

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.19.11 (2026-11-03)
+
+- `Progress` draws its track as a faint tint of its own tone (`--ui-primary-soft`, `--ui-success-soft`, `--ui-warning-soft`, `--ui-danger-soft`) instead of the grey border colour, so a bar never sits on a grey track.
+- `Progress` takes `indeterminate` for a total that is not known yet, such as a download whose size the server has not sent: a segment slides along the track, `aria-valuenow` is left out and no percentage is shown. With reduced motion the segment rests across the track, dimmed.
+
 ## 0.19.10 (2026-11-03)
 
 - `ConnectionTopology` takes `cards` and `layout`. With `cards`, every lane is a card of one height (the tallest sets it) with node boxes of one size, each link word is centred on its own segment (one word on the middle of a lane with no relay), and the lines are solid or dashed instead of flowing dots. `layout="columns"` sets the cards side by side from 560px of container width. Without `cards` nothing changes. The real-browser check measures card heights, node boxes and word centres.

package/dist/components/primitives/progress/Progress.vue.d.ts

@@ -8,11 +8,14 @@ type __VLS_Props = {
     tone?: 'primary' | 'success' | 'warning' | 'danger';
     /** `sm` is a 4px line that fits under a label in a dense table row. */
     size?: 'md' | 'sm';
+    /** The total is not known yet: a segment moves along the track and no value is shown. */
+    indeterminate?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "md" | "sm";
     value: number;
     max: number;
+    indeterminate: boolean;
     tone: "primary" | "success" | "warning" | "danger";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index.js

@@ -21017,9 +21017,10 @@ const Zc = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
   key: 0,
   class: "mb-1.5 flex justify-between gap-3 text-[12px] text-[var(--ui-text-secondary)]"
 }, OC = {
+  key: 0,
   "data-ui-progress-value": "",
   class: "tabular-nums"
-}, IC = ["aria-valuenow", "aria-valuemax", "aria-label", "data-tone"], Jc = /* @__PURE__ */ O({
+}, IC = ["aria-valuenow", "aria-valuemax", "aria-label", "data-tone", "data-indeterminate"], Jc = /* @__PURE__ */ O({
   inheritAttrs: !1,
   __name: "Progress",
   props: {
@@ -21028,37 +21029,48 @@ const Zc = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
     label: {},
     valueLabel: {},
     tone: { default: "primary" },
-    size: { default: "md" }
+    size: { default: "md" },
+    indeterminate: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = In(), t = () => Object.fromEntries(Object.entries(a).filter(([l]) => l !== "class" && l !== "style")), n = e, o = {
+    const a = In(), t = () => Object.fromEntries(Object.entries(a).filter(([s]) => s !== "class" && s !== "style")), n = e, o = {
       primary: "bg-[var(--ui-primary)]",
       success: "bg-[var(--ui-success)]",
       warning: "bg-[var(--ui-warning)]",
       danger: "bg-[var(--ui-danger)]"
-    }, r = y(() => n.max <= 0 ? 0 : Math.min(100, Math.max(0, n.value / n.max * 100)));
-    return (l, s) => (d(), g("div", {
+    }, r = {
+      primary: "bg-[var(--ui-primary-soft)]",
+      success: "bg-[var(--ui-success-soft)]",
+      warning: "bg-[var(--ui-warning-soft)]",
+      danger: "bg-[var(--ui-danger-soft)]"
+    }, l = y(() => n.max <= 0 ? 0 : Math.min(100, Math.max(0, n.value / n.max * 100)));
+    return (s, u) => (d(), g("div", {
       class: Q(i(a).class),
       style: Ce(i(a).style),
       "data-syno-pkg-land-ui": ""
     }, [
       e.label || e.valueLabel ? (d(), g("div", qC, [
         B("span", null, K(e.label), 1),
-        B("span", OC, K(e.valueLabel ?? `${Math.round(r.value)}%`), 1)
+        e.valueLabel !== void 0 || !e.indeterminate ? (d(), g("span", OC, K(e.valueLabel ?? `${Math.round(l.value)}%`), 1)) : A("", !0)
       ])) : A("", !0),
       B("div", ie({
-        class: ["overflow-hidden rounded-full bg-[var(--ui-border-subtle)]", e.size === "sm" ? "h-1" : "h-1.5"],
+        class: ["overflow-hidden rounded-full", r[e.tone], e.size === "sm" ? "h-1" : "h-1.5"],
         role: "progressbar",
-        "aria-valuenow": n.value,
+        "aria-valuenow": e.indeterminate ? void 0 : n.value,
         "aria-valuemin": 0,
         "aria-valuemax": n.max,
         "aria-label": e.label,
-        "data-tone": e.tone
+        "data-tone": e.tone,
+        "data-indeterminate": e.indeterminate ? "" : void 0
       }, t()), [
-        B("div", {
+        e.indeterminate ? (d(), g("div", {
+          key: 0,
+          class: Q(["ui-progress-indeterminate h-full rounded-full", o[e.tone]])
+        }, null, 2)) : (d(), g("div", {
+          key: 1,
           class: Q(["h-full rounded-full transition-[width] duration-[var(--ui-motion-normal)]", o[e.tone]]),
-          style: Ce({ width: `${r.value}%` })
-        }, null, 6)
+          style: Ce({ width: `${l.value}%` })
+        }, null, 6))
       ], 16, IC)
     ], 6));
   }

package/dist/json/catalog.d.ts

@@ -375,6 +375,7 @@ export declare const synoJsonComponentDefinitions: {
                 success: "success";
                 warning: "warning";
             }>>;
+            indeterminate: z.ZodOptional<z.ZodBoolean>;
         }, z.core.$strip>;
         description: string;
     };
@@ -917,6 +918,7 @@ export declare const synoJsonCatalog: import('@json-render/core').Catalog<{
                     success: "success";
                     warning: "warning";
                 }>>;
+                indeterminate: z.ZodOptional<z.ZodBoolean>;
             }, z.core.$strip>;
             description: string;
         };

package/dist/json/registry.d.ts

@@ -395,6 +395,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -941,6 +942,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -1487,6 +1489,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -2033,6 +2036,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -2579,6 +2583,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -3125,6 +3130,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -3671,6 +3677,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -4217,6 +4224,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -4763,6 +4771,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -5309,6 +5318,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -5855,6 +5865,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -6401,6 +6412,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -6947,6 +6959,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -7493,6 +7506,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -8039,6 +8053,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -8585,6 +8600,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -9131,6 +9147,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -9677,6 +9694,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -10223,6 +10241,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -10769,6 +10788,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -11315,6 +11335,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -11861,6 +11882,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -12407,6 +12429,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -12953,6 +12976,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -13499,6 +13523,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -14045,6 +14070,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -14591,6 +14617,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -15137,6 +15164,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -15683,6 +15711,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -16229,6 +16258,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -16775,6 +16805,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -17321,6 +17352,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -17867,6 +17899,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };
@@ -18413,6 +18446,7 @@ export declare const synoJsonRenderers: {
                         success: "success";
                         warning: "warning";
                     }>>;
+                    indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 description: string;
             };

package/dist/json-ai-prompt.md

@@ -73,7 +73,7 @@ AVAILABLE COMPONENTS (34):
 - Card: { title?: string, layoutType?: "regular" | "compact", expandable?: boolean, expanded?: boolean, footerAlign?: "start" | "end" | "between" } - Grouped content with optional header/actions/footer. Do not use a Card just to add spacing. [accepts children; slots: header-actions, footer] [events: expandedChange]
 - Callout: { tone?: "info" | "success" | "warning" | "danger", variant?: "soft" | "inline", title?: string, dismissible?: boolean, dismissKey?: string, code?: string, fill?: boolean } - A message that stays until its cause goes away: something to act on (a one-line title, at most one line of text, one action in `actions`) or a short risk note (`variant: inline`, longer text in `details` behind Learn more). The reader can close it (default); it comes back when its text changes, and `dismissible: false` keeps only a blocking requirement in view. A passing result such as Saved is a toast, not a Callout. Callout text has no closing period. Put a machine error code in `code`, not in the text. [accepts children; slots: actions, details] [events: close]
 - EmptyState: { title: string, description?: string, icon?: string } - Empty/no-results state with optional recovery or create actions. [slots: actions]
-- Progress: { value?: number, max?: number, label?: string, valueLabel?: string, tone?: "primary" | "success" | "warning" | "danger" } - Linear determinate progress. Domain-specific progress visualizations should be custom components.
+- Progress: { value?: number, max?: number, label?: string, valueLabel?: string, tone?: "primary" | "success" | "warning" | "danger", indeterminate?: boolean } - Linear progress on a track tinted in its tone. indeterminate shows a moving segment while the total is unknown. Domain-specific progress visualizations should be custom components.
 - Badge: { text: string, tone?: "neutral" | "info" | "success" | "warning" | "danger" } - Short status/category badge.
 - Dialog: { open?: boolean, title?: string, description?: string, size?: "sm" | "md" | "lg" | "xl", width?: string, showClose?: boolean } - Modal task/dialog. Bind open to state. Put confirmation or form actions in footer. Without size it sizes to its content; size picks a DSM dialog width: sm one field, md a form with a text area, lg a wide form, xl tabs of settings. [accepts children; slots: footer] [events: openChange]
 - DataTable: { columns: Array<{ key: string, label: string, width?: string, type?: "text" | "number" | "date" | "actions", align?: "left" | "center" | "right" }>, rows: Array<Record<string, unknown>>, rowKey?: string, emptyText?: string, compact?: boolean, mobileView?: "auto" | "cards" | "table" } - Simple resource table where cells display scalar row fields. Use an app extension component for rich/custom cells and row actions.

package/dist/json-catalog.schema.json

@@ -2255,7 +2255,7 @@
             }
           },
           "then": {
-            "description": "Linear determinate progress. Domain-specific progress visualizations should be custom components.",
+            "description": "Linear progress on a track tinted in its tone. indeterminate shows a moving segment while the total is unknown. Domain-specific progress visualizations should be custom components.",
             "properties": {
               "props": {
                 "type": "object",
@@ -2315,6 +2315,16 @@
                         "$ref": "#/$defs/expression"
                       }
                     ]
+                  },
+                  "indeterminate": {
+                    "anyOf": [
+                      {
+                        "type": "boolean"
+                      },
+                      {
+                        "$ref": "#/$defs/expression"
+                      }
+                    ]
                   }
                 },
                 "additionalProperties": false