@urbicon-ui/blocks 6.24.0 → 6.26.0

package/dist/i18n/index.d.ts

@@ -379,7 +379,195 @@ declare const blocksTranslations: {
         };
     };
 };
-export declare const blocksI18n: import("@urbicon-ui/i18n").PackageI18n<import("@urbicon-ui/i18n").Translations>;
+export declare const blocksI18n: import("@urbicon-ui/i18n").PackageI18n<{
+    readonly accessibility: {
+        readonly avatar: "Avatar";
+        readonly breadcrumb: "Breadcrumb";
+        readonly breadcrumbExpand: "Show all breadcrumb items";
+        readonly clearInput: "Clear input";
+        readonly clearSearch: "Clear search";
+        readonly clearSelection: "Clear selection";
+        readonly closeDialog: "Close dialog";
+        readonly closeDrawer: "Close drawer";
+        readonly dismiss: "Dismiss";
+        readonly fileUpload: "File upload";
+        readonly loading: "Loading";
+        readonly maximum: "Maximum";
+        readonly minimum: "Minimum";
+        readonly pagination: "Page navigation";
+        readonly progress: "Progress";
+        readonly slider: "Slider";
+        readonly toggle: "Toggle";
+        readonly toggleOptions: "Toggle options";
+        readonly removableBadge: "Removable badge";
+        readonly removeBadge: "Remove badge";
+        readonly removeFile: "Remove {{name}}";
+        readonly removeTag: "Remove {{label}}";
+    };
+    readonly button: {
+        readonly close: "Close";
+        readonly apply: "Apply";
+        readonly cancel: "Cancel";
+        readonly confirm: "Confirm";
+    };
+    readonly menu: {
+        readonly placeholder: "Select an option...";
+    };
+    readonly common: {
+        readonly loading: "Loading...";
+    };
+    readonly languages: {
+        readonly de: "Deutsch";
+        readonly en: "English";
+        readonly es: "Español";
+        readonly fr: "Français";
+        readonly it: "Italiano";
+        readonly nl: "Nederlands";
+    };
+    readonly localeSwitcher: {
+        readonly ariaLabel: "Language selection";
+        readonly placeholder: "Select language...";
+    };
+    readonly pagination: {
+        readonly next: "Next";
+        readonly first: "First";
+        readonly last: "Last";
+        readonly page: "Page";
+        readonly previous: "Previous";
+        readonly pageInfo: "{{label}} {{current}} of {{total}}";
+        readonly rangeInfo: "{{start}}–{{end}} of {{total}}";
+    };
+    readonly calendar: {
+        readonly recurring: "Recurring event";
+        readonly previousMonth: "Previous month";
+        readonly nextMonth: "Next month";
+        readonly previousWeek: "Previous week";
+        readonly nextWeek: "Next week";
+        readonly previousDay: "Previous day";
+        readonly nextDay: "Next day";
+        readonly previousYear: "Previous year";
+        readonly nextYear: "Next year";
+        readonly today: "Today";
+        readonly calendarGrid: "Calendar";
+        readonly weekdays: "Weekdays";
+        readonly weekNumber: "Week number";
+        readonly events: "Events";
+        readonly noEvents: "No events";
+        readonly showMore: "{{count}} more";
+        readonly legend: "Legend";
+        readonly yearView: "Year overview";
+        readonly weekView: "Week view";
+        readonly viewMonth: "Month";
+        readonly viewYear: "Year";
+        readonly viewWeek: "Week";
+        readonly viewDay: "Day";
+        readonly multiDayLabel: "Day {{current}} of {{total}}";
+        readonly agendaView: "Agenda view";
+        readonly viewAgenda: "Agenda";
+        readonly viewSwitcher: "View mode";
+    };
+    readonly planner: {
+        readonly previousWeek: "Previous week";
+        readonly nextWeek: "Next week";
+        readonly previousMonth: "Previous month";
+        readonly nextMonth: "Next month";
+        readonly previousRange: "Previous range";
+        readonly nextRange: "Next range";
+        readonly today: "Today";
+        readonly grid: "Planner";
+        readonly itemCount: "{{count}} items";
+    };
+    readonly commandPalette: {
+        readonly noResults: "No results found.";
+        readonly search: "Search...";
+        readonly hints: {
+            readonly navigate: "Navigate";
+            readonly select: "Select";
+            readonly close: "Close";
+        };
+    };
+    readonly compositionBar: {
+        readonly total: "Total";
+        readonly summary: "Composition: {{total}} ({{count}} shares) — {{parts}}";
+        readonly share: "Share";
+        readonly value: "Value";
+        readonly percent: "Percent";
+        readonly remaining: "remaining";
+    };
+    readonly guide: {
+        readonly next: "Next";
+        readonly previous: "Back";
+        readonly skip: "Skip tour";
+        readonly done: "Done";
+        readonly step: "Step {{current}} of {{total}}";
+        readonly tour: "Guided tour";
+        readonly close: "Close";
+        readonly openHelp: "Help";
+        readonly backToList: "All topics";
+        readonly info: "More information";
+        readonly infoAbout: "More information about {{label}}";
+        readonly dismiss: "Dismiss hint";
+        readonly startTour: "Start the guided tour";
+        readonly actionRequired: "Complete the highlighted action to continue";
+        readonly filterPlaceholder: "Filter topics…";
+        readonly noResults: "No matching topics";
+    };
+    readonly journeyTimeline: {
+        readonly label: "Journey";
+        readonly status: {
+            readonly complete: "Completed";
+            readonly active: "In progress";
+            readonly pending: "Pending";
+            readonly attention: "Needs attention";
+            readonly blocked: "Blocked";
+            readonly skipped: "Skipped";
+        };
+    };
+    readonly datepicker: {
+        readonly placeholder: "Select a date...";
+        readonly rangePlaceholder: "Select a date range...";
+        readonly openCalendar: "Open calendar";
+        readonly invalidDate: "Invalid date";
+        readonly outOfRange: "Date is outside the allowed range";
+        readonly invalidRange: "Invalid date range";
+    };
+    readonly fileUpload: {
+        readonly exists: "File already added";
+        readonly invalidType: "File type {{type}} is not allowed";
+        readonly tooLarge: "File exceeds {{size}} limit";
+        readonly tooMany: "Maximum {{count}} files allowed";
+        readonly tooSmall: "File must be at least {{size}}";
+    };
+    readonly sankey: {
+        readonly summary: "Sankey diagram: {{nodes}} nodes, {{links}} links — {{flows}}";
+        readonly source: "Source";
+        readonly target: "Target";
+        readonly value: "Value";
+    };
+    readonly slider: {
+        readonly rangeStatus: {
+            readonly insideRecommended: "In recommended range";
+            readonly insideValid: "In valid range";
+            readonly insideValidOnly: "Outside recommended range, but valid";
+            readonly outsideValid: "Outside valid range";
+        };
+    };
+    readonly themeSwitcher: {
+        readonly lightMode: "Light mode";
+        readonly darkMode: "Dark mode";
+        readonly systemTheme: "System theme";
+    };
+    readonly chart: {
+        readonly category: "Category";
+        readonly series: "Series {{index}}";
+        readonly segment: "Segment";
+        readonly value: "Value";
+        readonly share: "Share";
+    };
+    readonly stepper: {
+        readonly optional: "Optional";
+    };
+}>;
 /**
  * Context-scoped translation hook for the blocks package. Call during component
  * initialisation, then use the returned `t` (conventionally aliased `bt`):
@@ -392,7 +580,195 @@ export declare const blocksI18n: import("@urbicon-ui/i18n").PackageI18n<import("
  * Resolves against the nearest `<I18nProvider>`'s locale (or the base locale
  * when none is mounted) and re-renders reactively on locale change.
  */
-export declare const useBlocksI18n: any;
+export declare const useBlocksI18n: () => import("@urbicon-ui/i18n").TypedTranslationFunction<{
+    readonly accessibility: {
+        readonly avatar: "Avatar";
+        readonly breadcrumb: "Breadcrumb";
+        readonly breadcrumbExpand: "Show all breadcrumb items";
+        readonly clearInput: "Clear input";
+        readonly clearSearch: "Clear search";
+        readonly clearSelection: "Clear selection";
+        readonly closeDialog: "Close dialog";
+        readonly closeDrawer: "Close drawer";
+        readonly dismiss: "Dismiss";
+        readonly fileUpload: "File upload";
+        readonly loading: "Loading";
+        readonly maximum: "Maximum";
+        readonly minimum: "Minimum";
+        readonly pagination: "Page navigation";
+        readonly progress: "Progress";
+        readonly slider: "Slider";
+        readonly toggle: "Toggle";
+        readonly toggleOptions: "Toggle options";
+        readonly removableBadge: "Removable badge";
+        readonly removeBadge: "Remove badge";
+        readonly removeFile: "Remove {{name}}";
+        readonly removeTag: "Remove {{label}}";
+    };
+    readonly button: {
+        readonly close: "Close";
+        readonly apply: "Apply";
+        readonly cancel: "Cancel";
+        readonly confirm: "Confirm";
+    };
+    readonly menu: {
+        readonly placeholder: "Select an option...";
+    };
+    readonly common: {
+        readonly loading: "Loading...";
+    };
+    readonly languages: {
+        readonly de: "Deutsch";
+        readonly en: "English";
+        readonly es: "Español";
+        readonly fr: "Français";
+        readonly it: "Italiano";
+        readonly nl: "Nederlands";
+    };
+    readonly localeSwitcher: {
+        readonly ariaLabel: "Language selection";
+        readonly placeholder: "Select language...";
+    };
+    readonly pagination: {
+        readonly next: "Next";
+        readonly first: "First";
+        readonly last: "Last";
+        readonly page: "Page";
+        readonly previous: "Previous";
+        readonly pageInfo: "{{label}} {{current}} of {{total}}";
+        readonly rangeInfo: "{{start}}–{{end}} of {{total}}";
+    };
+    readonly calendar: {
+        readonly recurring: "Recurring event";
+        readonly previousMonth: "Previous month";
+        readonly nextMonth: "Next month";
+        readonly previousWeek: "Previous week";
+        readonly nextWeek: "Next week";
+        readonly previousDay: "Previous day";
+        readonly nextDay: "Next day";
+        readonly previousYear: "Previous year";
+        readonly nextYear: "Next year";
+        readonly today: "Today";
+        readonly calendarGrid: "Calendar";
+        readonly weekdays: "Weekdays";
+        readonly weekNumber: "Week number";
+        readonly events: "Events";
+        readonly noEvents: "No events";
+        readonly showMore: "{{count}} more";
+        readonly legend: "Legend";
+        readonly yearView: "Year overview";
+        readonly weekView: "Week view";
+        readonly viewMonth: "Month";
+        readonly viewYear: "Year";
+        readonly viewWeek: "Week";
+        readonly viewDay: "Day";
+        readonly multiDayLabel: "Day {{current}} of {{total}}";
+        readonly agendaView: "Agenda view";
+        readonly viewAgenda: "Agenda";
+        readonly viewSwitcher: "View mode";
+    };
+    readonly planner: {
+        readonly previousWeek: "Previous week";
+        readonly nextWeek: "Next week";
+        readonly previousMonth: "Previous month";
+        readonly nextMonth: "Next month";
+        readonly previousRange: "Previous range";
+        readonly nextRange: "Next range";
+        readonly today: "Today";
+        readonly grid: "Planner";
+        readonly itemCount: "{{count}} items";
+    };
+    readonly commandPalette: {
+        readonly noResults: "No results found.";
+        readonly search: "Search...";
+        readonly hints: {
+            readonly navigate: "Navigate";
+            readonly select: "Select";
+            readonly close: "Close";
+        };
+    };
+    readonly compositionBar: {
+        readonly total: "Total";
+        readonly summary: "Composition: {{total}} ({{count}} shares) — {{parts}}";
+        readonly share: "Share";
+        readonly value: "Value";
+        readonly percent: "Percent";
+        readonly remaining: "remaining";
+    };
+    readonly guide: {
+        readonly next: "Next";
+        readonly previous: "Back";
+        readonly skip: "Skip tour";
+        readonly done: "Done";
+        readonly step: "Step {{current}} of {{total}}";
+        readonly tour: "Guided tour";
+        readonly close: "Close";
+        readonly openHelp: "Help";
+        readonly backToList: "All topics";
+        readonly info: "More information";
+        readonly infoAbout: "More information about {{label}}";
+        readonly dismiss: "Dismiss hint";
+        readonly startTour: "Start the guided tour";
+        readonly actionRequired: "Complete the highlighted action to continue";
+        readonly filterPlaceholder: "Filter topics…";
+        readonly noResults: "No matching topics";
+    };
+    readonly journeyTimeline: {
+        readonly label: "Journey";
+        readonly status: {
+            readonly complete: "Completed";
+            readonly active: "In progress";
+            readonly pending: "Pending";
+            readonly attention: "Needs attention";
+            readonly blocked: "Blocked";
+            readonly skipped: "Skipped";
+        };
+    };
+    readonly datepicker: {
+        readonly placeholder: "Select a date...";
+        readonly rangePlaceholder: "Select a date range...";
+        readonly openCalendar: "Open calendar";
+        readonly invalidDate: "Invalid date";
+        readonly outOfRange: "Date is outside the allowed range";
+        readonly invalidRange: "Invalid date range";
+    };
+    readonly fileUpload: {
+        readonly exists: "File already added";
+        readonly invalidType: "File type {{type}} is not allowed";
+        readonly tooLarge: "File exceeds {{size}} limit";
+        readonly tooMany: "Maximum {{count}} files allowed";
+        readonly tooSmall: "File must be at least {{size}}";
+    };
+    readonly sankey: {
+        readonly summary: "Sankey diagram: {{nodes}} nodes, {{links}} links — {{flows}}";
+        readonly source: "Source";
+        readonly target: "Target";
+        readonly value: "Value";
+    };
+    readonly slider: {
+        readonly rangeStatus: {
+            readonly insideRecommended: "In recommended range";
+            readonly insideValid: "In valid range";
+            readonly insideValidOnly: "Outside recommended range, but valid";
+            readonly outsideValid: "Outside valid range";
+        };
+    };
+    readonly themeSwitcher: {
+        readonly lightMode: "Light mode";
+        readonly darkMode: "Dark mode";
+        readonly systemTheme: "System theme";
+    };
+    readonly chart: {
+        readonly category: "Category";
+        readonly series: "Series {{index}}";
+        readonly segment: "Segment";
+        readonly value: "Value";
+        readonly share: "Share";
+    };
+    readonly stepper: {
+        readonly optional: "Optional";
+    };
+}>;
 export declare const hasBlocksTranslation: (key: string) => boolean, getBlocksLocales: () => import("@urbicon-ui/i18n").Locale[];
 export type BlocksTranslationKey = keyof typeof enTranslations;
 export { blocksTranslations };

package/dist/internal/charts/variants.js

@@ -17,7 +17,7 @@ export const chartVariants = tv({
         /** Tick marks. */
         axisTick: ['stroke-border-subtle'],
         /** Tick + category labels. */
-        axisLabel: ['fill-text-tertiary text-[10px] tabular-nums'],
+        axisLabel: ['fill-text-tertiary text-3xs tabular-nums'],
         /** Background gridlines. */
         grid: ['stroke-border-hairline'],
         /** Generic data mark (line path, area, point). */
@@ -29,7 +29,7 @@ export const chartVariants = tv({
         /** Donut center primary label. */
         centerLabel: ['fill-text-primary text-sm font-medium tabular-nums'],
         /** Donut center secondary label. */
-        centerSubLabel: ['fill-text-tertiary text-[10px]'],
+        centerSubLabel: ['fill-text-tertiary text-3xs'],
         /** Legend container (HTML). */
         legend: ['mt-2 flex flex-wrap items-center gap-x-4 gap-y-1.5', 'text-text-secondary text-xs'],
         /** One legend entry. */

package/dist/internal/date-grid/DateGridScaffold.svelte

@@ -142,8 +142,15 @@
   style="position: relative; overflow: hidden;"
   onmouseleave={() => ctx.setHoveredDate(null)}
   {@attach swipeable({
-    onSwipeLeft: () => ctx.navigate(1),
-    onSwipeRight: () => ctx.navigate(-1),
+    // Direction-gated like the header arrows: a swipe at the bound should be
+    // inert (no navDirection flip, no clamped no-op emit), matching the
+    // disabled arrow button for the same direction.
+    onSwipeLeft: () => {
+      if (ctx.canGoForward) ctx.navigate(1);
+    },
+    onSwipeRight: () => {
+      if (ctx.canGoBack) ctx.navigate(-1);
+    },
     enabled: swipeEnabled && !ctx.disabled
   })}
 >

package/dist/internal/date-grid/date-grid.svelte.d.ts

@@ -106,8 +106,10 @@ export declare class DateGridController {
     isRangeEnd(date: Date): boolean;
     isInSelectedRange(date: Date): boolean;
     isInPreviewRange(date: Date): boolean;
-    /** Step the view by `delta` units (months / weeks / days; range shifts by its
-     * own span in weeks). Emits the next reference date and visible range. */
+    /** Step the view by `delta` units (months / weeks / days; range slides its
+     * window by its own span in days). Every path clamps to [minDate, maxDate];
+     * the range window clamps span-preserving. Emits the next reference date and
+     * range (visible cell range, or the shifted window for `range`). */
     navigate(delta: number): void;
     /** Jump to today and focus it. Clamped to `[minDate, maxDate]`: the header Today
      * button gates itself on {@link canGoToToday} (a clamped "today" is not today, so

package/dist/internal/date-grid/date-grid.svelte.js

@@ -116,7 +116,18 @@ export class DateGridController {
             const { canGoBack, canGoForward } = clampMonth(referenceDate.getMonth(), referenceDate.getFullYear(), minDate, maxDate);
             return { canGoBack, canGoForward };
         }
-        // week/day/range: day-granular bounds against the visible edges.
+        if (view === 'range') {
+            // Range navigation slides the *explicit* window (partial shifts allowed —
+            // see the span-preserving clamp in navigate()), so gate on the window
+            // edges, not the week-padded visible cells: the padding may spill past a
+            // bound while the window itself can still move.
+            const { start, end } = this.#orderedRange(referenceDate);
+            return {
+                canGoBack: !minDate || start.getTime() > stripTime(minDate).getTime(),
+                canGoForward: !maxDate || end.getTime() < stripTime(maxDate).getTime()
+            };
+        }
+        // week/day: day-granular bounds against the visible edges.
         const canGoBack = !minDate || stripTime(this.rangeStart) > stripTime(minDate);
         const canGoForward = !maxDate || stripTime(this.rangeEnd) < stripTime(maxDate);
         return { canGoBack, canGoForward };
@@ -232,24 +243,38 @@ export class DateGridController {
         return isInRange(date, range.start, this.hoveredDate) && !isSameDay(date, range.start);
     }
     // ─── Actions ─────────────────────────────────────────────────────────────
-    /** Step the view by `delta` units (months / weeks / days; range shifts by its
-     * own span in weeks). Emits the next reference date and visible range. */
+    /** Step the view by `delta` units (months / weeks / days; range slides its
+     * window by its own span in days). Every path clamps to [minDate, maxDate];
+     * the range window clamps span-preserving. Emits the next reference date and
+     * range (visible cell range, or the shifted window for `range`). */
     navigate(delta) {
         if (delta === 0)
             return;
         const { view, referenceDate, minDate, maxDate } = this.#opts;
-        this.navDirection = delta > 0 ? 'forward' : 'backward';
         if (view === 'range') {
             // The range geometry follows the explicit rangeStart/rangeEnd inputs, not
             // referenceDate, so navigation shifts that window by its own span and emits
-            // the shifted range — the wrapper rebinds rangeStart/rangeEnd from it.
+            // the shifted range — the wrapper rebinds rangeStart/rangeEnd from it. It
+            // deliberately bypasses #emitNavigate: that would emit the week-padded
+            // *visible* range, and a wrapper rebinding rangeStart/rangeEnd from it
+            // would silently grow a mid-week window to full weeks on every step.
+            // The shift is clamped span-preserving (see #clampWindowStart), so a swipe
+            // — not gated by canGoBack/canGoForward the way the header arrows are —
+            // cannot push the window past [minDate, maxDate]. A shift that cannot move
+            // at all (already at the bound) emits nothing: unlike week/day, a no-op
+            // emit here would rebind rangeStart/rangeEnd to fresh Date objects and
+            // fire the consumer's onNavigate with an unchanged window.
             const { start, end } = this.#orderedRange(referenceDate);
             const spanDays = daysBetween(start, end) + 1;
-            const shiftedStart = addDays(start, delta * spanDays);
-            const shiftedEnd = addDays(end, delta * spanDays);
+            const shiftedStart = this.#clampWindowStart(addDays(start, delta * spanDays), spanDays);
+            if (shiftedStart.getTime() === start.getTime())
+                return;
+            this.navDirection = shiftedStart.getTime() > start.getTime() ? 'forward' : 'backward';
+            const shiftedEnd = addDays(shiftedStart, spanDays - 1);
             this.#opts.onNavigate?.(shiftedStart, { start: shiftedStart, end: shiftedEnd });
             return;
         }
+        this.navDirection = delta > 0 ? 'forward' : 'backward';
         let next;
         switch (view) {
             case 'month': {
@@ -368,6 +393,37 @@ export class DateGridController {
         const re = stripTime(this.#opts.rangeEnd ?? reference);
         return rs.getTime() <= re.getTime() ? { start: rs, end: re } : { start: re, end: rs };
     }
+    /** Span-preserving sliding-window clamp for range navigation. A window of
+     * `spanDays` days starting at `idealStart` must lie inside [minDate, maxDate]
+     * as a whole: the earliest allowed start is minDate, the latest is
+     * `maxDate − (spanDays − 1)` (inclusive bounds — the window's last day is
+     * `start + spanDays − 1` and must not pass maxDate). Clamping only the start
+     * against maxDate would collapse the span; this keeps it exact, allowing
+     * partial shifts up to the bound. Degenerate case — the span is longer than
+     * the navigable interval, so no start satisfies both bounds — pins the window
+     * to minDate (its tail spills past maxDate; matches clampDate's minDate-wins
+     * ordering) and warns in DEV instead of crashing, mirroring the inverted-
+     * bounds warning in the constructor. */
+    #clampWindowStart(idealStart, spanDays) {
+        const { minDate, maxDate } = this.#opts;
+        const earliest = minDate ? stripTime(minDate) : undefined;
+        const latest = maxDate ? addDays(stripTime(maxDate), -(spanDays - 1)) : undefined;
+        if (earliest && latest && earliest.getTime() > latest.getTime()) {
+            if (import.meta.env?.DEV) {
+                console.warn(`[DateGrid] a ${spanDays}-day range window cannot fit between minDate ` +
+                    `(${minDate?.toLocaleDateString()}) and maxDate (${maxDate?.toLocaleDateString()}) ` +
+                    `— pinning the window to minDate; its tail spills past maxDate. ` +
+                    `Widen the bounds or shorten the window.`);
+            }
+            return earliest;
+        }
+        let next = idealStart;
+        if (latest && next.getTime() > latest.getTime())
+            next = latest;
+        if (earliest && next.getTime() < earliest.getTime())
+            next = earliest;
+        return next;
+    }
     /** Pure cell geometry for an arbitrary reference date (no side effects). */
     #cellsFor(reference) {
         const wso = this.#opts.weekStartsOn;

package/dist/primitives/Alert/alert.variants.d.ts

@@ -1,53 +1,53 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const alertVariants: ((props?: {
-    intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+    intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
     variant?: "inline" | "filled" | "soft" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined) => {
     base: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     icon: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     content: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     title: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     description: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     actions: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     dismissButton: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {

package/dist/primitives/Alert/alert.variants.js

@@ -154,7 +154,7 @@ export const alertVariants = tv({
         {
             intent: 'warning',
             variant: 'filled',
-            class: { base: 'bg-warning text-text-on-surface', dismissButton: 'text-text-on-surface' }
+            class: { base: 'bg-warning text-text-on-warning', dismissButton: 'text-text-on-warning' }
         },
         {
             intent: 'danger',