@urbicon-ui/blocks 6.1.4 → 6.1.6

package/dist/components/Calendar/Calendar.svelte

@@ -10,7 +10,8 @@
     toIso,
     stripTime,
     addDays,
-    clampMonth
+    clampMonth,
+    daysInMonth
   } from '../../date';
   import { DateGridController } from '../../internal/date-grid';
   import type { DateGridSelection, DateGridView } from '../../internal/date-grid';
@@ -43,6 +44,7 @@
     // Selection
     selectionMode = 'single',
     value = $bindable(undefined),
+    defaultDate,
     defaultMonth,
     defaultYear,
     // Locale
@@ -130,8 +132,12 @@
   // --- Reference date: the single anchor the grid is built around ---
   // Priority:
   //   1. the first selected date — a populated picker opens on its selection
-  //   2. `defaultMonth` / `defaultYear` — fallback when no value
-  //   3. today
+  //   2. `defaultDate` — an explicit day anchor (the only one that anchors a
+  //      week/day view on a specific week without also selecting that day)
+  //   3. `defaultMonth` / `defaultYear` — month/year anchor (resolves to the 1st;
+  //      fine for month/year views, but a week/day view then opens on the 1st's
+  //      week, which can fall mostly in the prior month — use `defaultDate` there)
+  //   4. today
   // Read at mount time only; the user navigates freely afterwards. Remount (e.g.
   // via DatePicker's popover open/close) to re-anchor on the current selection.
   function firstDateOf(v: CalendarProps['value']): Date | undefined {
@@ -142,16 +148,19 @@
   }
   function resolveInitialReference(
     v: CalendarProps['value'],
+    date: Date | undefined,
     month: number | undefined,
     year: number | undefined
   ): Date {
-    const anchor = firstDateOf(v);
+    const anchor = firstDateOf(v) ?? date;
     if (anchor) return stripTime(anchor);
     const today = stripTime(new Date());
     if (month == null && year == null) return today;
     return new Date(year ?? today.getFullYear(), month ?? today.getMonth(), 1);
   }
-  let referenceDate = $state(resolveInitialReference(value, defaultMonth, defaultYear));
+  let referenceDate = $state(
+    resolveInitialReference(value, defaultDate, defaultMonth, defaultYear)
+  );
 
   // The month/year derived from the single reference date.
   const displayedMonth = $derived(referenceDate.getMonth());
@@ -373,7 +382,15 @@
     const targetMonth = ((total % 12) + 12) % 12;
     const clamped = clampMonth(targetMonth, targetYear, minDate, maxDate);
     controller.navDirection = delta > 0 ? 'forward' : 'backward';
-    referenceDate = new Date(clamped.year, clamped.month, 1);
+    // Preserve the day-of-month (clamped) so a later switch to week/day view
+    // anchors on a real in-month day, not the 1st's (possibly prior-month) week.
+    const day = Math.min(referenceDate.getDate(), daysInMonth(clamped.year, clamped.month));
+    let next = new Date(clamped.year, clamped.month, day);
+    // clampMonth bounds the month; clamp the day too so it never lands before
+    // minDate / after maxDate within that boundary month.
+    if (minDate && next < stripTime(minDate)) next = stripTime(minDate);
+    if (maxDate && next > stripTime(maxDate)) next = stripTime(maxDate);
+    referenceDate = next;
     onMonthChange?.(clamped.month, clamped.year);
   }
 
@@ -391,8 +408,10 @@
 
   function navigateYear(delta: number) {
     controller.navDirection = delta > 0 ? 'forward' : 'backward';
-    referenceDate = new Date(displayedYear + delta, displayedMonth, 1);
-    onMonthChange?.(displayedMonth, displayedYear + delta);
+    const targetYear = displayedYear + delta;
+    const day = Math.min(referenceDate.getDate(), daysInMonth(targetYear, displayedMonth));
+    referenceDate = new Date(targetYear, displayedMonth, day);
+    onMonthChange?.(displayedMonth, targetYear);
   }
 
   function goToToday() {
@@ -400,7 +419,8 @@
   }
 
   function goToMonth(month: number, year: number) {
-    referenceDate = new Date(year, month, 1);
+    const day = Math.min(referenceDate.getDate(), daysInMonth(year, month));
+    referenceDate = new Date(year, month, day);
   }
 
   function setView(v: CalendarViewMode) {

package/dist/components/Calendar/index.d.ts

@@ -5,10 +5,13 @@ import type { CalendarEvent, CalendarEventCategory, CalendarSelection, CalendarV
 import type { CalendarVariants } from './calendar.variants';
 export type CalendarSlotName = 'base' | 'header' | 'title' | 'nav' | 'navButton' | 'grid' | 'weekdayHeader' | 'weekday' | 'weekRow' | 'weekNumber' | 'day' | 'dayNumber' | 'dotContainer' | 'dot' | 'list' | 'dateHeader' | 'empty' | 'item' | 'colorBar' | 'eventTitle' | 'eventDescription' | 'eventHelper' | 'legend' | 'legendItem' | 'legendDot' | 'legendLabel' | 'yearGrid' | 'yearMonth' | 'yearMonthTitle' | 'yearMiniDay' | 'yearMiniDot' | 'weekGrid' | 'weekColumn' | 'weekColumnHeader' | 'weekColumnDayName' | 'weekColumnDayNumber' | 'weekEventList' | 'weekAllDayEvent' | 'multiDayBar' | 'multiDayBarContainer' | 'agendaView' | 'agendaDayGroup' | 'agendaDayHeader' | 'agendaEventList' | 'dayView' | 'dayViewHeader' | 'dayEventList' | 'timeGrid' | 'timeLabel' | 'timeSlotRow' | 'timeDayColumn' | 'timeEvent' | 'allDayArea' | 'currentTimeLine' | 'weekTimeLayout' | 'eventPopover' | 'eventPopoverItem' | 'miniCalendar' | 'miniCalendarHeader' | 'miniCalendarTitle' | 'miniCalendarNavButton' | 'miniCalendarWeekday' | 'miniCalendarDay';
 /**
- * @description Flexible calendar component with month, year, week, and day views,
- * event display, date selection, and configurable layout.
+ * @description Flexible calendar component with month, year, week, and day views.
+ * Renders timed appointments, multi-day spans and recurrence on a time grid, with
+ * event display, date selection and configurable layout. For a headless grid that
+ * buckets your own domain content (meals, shifts, bookings) per day, use `Planner`.
  *
  * @tag display
+ * @related Planner
  * @related DatePicker
  * @related DateRangePicker
  *
@@ -53,8 +56,17 @@ export interface CalendarProps extends Omit<CalendarVariants, 'dayState' | 'hasE
     /** Currently selected date(s). Supports bind:value. */
     value?: CalendarSelection;
     /**
-     * Initial displayed month (0–11). Used only when `value` is unset;
-     * when `value` is provided, the calendar opens on the value's month.
+     * Initial reference day the grid is anchored on, without selecting it. Use
+     * this to open a **week** or **day** view on a specific week — `defaultMonth`/
+     * `defaultYear` resolve to the 1st, whose week can fall mostly in the previous
+     * month. Ignored when `value` is set (the selection anchors instead); takes
+     * priority over `defaultMonth`/`defaultYear`. Read at mount only.
+     */
+    defaultDate?: Date;
+    /**
+     * Initial displayed month (0–11). Used only when `value` and `defaultDate`
+     * are unset; when `value` is provided, the calendar opens on the value's
+     * month. Best for month/year views — for week/day views prefer `defaultDate`.
      * Defaults to current month.
      */
     defaultMonth?: number;

package/dist/components/ChartFrame/index.d.ts

@@ -12,6 +12,16 @@ import type { ChartMargin, ChartPlot, ChartSlotClasses } from '../../internal/ch
  * @related BarChart
  * @related Sankey
  * @stability beta
+ *
+ * @example
+ * ```svelte
+ * <ChartFrame height={200} ariaLabel="Weekly revenue">
+ *   {#snippet children({ innerWidth, innerHeight })}
+ *     <!-- map your data onto innerWidth / innerHeight, then draw SVG marks -->
+ *     <polyline points={pts} fill="none" class="stroke-primary" stroke-width="2" />
+ *   {/snippet}
+ * </ChartFrame>
+ * ```
  */
 export interface ChartFrameProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
     /** Fixed SVG height in px. @default 240 */

package/dist/date/geometry.d.ts

@@ -37,6 +37,11 @@ export declare function getYearMonths(year: number): {
     month: number;
     year: number;
 }[];
+/**
+ * Number of days in a month, leap years included. `month` is 0-based
+ * (0 = January). Day 0 of the next month is the last day of this one.
+ */
+export declare function daysInMonth(year: number, month: number): number;
 /**
  * Clamp a month/year to optional min/max date boundaries.
  * Returns the (possibly adjusted) month/year plus flags for whether navigating

package/dist/date/geometry.js

@@ -77,6 +77,13 @@ export function getWeekNumber(date) {
 export function getYearMonths(year) {
     return Array.from({ length: 12 }, (_, i) => ({ month: i, year }));
 }
+/**
+ * Number of days in a month, leap years included. `month` is 0-based
+ * (0 = January). Day 0 of the next month is the last day of this one.
+ */
+export function daysInMonth(year, month) {
+    return new Date(year, month + 1, 0).getDate();
+}
 /**
  * Clamp a month/year to optional min/max date boundaries.
  * Returns the (possibly adjusted) month/year plus flags for whether navigating

package/dist/date/index.d.ts

@@ -14,5 +14,5 @@
  */
 export { daysBetween, isInMonth, isInRange, isSameDay, isWeekend, stripTime } from './compare';
 export { formatDate, formatDateFull, formatDateRange, formatDayTitle, formatMonthShort, formatMonthYear, formatWeekRange, formatWeekTitle, getWeekdayNames } from './format';
-export { clampMonth, getMonthGrid, getWeekDates, getWeekNumber, getYearMonths } from './geometry';
+export { clampMonth, daysInMonth, getMonthGrid, getWeekDates, getWeekNumber, getYearMonths } from './geometry';
 export { addDays, eachDayOfRange, endOfWeek, isoToDate, startOfWeek, toIso } from './range';

package/dist/date/index.js

@@ -14,5 +14,5 @@
  */
 export { daysBetween, isInMonth, isInRange, isSameDay, isWeekend, stripTime } from './compare';
 export { formatDate, formatDateFull, formatDateRange, formatDayTitle, formatMonthShort, formatMonthYear, formatWeekRange, formatWeekTitle, getWeekdayNames } from './format';
-export { clampMonth, getMonthGrid, getWeekDates, getWeekNumber, getYearMonths } from './geometry';
+export { clampMonth, daysInMonth, getMonthGrid, getWeekDates, getWeekNumber, getYearMonths } from './geometry';
 export { addDays, eachDayOfRange, endOfWeek, isoToDate, startOfWeek, toIso } from './range';

package/dist/i18n/index.d.ts

@@ -337,174 +337,7 @@ declare const blocksTranslations: {
         };
     };
 };
-export declare const blocksI18n: import("@urbicon-ui/i18n").PackageI18n<{
-    readonly accessibility: {
-        readonly avatar: "Avatar";
-        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 removableBadge: "Removable badge";
-        readonly removeBadge: "Remove badge";
-        readonly removeFile: "Remove {{name}}";
-    };
-    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 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 dayView: "Day view";
-        readonly monthView: "Month 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 weekNumber: "Week number";
-        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 datepicker: {
-        readonly placeholder: "Select a date...";
-        readonly rangePlaceholder: "Select a date range...";
-        readonly clear: "Clear selection";
-        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 time: {
-        readonly ago: "{{value}} {{unit}} ago";
-        readonly now: "now";
-    };
-}>;
+export declare const blocksI18n: import("@urbicon-ui/i18n").PackageI18n<import("@urbicon-ui/i18n").Translations>;
 /**
  * Context-scoped translation hook for the blocks package. Call during component
  * initialisation, then use the returned `t` (conventionally aliased `bt`):
@@ -517,174 +350,7 @@ export declare const blocksI18n: import("@urbicon-ui/i18n").PackageI18n<{
  * 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: () => import("@urbicon-ui/i18n").TypedTranslationFunction<{
-    readonly accessibility: {
-        readonly avatar: "Avatar";
-        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 removableBadge: "Removable badge";
-        readonly removeBadge: "Remove badge";
-        readonly removeFile: "Remove {{name}}";
-    };
-    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 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 dayView: "Day view";
-        readonly monthView: "Month 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 weekNumber: "Week number";
-        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 datepicker: {
-        readonly placeholder: "Select a date...";
-        readonly rangePlaceholder: "Select a date range...";
-        readonly clear: "Clear selection";
-        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 time: {
-        readonly ago: "{{value}} {{unit}} ago";
-        readonly now: "now";
-    };
-}>;
+export declare const useBlocksI18n: any;
 export declare const hasBlocksTranslation: (key: string) => boolean, getBlocksLocales: () => import("@urbicon-ui/i18n").Locale[];
 export type BlocksTranslationKey = keyof typeof enTranslations;
 export { blocksTranslations };

package/dist/icons/svg/area-chart.svg

@@ -1,6 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M4 4v16h16" />
-  <path d="M7.5 14l3.5-4 3 2.5L20 6.5" />
-  <path d="M11 10v10" />
-  <path d="M14 12.5v7.5" />
+  <path d="M5 4v14.5h15" />
+  <path d="M8 18.5v-4l3-3.5 3 2.5 4-6V18.5z" />
 </svg>

package/dist/icons/svg/bike.svg

@@ -1,8 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
   <circle cx="5.5" cy="16" r="3.5" />
   <circle cx="18.5" cy="16" r="3.5" />
-  <path d="M5.5 16l3.5-7h5.5l4 7" />
-  <path d="M9 9l5.5 7" />
-  <path d="M8 9h2.5" />
-  <path d="M13.5 8.5h2.5" />
+  <path d="M5.5 16L8 9l1.5 7" />
+  <path d="M8 9h6.5l4 7" />
+  <path d="M9.5 16L14.5 9" />
+  <path d="M6.5 9h3" />
+  <path d="M14.5 9l2-1" />
 </svg>

package/dist/icons/svg/car.svg

@@ -1,8 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M2.5 15.5v-3l2-1 2-3.5h8l2.5 3.5 2.5 1v3" />
-  <path d="M2.5 15.5h2.5" />
-  <path d="M10.5 15.5h6" />
-  <path d="M6 11.5h10.5" />
-  <circle cx="7.5" cy="15.5" r="2" />
-  <circle cx="16" cy="15.5" r="2" />
+  <path d="M3 14.5l1-3.5h2.5l2-3h5l2 3h2.5l1 3.5" />
+  <path d="M3 15.5h2a2 2 0 0 0 4 0h4a2 2 0 0 0 4 0h2" />
+  <path d="M3 14.5v1" />
+  <path d="M19 14.5v1" />
+  <circle cx="7" cy="15.5" r="2" />
+  <circle cx="15" cy="15.5" r="2" />
 </svg>

package/dist/icons/svg/cloud-sun.svg

@@ -1,8 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="8" cy="7.5" r="2.5" />
+  <circle cx="8" cy="7" r="2.5" />
   <path d="M8 2v1.5" />
-  <path d="M3.5 7.5H2" />
-  <path d="M4.5 4l1 1" />
-  <path d="M12 4l-1 1" />
-  <path d="M8.5 13.5A5 5 0 1 1 17 9h.5a4 4 0 0 1 0 8h-7a4 4 0 0 1-2-3.5z" />
+  <path d="M3 7h1.5" />
+  <path d="M4.5 3.5l1 1" />
+  <path d="M11.5 3.5l-1 1" />
+  <path d="M10 18h7.5a3 3 0 0 0 .3-6 4.5 4.5 0 0 0-8.5-1.3A3.2 3.2 0 0 0 10 18z" />
 </svg>

package/dist/icons/svg/corner-up-left.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M18 19h-6a3 3 0 0 1-3-3V10" />
-  <path d="M12 13l-3-3 3-3" />
+  <path d="M18 19v-6a3 3 0 0 0-3-3H5.5" />
+  <path d="M9.5 6L5.5 10l4 4" />
 </svg>

package/dist/icons/svg/fingerprint.svg

@@ -1,6 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M4 13.5a8 8 0 0 1 16 0" />
-  <path d="M7 13.5a5 5 0 0 1 10 0" />
-  <path d="M10 13.5a2 2 0 0 1 4 0" />
-  <path d="M12 11.5v6" />
+  <path d="M3.5 13.5a8.5 8.5 0 0 1 17 0" />
+  <path d="M3.5 13.5v3" />
+  <path d="M20.5 13.5v3" />
+  <path d="M6.5 13.5a5.5 5.5 0 0 1 11 0v4.5" />
+  <path d="M9.5 13.5a2.5 2.5 0 0 1 5 0v6" />
+  <path d="M8 17v1" />
 </svg>

package/dist/icons/svg/hammer.svg

@@ -1,5 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="4" y="4.5" width="11" height="5" rx="0.5" />
-  <path d="M8 9.5v1.5a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V9.5" />
-  <path d="M9.5 12V14L17 21.5" />
+  <path d="M12.079242 3.1956944 20.280747 11.3972c0.195868 0.195868 0.195868 0.511238 0 0.707107l-2.828427 2.828427c-0.195869 0.195868-0.511238 0.195868-0.707107 0L11.249076 9.436597c0 0 0.641245-1.4193327 0.351653-2.2323806C11.299964 6.3597986 9.604511 4.999491 9.604511 4.999491l1.767624-1.8037966c0.193874-0.1978419 0.511238-0.1958685 0.707107 0z" />
+  <path d="M13.294631 11.482152 5.7224874 19.254447" />
 </svg>

package/dist/icons/svg/hand-coins.svg

@@ -1,6 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="9" cy="6" r="3.5" />
-  <circle cx="16.5" cy="8" r="2.5" />
-  <path d="M2.5 16.5l3-2 3.5 1.5h3a1.5 1.5 0 0 0 0-3H8.5" />
-  <path d="M2.5 21l3.5-2 4 1.5 5-2 6-3" />
+  <circle cx="16" cy="5" r="2" />
+  <circle cx="16" cy="12" r="2" />
+  <path d="M11.16 14.91 8.03 12.55H1.88l9.42 7.51h6l3.59-2.84v-2" />
 </svg>

package/dist/icons/svg/hard-hat.svg

@@ -1,5 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M5 14.5a7 7 0 0 1 14 0" />
-  <path d="M3 14.5h18v1.5a1.5 1.5 0 0 1-1.5 1.5H4.5A1.5 1.5 0 0 1 3 16v-1.5z" />
-  <path d="M9 14V9.5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1V14" />
+  <path d="M4.5 14a7.5 7 0 0 1 15 0" />
+  <path d="M2.5 14h19a2 2 0 0 1-2 2H4.5a2 2 0 0 1-2-2z" />
+  <path d="M12 7v2.5" />
+  <path d="M8.5 9.5l.5-2" />
+  <path d="M15.5 9.5l-.5-2" />
 </svg>

package/dist/icons/svg/mail-open.svg

@@ -1,5 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M2.5 10.5L12 4l9.5 6.5V19a2 2 0 0 1-2 2h-15a2 2 0 0 1-2-2z" />
-  <path d="M2.5 10.5L12 16l9.5-5.5" />
-  <path d="M7.5 9V5.5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1V9" />
+  <path d="M3 10.5L12 4l9 6.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+  <path d="M3 10.5l9 6 9-6" />
 </svg>

package/dist/icons/svg/piggy-bank.svg

@@ -1,8 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M13.5 6.5c3.6.5 6.5 3.2 6.5 6.5 0 1.7-.8 3.2-2 4.3V20h-3v-1.5h-4V20h-3v-1.7c-1.85-1.1-3-2.85-3-4.8 0-3.3 2.9-6 6.5-6z" />
-  <path d="M5 11.5C3.4 11.3 3 9 3 9c1.7.2 2.6 1.2 2.9 2" />
-  <path d="M11 6.7A3.5 3.5 0 0 1 14 3.5" />
-  <path d="M10 7.5h4" />
-  <path d="M16.5 11h.01" />
-  <path d="M20 13.5h1.5" />
+  <ellipse cx="11" cy="12" rx="6.5" ry="5.5" />
+  <circle cx="18" cy="12.5" r="1.5" />
+  <path d="M15.3 7.65V5.39l-2.01 1.23" />
+  <path d="M11 9.15V6.39" />
+  <path d="M14.29 10.39h.01" />
+  <path d="M7.62 17.39v1.5" />
+  <path d="M14.62 17.39v1.5" />
 </svg>

package/dist/icons/svg/recycle.svg

@@ -1,8 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M9 6.5L12 3l3 3.5" />
-  <path d="M12 3.5a9 9 0 0 1 7.8 4.5" />
-  <path d="M20 13.5l1.5-4.5-4.5-0.5" />
-  <path d="M20.8 9a9 9 0 0 1-3.8 11.5" />
-  <path d="M9 19l-4.5 1 1.5-4.5" />
-  <path d="M5 20.5A9 9 0 0 1 4 8" />
+  <path d="M14.35 4.53L19.16 12.81" />
+  <path d="M19.98 9.74L19.16 12.81 16.08 11.99" />
+  <path d="M4.02 12.81L8.83 4.53" />
+  <path d="M5.74 5.35L8.83 4.53 9.65 7.6" />
+  <path d="M16.17 17.23L6.57 17.23" />
+  <path d="M8.83 14.98L6.57 17.23 8.83 19.47" />
 </svg>

package/dist/icons/svg/snowflake.svg

@@ -1,9 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="12" y1="2.5" x2="12" y2="21.5" />
-  <path d="M3.75 7.25L20.25 16.75" />
-  <path d="M20.25 7.25L3.75 16.75" />
-  <path d="M9.5 5l2.5 2 2.5-2" />
-  <path d="M9.5 19l2.5-2 2.5 2" />
-  <path d="M5 9.5l.75 2.5L5 14.5" />
-  <path d="M19 9.5l-.75 2.5.75 2.5" />
+  <g transform="rotate(0 12 12)"><path d="M12 12V3.5" /><path d="M12 6.5l-2-1.8" /><path d="M12 6.5l2-1.8" /></g>
+  <g transform="rotate(60 12 12)"><path d="M12 12V3.5" /><path d="M12 6.5l-2-1.8" /><path d="M12 6.5l2-1.8" /></g>
+  <g transform="rotate(120 12 12)"><path d="M12 12V3.5" /><path d="M12 6.5l-2-1.8" /><path d="M12 6.5l2-1.8" /></g>
+  <g transform="rotate(180 12 12)"><path d="M12 12V3.5" /><path d="M12 6.5l-2-1.8" /><path d="M12 6.5l2-1.8" /></g>
+  <g transform="rotate(240 12 12)"><path d="M12 12V3.5" /><path d="M12 6.5l-2-1.8" /><path d="M12 6.5l2-1.8" /></g>
+  <g transform="rotate(300 12 12)"><path d="M12 12V3.5" /><path d="M12 6.5l-2-1.8" /><path d="M12 6.5l2-1.8" /></g>
 </svg>

package/dist/icons/svg/strikethrough.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M5 12h14" />
-  <path d="M16 7.5a4 4 0 0 0-4-3 4 4 0 0 0-3.5 3" />
-  <path d="M8 16.5a4 4 0 0 0 4 3 4 4 0 0 0 3.5-3" />
+  <path d="M4.5 12h15" />
+  <path d="M16 8a4 4 0 0 0-4-3.5h-1.5A3 3 0 0 0 8 9" />
+  <path d="M8 16a4 4 0 0 0 4 3.5h1.5A3 3 0 0 0 16 15" />
 </svg>

package/dist/icons/svg/sun-snow.svg

@@ -1,12 +1,12 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="6.5" cy="6.5" r="3" />
-  <path d="M6.5 1.5v1.5" />
-  <path d="M6.5 10v1.5" />
-  <path d="M1.5 6.5h1.5" />
-  <path d="M10 6.5h1.5" />
-  <path d="M2.95 2.95l1.05 1.05" />
-  <path d="M9 9l1.05 1.05" />
-  <line x1="17" y1="12.5" x2="17" y2="22.5" />
-  <line x1="12.5" y1="15" x2="21.5" y2="20" />
-  <line x1="21.5" y1="15" x2="12.5" y2="20" />
+  <circle cx="7" cy="7" r="2.5" />
+  <path d="M7 3.5V1.5" />
+  <path d="M7 10.5v2" />
+  <path d="M3.5 7H1.5" />
+  <path d="M10.5 7h2" />
+  <path d="M4.3 4.3 3 3" />
+  <path d="M9.7 4.3 11 3" />
+  <path d="M16.5 11.5v9" />
+  <path d="M12.7 13.8 20.3 18.2" />
+  <path d="M20.3 13.8 12.7 18.2" />
 </svg>

package/dist/icons/svg/unlink.svg

@@ -1,8 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M9.5 7l1.5-1.5a4.5 4.5 0 0 1 6.4 6.4L16 13.5" />
-  <path d="M14.5 17l-1.5 1.5a4.5 4.5 0 0 1-6.4-6.4L8 10.5" />
-  <path d="M19 4.5v2.5" />
-  <path d="M16.5 9.5H19" />
-  <path d="M5 19.5v-2.5" />
-  <path d="M7.5 14.5H5" />
+  <path d="M13 11l2-2a4 4 0 1 0-5.5-5.5l-2 2" />
+  <path d="M11 13l-2 2a4 4 0 1 0 5.5 5.5l2-2" />
+  <path d="M16 5.5h3.5" />
+  <path d="M18.5 8V4.5" />
+  <path d="M8 18.5H4.5" />
+  <path d="M5.5 16v3.5" />
 </svg>

package/dist/icons/svg/wrench.svg

@@ -1,4 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M14.5 3.5a5.5 5.5 0 0 0-4 7.5L4 17.5a2.5 2.5 0 1 0 3.5 3.5l6.5-6.5a5.5 5.5 0 0 0 7.5-4" />
-  <path d="M17 3.5L14 6.5" />
+  <path d="M15 6.5a1.5 1.5 0 0 0 0 2l1 1a1.5 1.5 0 0 0 2 0l3.5-3.5a6 6 0 0 1-8 8l-6.5 6.5a2 2 0 0 1-3-3l6.5-6.5a6 6 0 0 1 8-8z" />
 </svg>

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

@@ -13,7 +13,7 @@
  * the source of truth (`bind:value`). Only `focusedDate`, `hoveredDate` and
  * `navDirection` are controller-owned `$state`.
  */
-import { addDays, clampMonth, daysBetween, endOfWeek, formatDateRange, formatDayTitle, formatMonthYear, formatWeekTitle, getMonthGrid, getWeekDates, getWeekdayNames, getWeekNumber, isInMonth, isInRange, isSameDay, isWeekend, startOfWeek, stripTime, toIso } from '../../date';
+import { addDays, clampMonth, daysBetween, daysInMonth, endOfWeek, formatDateRange, formatDayTitle, formatMonthYear, formatWeekTitle, getMonthGrid, getWeekDates, getWeekdayNames, getWeekNumber, isInMonth, isInRange, isSameDay, isWeekend, startOfWeek, stripTime, toIso } from '../../date';
 export class DateGridController {
     #opts;
     /** The roving keyboard focus target (local midnight). Controller-owned. */
@@ -228,7 +228,21 @@ export class DateGridController {
                 const targetYear = Math.floor(total / 12);
                 const targetMonth = ((total % 12) + 12) % 12;
                 const clamped = clampMonth(targetMonth, targetYear, minDate, maxDate);
-                next = new Date(clamped.year, clamped.month, 1);
+                // Preserve the day-of-month (clamped to the target month's length, e.g.
+                // 31 Jan → 28 Feb) rather than snapping to the 1st. Month view ignores the
+                // day, but a week/day view sharing this reference then anchors on a real
+                // in-month day — anchoring on the 1st can land its week mostly in the prior
+                // month (1 Mar 2026 is a Sunday → its Monday-week is 23 Feb–1 Mar). Matches
+                // the keyboard PageUp/PageDown month step, which already clamps the day.
+                const day = Math.min(referenceDate.getDate(), daysInMonth(clamped.year, clamped.month));
+                next = new Date(clamped.year, clamped.month, day);
+                // clampMonth bounds the month; clamp the preserved day too so it never lands
+                // before minDate / after maxDate within that boundary month (a week view
+                // would otherwise open on an all-disabled week just outside the range).
+                if (minDate && next < stripTime(minDate))
+                    next = stripTime(minDate);
+                if (maxDate && next > stripTime(maxDate))
+                    next = stripTime(maxDate);
                 break;
             }
             case 'week':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbicon-ui/blocks",
-  "version": "6.1.4",
+  "version": "6.1.6",
   "description": "Svelte 5 UI component library with Tailwind CSS 4, OKLCH design tokens and zero runtime dependencies",
   "license": "MIT",
   "repository": {
@@ -90,8 +90,8 @@
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@tailwindcss/vite": "^4.3.1",
-    "@urbicon-ui/i18n": "6.1.4",
-    "@urbicon-ui/shared-types": "6.1.4",
+    "@urbicon-ui/i18n": "6.1.6",
+    "@urbicon-ui/shared-types": "6.1.6",
     "prettier": "^3.8.4",
     "prettier-plugin-svelte": "^4.1.1",
     "prettier-plugin-tailwindcss": "^0.8.0",