@breadstone/mosaik-elements-svelte 0.0.288 → 0.0.289

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.0.289 (2026-05-24)
+
+### 🚀 Features
+
+- **database:** add TypedDatabase for type-safe Prisma client and services ([4c40f5dffb](https://github.com/RueDeRennes/mosaik/commit/4c40f5dffb))
+
 ## 0.0.288 (2026-05-22)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -75610,18 +75610,25 @@ function VL() {
   --calendar-item-font-weight: var(--cosmopolitan-typography-content-font-weight);
   --calendar-item-foreground-color: var(--cosmopolitan-scheme-foreground);
   --calendar-item-gap: 4px;
+  --calendar-item-marker-gap: 2px;
+  --calendar-item-marker-offset-bottom: 4px;
+  --calendar-item-marker-overflow-font-size: 8px;
+  --calendar-item-min-height: 48px;
   --calendar-item-padding-bottom: var(--cosmopolitan-layout-space);
   --calendar-item-padding-left: 12px;
   --calendar-item-padding-right: 12px;
   --calendar-item-padding-top: var(--cosmopolitan-layout-space);
   --calendar-item-ripple-color: unset;
   --calendar-item-ripple-duration: .2s;
+  --calendar-item-selection-background-color: var(--cosmopolitan-scheme-selection);
   --calendar-item-shadow: var(--cosmopolitan-elevation-light-offset-x-0) var(--cosmopolitan-elevation-light-offset-y-0) var(--cosmopolitan-elevation-light-blur-0) var(--cosmopolitan-elevation-light-spread-0) var(--cosmopolitan-elevation-light-color-0);
   --calendar-item-shadow-blur: var(--cosmopolitan-elevation-light-blur-0);
   --calendar-item-shadow-color: var(--cosmopolitan-elevation-light-color-0);
   --calendar-item-shadow-offset-x: var(--cosmopolitan-elevation-light-offset-x-0);
   --calendar-item-shadow-offset-y: var(--cosmopolitan-elevation-light-offset-y-0);
   --calendar-item-shadow-spread: var(--cosmopolitan-elevation-light-spread-0);
+  --calendar-item-today-border-color: var(--cosmopolitan-color-primary-500);
+  --calendar-item-today-border-width: 2px;
   --calendar-item-transition-duration: .2s;
   --calendar-item-transition-mode: ease;
   --calendar-item-transition-property: background-color, color, border-color, opacity;
@@ -75668,6 +75675,7 @@ function VL() {
   padding-bottom: var(--calendar-item-padding-bottom);
   padding-left: var(--calendar-item-padding-left);
   gap: var(--calendar-item-gap);
+  min-height: var(--calendar-item-min-height);
   transition-duration: var(--calendar-item-transition-duration);
   transition-timing-function: var(--calendar-item-transition-mode);
   transition-property: var(--calendar-item-transition-property);
@@ -75705,14 +75713,17 @@ function VL() {
 }
 
 :host [part="markers"] {
-  flex-direction: row;
-  justify-content: stretch;
+  justify-content: center;
   align-items: center;
-  gap: 2px;
+  gap: var(--calendar-item-marker-gap);
+  bottom: var(--calendar-item-marker-offset-bottom);
+  pointer-events: auto;
+  flex-direction: row;
   transition: inherit;
   display: flex;
   position: absolute;
-  bottom: -4px;
+  left: 0;
+  right: 0;
 }
 
 :host [part="markers"] [part^="marker"] {
@@ -75720,28 +75731,19 @@ function VL() {
 }
 
 :host [part="markers"] [part^="marker"][part$="overflow"] {
-  color: var(--calendar-item-foreground-color);
-  font-size: 8px;
+  color: color-mix(in srgb, var(--calendar-item-foreground-color) 60%, transparent);
   font-weight: bold;
+  font-size: var(--calendar-item-marker-overflow-font-size);
 }
 
 :host([is-selected]):before {
-  opacity: .26;
-  background-color: currentColor;
+  background-color: var(--calendar-item-selection-background-color);
+  opacity: 1;
 }
 
-:host([is-today]) [part="text"]:after {
-  content: "";
-  z-index: 1;
-  background-color: currentColor;
-  border: 0;
-  border-radius: 4px;
-  width: 15px;
-  height: 2px;
-  position: absolute;
-  bottom: 4px;
-  left: 50%;
-  transform: translate(-50%);
+:host([is-today]) {
+  border-width: var(--calendar-item-today-border-width);
+  border-color: var(--calendar-item-today-border-color);
 }
 
 :host([is-special]), :host([is-blackout]) {
@@ -75845,18 +75847,25 @@ function HL() {
   --calendar-item-font-weight: var(--joy-typography-body1-font-weight);
   --calendar-item-foreground-color: var(--joy-scheme-foreground);
   --calendar-item-gap: 4px;
+  --calendar-item-marker-gap: 2px;
+  --calendar-item-marker-offset-bottom: 4px;
+  --calendar-item-marker-overflow-font-size: 8px;
+  --calendar-item-min-height: 48px;
   --calendar-item-padding-bottom: var(--joy-layout-space);
   --calendar-item-padding-left: calc(var(--joy-layout-space) * 1.5);
   --calendar-item-padding-right: calc(var(--joy-layout-space) * 1.5);
   --calendar-item-padding-top: var(--joy-layout-space);
   --calendar-item-ripple-color: unset;
   --calendar-item-ripple-duration: .2s;
+  --calendar-item-selection-background-color: var(--joy-scheme-selection);
   --calendar-item-shadow: var(--joy-elevation-light-offset-x-0) var(--joy-elevation-light-offset-y-0) var(--joy-elevation-light-blur-0) var(--joy-elevation-light-spread-0) var(--joy-elevation-light-color-0);
   --calendar-item-shadow-blur: var(--joy-elevation-light-blur-0);
   --calendar-item-shadow-color: var(--joy-elevation-light-color-0);
   --calendar-item-shadow-offset-x: var(--joy-elevation-light-offset-x-0);
   --calendar-item-shadow-offset-y: var(--joy-elevation-light-offset-y-0);
   --calendar-item-shadow-spread: var(--joy-elevation-light-spread-0);
+  --calendar-item-today-border-color: var(--joy-color-primary-500);
+  --calendar-item-today-border-width: 2px;
   --calendar-item-transition-duration: var(--joy-duration-short);
   --calendar-item-transition-mode: ease;
   --calendar-item-transition-property: background-color, color, border-color, opacity;
@@ -75903,6 +75912,7 @@ function HL() {
   padding-bottom: var(--calendar-item-padding-bottom);
   padding-left: var(--calendar-item-padding-left);
   gap: var(--calendar-item-gap);
+  min-height: var(--calendar-item-min-height);
   transition-duration: var(--calendar-item-transition-duration);
   transition-timing-function: var(--calendar-item-transition-mode);
   transition-property: var(--calendar-item-transition-property);
@@ -75940,14 +75950,17 @@ function HL() {
 }
 
 :host [part="markers"] {
-  flex-direction: row;
-  justify-content: stretch;
+  justify-content: center;
   align-items: center;
-  gap: 2px;
+  gap: var(--calendar-item-marker-gap);
+  bottom: var(--calendar-item-marker-offset-bottom);
+  pointer-events: auto;
+  flex-direction: row;
   transition: inherit;
   display: flex;
   position: absolute;
-  bottom: -4px;
+  left: 0;
+  right: 0;
 }
 
 :host [part="markers"] [part^="marker"] {
@@ -75955,28 +75968,19 @@ function HL() {
 }
 
 :host [part="markers"] [part^="marker"][part$="overflow"] {
-  color: var(--calendar-item-foreground-color);
-  font-size: 8px;
+  color: color-mix(in srgb, var(--calendar-item-foreground-color) 60%, transparent);
   font-weight: bold;
+  font-size: var(--calendar-item-marker-overflow-font-size);
 }
 
 :host([is-selected]):before {
-  opacity: .26;
-  background-color: currentColor;
+  background-color: var(--calendar-item-selection-background-color);
+  opacity: 1;
 }
 
-:host([is-today]) [part="text"]:after {
-  content: "";
-  z-index: 1;
-  background-color: currentColor;
-  border: 0;
-  border-radius: 4px;
-  width: 15px;
-  height: 2px;
-  position: absolute;
-  bottom: 4px;
-  left: 50%;
-  transform: translate(-50%);
+:host([is-today]) {
+  border-width: var(--calendar-item-today-border-width);
+  border-color: var(--calendar-item-today-border-color);
 }
 
 :host([is-special]), :host([is-blackout]) {
@@ -76114,18 +76118,25 @@ function UL() {
   --calendar-item-font-weight: var(--memphis-typography-body1-font-weight);
   --calendar-item-foreground-color: var(--memphis-scheme-foreground);
   --calendar-item-gap: 4px;
+  --calendar-item-marker-gap: 2px;
+  --calendar-item-marker-offset-bottom: 4px;
+  --calendar-item-marker-overflow-font-size: 8px;
+  --calendar-item-min-height: 48px;
   --calendar-item-padding-bottom: var(--memphis-layout-space);
   --calendar-item-padding-left: 12px;
   --calendar-item-padding-right: 12px;
   --calendar-item-padding-top: var(--memphis-layout-space);
   --calendar-item-ripple-color: unset;
   --calendar-item-ripple-duration: .2s;
+  --calendar-item-selection-background-color: var(--memphis-scheme-selection);
   --calendar-item-shadow: var(--memphis-elevation-light-offset-x-0) var(--memphis-elevation-light-offset-y-0) var(--memphis-elevation-light-blur-0) var(--memphis-elevation-light-spread-0) var(--memphis-elevation-light-color-0);
   --calendar-item-shadow-blur: var(--memphis-elevation-light-blur-0);
   --calendar-item-shadow-color: var(--memphis-elevation-light-color-0);
   --calendar-item-shadow-offset-x: var(--memphis-elevation-light-offset-x-0);
   --calendar-item-shadow-offset-y: var(--memphis-elevation-light-offset-y-0);
   --calendar-item-shadow-spread: var(--memphis-elevation-light-spread-0);
+  --calendar-item-today-border-color: var(--memphis-color-primary-500);
+  --calendar-item-today-border-width: 2px;
   --calendar-item-transition-duration: .2s;
   --calendar-item-transition-mode: ease;
   --calendar-item-transition-property: background-color, color, border-color, opacity, box-shadow;
@@ -76172,6 +76183,7 @@ function UL() {
   padding-bottom: var(--calendar-item-padding-bottom);
   padding-left: var(--calendar-item-padding-left);
   gap: var(--calendar-item-gap);
+  min-height: var(--calendar-item-min-height);
   transition-duration: var(--calendar-item-transition-duration);
   transition-timing-function: var(--calendar-item-transition-mode);
   transition-property: var(--calendar-item-transition-property);
@@ -76209,14 +76221,17 @@ function UL() {
 }
 
 :host [part="markers"] {
-  flex-direction: row;
-  justify-content: stretch;
+  justify-content: center;
   align-items: center;
-  gap: 2px;
+  gap: var(--calendar-item-marker-gap);
+  bottom: var(--calendar-item-marker-offset-bottom);
+  pointer-events: auto;
+  flex-direction: row;
   transition: inherit;
   display: flex;
   position: absolute;
-  bottom: -4px;
+  left: 0;
+  right: 0;
 }
 
 :host [part="markers"] [part^="marker"] {
@@ -76224,28 +76239,19 @@ function UL() {
 }
 
 :host [part="markers"] [part^="marker"][part$="overflow"] {
-  color: var(--calendar-item-foreground-color);
-  font-size: 8px;
+  color: color-mix(in srgb, var(--calendar-item-foreground-color) 60%, transparent);
   font-weight: bold;
+  font-size: var(--calendar-item-marker-overflow-font-size);
 }
 
 :host([is-selected]):before {
-  opacity: .26;
-  background-color: currentColor;
+  background-color: var(--calendar-item-selection-background-color);
+  opacity: 1;
 }
 
-:host([is-today]) [part="text"]:after {
-  content: "";
-  z-index: 1;
-  background-color: currentColor;
-  border: 0;
-  border-radius: 4px;
-  width: 15px;
-  height: 2px;
-  position: absolute;
-  bottom: 4px;
-  left: 50%;
-  transform: translate(-50%);
+:host([is-today]) {
+  border-width: var(--calendar-item-today-border-width);
+  border-color: var(--calendar-item-today-border-color);
 }
 
 :host([is-special]), :host([is-blackout]) {
@@ -77911,6 +77917,14 @@ function sR(e) {
         </div>
         <div part="dayView"
              class="${e.showWeekNumbers ? "week-numbers" : ""}">
+            <!-- week number for the first row (before adjacent/empty days) -->
+            ${U(e.showWeekNumbers && a > 0, () => V`
+            <div part="weekNumber">
+                <mosaik-text .dir="${e.dir}"
+                             .text="${tI(new Date(r, n, 1)).toString()}"
+                             ?disabled="${e.disabled}"></mosaik-text>
+            </div>
+            `)}
             ${U(e.showAdjacent, () => V`
             <!-- adjacent days before the start of the month -->
             ${Array.from({ length: a }, (e, t) => new Date(r, n, -t)).reverse().map((t) => V`
@@ -82269,7 +82283,7 @@ function $R() {
   --checkbox-group-background-color: unset;
   --checkbox-group-border-color: unset;
   --checkbox-group-border-radius: unset;
-  --checkbox-group-border-style: solid;
+  --checkbox-group-border-style: none;
   --checkbox-group-border-width: unset;
   --checkbox-group-font-family: unset;
   --checkbox-group-font-letter-spacing: unset;
@@ -82502,7 +82516,7 @@ var tz = function(e, t, n, r) {
 	onSlotChanges() {
 		this._eventSubscriptions.forEach((e) => e.dispose()), this._eventSubscriptions = [];
 		let e = this.getSlotAssignments("").filter((e) => e instanceof XR);
-		for (let [t, n] of e.entries()) n.isChecked = this.value === n.value, n.classList.add("checkbox-group-checkbox"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", () => this.onCheckBoxCheckChanged(), { passive: !0 }), n.on("unchecked", () => this.onCheckBoxCheckChanged(), { passive: !0 }));
+		for (let [t, n] of e.entries()) n.isChecked = this.value?.includes(n.value) ?? !1, n.classList.add("checkbox-group-checkbox"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", () => this.onCheckBoxCheckChanged(), { passive: !0 }), n.on("unchecked", () => this.onCheckBoxCheckChanged(), { passive: !0 }));
 	}
 	reset() {
 		this.uncheckAll(), this.invalid = !1;
@@ -111661,7 +111675,7 @@ var aG = function(e, t, n, r) {
 	onSlotChanges() {
 		this.clearEvents();
 		let e = this.getSlotAssignments("").filter((e) => e instanceof eG);
-		for (let [t, n] of e.entries()) n.isChecked = this.value === n.value, n.classList.add("radio-group-radio"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", (e) => this.onRadioCheckChanged(e), { passive: !0 }));
+		for (let [t, n] of e.entries()) n.isChecked = this.value?.includes(n.value) ?? !1, n.classList.add("radio-group-radio"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", (e) => this.onRadioCheckChanged(e), { passive: !0 }));
 	}
 	checkValidity() {
 		return this.getSlotAssignments("").filter((e) => e instanceof eG).filter((e) => e.isChecked ?? !1).length > 0;
@@ -126461,7 +126475,7 @@ function hJ(e) {
             ${U(e.hasChildren, () => V`
             <mosaik-button part="caret"
                            .appearance="${"plain"}"
-                           .icon="${e.menuMode === "popover" ? "caret-right" : "caret-down"}"
+                           .icon="${e.menuMode === "popover" ? X.caretRight : X.caretDown}"
                            .size="${"small"}"
                            .dir="${e.dir}"
                            .lang="${e.lang}"
@@ -126609,16 +126623,16 @@ function gJ() {
 }
 
 :host [part="content"] {
-  align-items: center;
-  gap: var(--menu-item-gap);
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-direction: column;
   flex: 1;
+  align-items: flex-start;
   display: flex;
   overflow: hidden;
 }
 
-:host [part="content"].hidden {
+:host [part="content"][hidden] {
   display: none;
 }
 
@@ -126791,16 +126805,16 @@ function _J() {
 }
 
 :host [part="content"] {
-  align-items: center;
-  gap: var(--menu-item-gap);
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-direction: column;
   flex: 1;
+  align-items: flex-start;
   display: flex;
   overflow: hidden;
 }
 
-:host [part="content"].hidden {
+:host [part="content"][hidden] {
   display: none;
 }
 
@@ -127168,16 +127182,16 @@ function vJ() {
 }
 
 :host [part="content"] {
-  align-items: center;
-  gap: var(--menu-item-gap);
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-direction: column;
   flex: 1;
+  align-items: flex-start;
   display: flex;
   overflow: hidden;
 }
 
-:host [part="content"].hidden {
+:host [part="content"][hidden] {
   display: none;
 }
 
@@ -162615,9 +162629,13 @@ function xge(e) {
                            .text="${e.text}"
                            .textAccessor="${e.textAccessor}">
                 ${U(e.presence !== p0.None, () => V`
-                <mosaik-dot part="presence"
-                            slot="badge"
-                            .disabled="${e.disabled}"></mosaik-dot>
+                <div part="presence"
+                     slot="badge">
+                    <slot name="presence">
+                        <mosaik-dot part="presenceDot"
+                                    .disabled="${e.disabled}"></mosaik-dot>
+                    </slot>
+                </div>
                 `)}
             </mosaik-avatar>
             <!-- > -->
@@ -162715,6 +162733,7 @@ function Sge() {
 
 :host [part="presence"] {
   z-index: 1;
+  display: flex;
   position: absolute;
   bottom: 0;
   right: 0;
@@ -162724,8 +162743,8 @@ function Sge() {
   background: none;
 }
 
-:host [part="presence"] {
-  background-color: var(--persona-presence-color);
+:host [part="presenceDot"] {
+  --dot-background-color: var(--persona-presence-color);
 }
 
     `;
@@ -162797,6 +162816,7 @@ function Cge() {
 
 :host [part="presence"] {
   z-index: 1;
+  display: flex;
   position: absolute;
   bottom: 0;
   right: 0;
@@ -162806,8 +162826,8 @@ function Cge() {
   background: none;
 }
 
-:host [part="presence"] {
-  background-color: var(--persona-presence-color);
+:host [part="presenceDot"] {
+  --dot-background-color: var(--persona-presence-color);
 }
 
 :host [part="primaryText"] {
@@ -162929,6 +162949,7 @@ function wge() {
 
 :host [part="presence"] {
   z-index: 1;
+  display: flex;
   position: absolute;
   bottom: 0;
   right: 0;
@@ -162938,8 +162959,8 @@ function wge() {
   background: none;
 }
 
-:host [part="presence"] {
-  background-color: var(--persona-presence-color);
+:host [part="presenceDot"] {
+  --dot-background-color: var(--persona-presence-color);
 }
 
     `;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.288",
+    "version": "0.0.289",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,8 +15,8 @@
         "vite": "*"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.288",
-        "@breadstone/mosaik-elements-foundation": "^0.0.288"
+        "@breadstone/mosaik-elements": "^0.0.289",
+        "@breadstone/mosaik-elements-foundation": "^0.0.289"
     },
     "exports": {
         ".": {