@streamscloud/kit 0.10.3 → 0.10.4

package/dist/ui/divider/cmp.divider.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">let { orientation = 'horizontal', label } = $props();
+<script lang="ts">"use strict";
+let { orientation = 'horizontal', label } = $props();
 </script>
 
 {#if label}

package/dist/ui/duration/cmp.duration.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">const { seconds, variant = 'raw', showZero = false } = $props();
+<script lang="ts">"use strict";
+const { seconds, variant = 'raw', showZero = false } = $props();
 const format = (secs) => {
     const total = Math.max(0, Math.round(secs));
     const hours = Math.floor(total / 3600);

package/dist/ui/grid-card/fields/cmp.grid-card-id-field.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">const { label = 'Id:', text } = $props();
+<script lang="ts">"use strict";
+const { label = 'Id:', text } = $props();
 </script>
 
 <div class="grid-card-id-field">

package/dist/ui/logo/cmp.logo.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">let { mark = false, subheading = null, variant = 'mono', ariaLabel } = $props();
+<script lang="ts">"use strict";
+let { mark = false, subheading = null, variant = 'mono', ariaLabel } = $props();
 // Resolve fills per variant. `mono` keeps the existing currentColor behavior;
 // `standard` paints the mark in the brand accent and the type in primary text,
 // matching the Figma master Standard lockup.

package/dist/ui/navigation/cmp.nav-menu-divider.svelte

@@ -1,4 +1,5 @@
-<script lang="ts"></script>
+<script lang="ts">"use strict";
+</script>
 
 <div class="nav-menu-divider" role="separator"></div>
 

package/dist/ui/pin-input/cmp.pin-input.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">const { value, length = 6, mask = false, disabled = false, error = false, 'aria-label': ariaLabel, on } = $props();
+<script lang="ts">"use strict";
+const { value, length = 6, mask = false, disabled = false, error = false, 'aria-label': ariaLabel, on } = $props();
 let cells = $state([]);
 const cellValue = (i) => value[i] ?? '';
 const emit = (next) => {

package/dist/ui/progress/cmp.progress.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">let { value, size = 'md', color, label } = $props();
+<script lang="ts">"use strict";
+let { value, size = 'md', color, label } = $props();
 const clamped = $derived(Math.max(0, Math.min(1, value)));
 const cssWidth = $derived(`${100 * clamped}%`);
 const percent = $derived(Math.round(100 * clamped));

package/dist/ui/radio/cmp.radio-card.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">const { selected, title, description, disabled = false, name, on } = $props();
+<script lang="ts">"use strict";
+const { selected, title, description, disabled = false, name, on } = $props();
 const handleClick = (event) => {
     event.stopPropagation();
     if (disabled || selected) {

package/dist/ui/segmented-control/cmp.segmented-control.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>export {};
 </script>
 
-<script lang="ts" generics="T">const { value, segments, variant = 'tray', size = 'md', fullWidth = false, compare, on } = $props();
+<script lang="ts" generics="T">"use strict";
+const { value, segments, variant = 'tray', size = 'md', fullWidth = false, compare, on } = $props();
 const isActive = (segment) => (compare ? compare(value, segment.value) : value === segment.value);
 const handleClick = (segment) => {
     if (segment.disabled || isActive(segment)) {

package/dist/ui/skeleton/cmp.skeleton.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">let { shape = 'rect', lines = 1 } = $props();
+<script lang="ts">"use strict";
+let { shape = 'rect', lines = 1 } = $props();
 </script>
 
 {#if shape === 'text' && lines > 1}

package/dist/ui/slider/cmp.slider.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">let { value, min = 0, max = 100, step = 1, disabled = false, showValue = false, withInput = false, ticks = [], valueSuffix = '', on } = $props();
+<script lang="ts">"use strict";
+let { value, min = 0, max = 100, step = 1, disabled = false, showValue = false, withInput = false, ticks = [], valueSuffix = '', on } = $props();
 let focused = $state(false);
 const fillPct = $derived(max === min ? 0 : ((value - min) / (max - min)) * 100);
 const handleInput = (e) => {

package/dist/ui/spinner/cmp.spinner.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">let { size = 'md', color, label, position, blocking = false, timeout = 0 } = $props();
+<script lang="ts">"use strict";
+let { size = 'md', color, label, position, blocking = false, timeout = 0 } = $props();
 let visible = $state(false);
 $effect(() => {
     if (timeout <= 0) {

package/dist/ui/table/table-cells/table-badge-cell.svelte

@@ -6,7 +6,7 @@ const variant = $derived(column.variantFactory ? column.variantFactory(item) : '
 
 {#if getValueForColumn(column, item) !== null}
   <div class="table-badge-cell">
-    <Badge variant={variant}>{getValueForColumn(column, item)}</Badge>
+    <Badge variant={variant} fullWidth={column.fullWidth}>{getValueForColumn(column, item)}</Badge>
   </div>
 {/if}
 

package/dist/ui/table/types.d.ts

@@ -40,6 +40,8 @@ export interface ITableBadgeColumn<T> extends ITableColumn<T> {
     type: 'badge';
     variantFactory?: ((item: T) => BadgeVariant) | null;
     valueFactory?: ((item: T) => string) | null;
+    /** Stretch the badge to fill the column width. @default false */
+    fullWidth?: boolean;
 }
 export interface ITableByColumn<T> extends ITableColumn<T> {
     type: 'by';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.10.3",
+  "version": "0.10.4",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -519,7 +519,7 @@
     "nanoid": "^5.1.11",
     "p-limit": "^7.3.0",
     "prettier": "^3.8.3",
-    "prettier-plugin-svelte": "^3.5.2",
+    "prettier-plugin-svelte": "^4.1.0",
     "publint": "^0.3.21",
     "rfdc": "^1.4.1",
     "sass": "^1.99.0",
@@ -528,7 +528,7 @@
     "svelte-check": "^4.4.8",
     "svelte-dnd-action": "^0.9.69",
     "svelte-preprocess": "^6.0.3",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
     "typescript-eslint": "^8.59.3",
     "vite": "^8.0.13",
     "vite-tsconfig-paths": "^6.1.1",