@streamscloud/kit 0.75.1 → 0.76.1

package/dist/core/files/file-helper.js

@@ -13,7 +13,7 @@ export class FileHelper {
             return '';
         }
         const dotIndex = fileName.lastIndexOf('.');
-        return dotIndex > 0 ? fileName.slice(0, dotIndex) : fileName;
+        return dotIndex > 0 && dotIndex < fileName.length - 1 ? fileName.slice(0, dotIndex) : fileName;
     }
     static truncateFileName(fileName, maxNameLength) {
         if (!maxNameLength) {

package/dist/ui/cropper/image-editor-dialog/cmp.image-editor-dialog.svelte

@@ -54,8 +54,8 @@ $effect(() => untrack(() => {
     {/snippet}
     {#snippet footer()}
       <div class="image-editor-dialog__footer">
-        <DialogCancelButton on={{ click: cancel }}>{loc.cancel}</DialogCancelButton>
-        <DialogButton on={{ click: save }}>{loc.save}</DialogButton>
+        <DialogCancelButton size="sm" on={{ click: cancel }}>{loc.cancel}</DialogCancelButton>
+        <DialogButton size="sm" on={{ click: save }}>{loc.save}</DialogButton>
       </div>
     {/snippet}
   </Dialog>
@@ -63,6 +63,14 @@ $effect(() => untrack(() => {
 
 <style>.image-editor-dialog {
   --sc-kit--dialog--height: calc(100vh - 2.5rem);
+  --sc-kit--dialog--footer--padding-block: var(--sc-kit--space--2);
+  --sc-kit--dialog--footer--padding-inline: var(--sc-kit--space--4);
+  --sc-kit--dialog--header--padding-block: var(--sc-kit--space--1);
+  --sc-kit--dialog--header--padding-inline: var(--sc-kit--space--3);
+  --sc-kit--dialog--title--font-size: var(--sc-kit--font-size--sm);
+  --sc-kit--dialog--title--line-height: var(--sc-kit--line-height--sm);
+  --sc-kit--dialog-close-button--size: 1.5rem;
+  --sc-kit--dialog-close-button--icon--size: 1rem;
   display: contents;
 }
 .image-editor-dialog__workspace {
@@ -70,7 +78,9 @@ $effect(() => untrack(() => {
   min-block-size: 0;
 }
 .image-editor-dialog__footer {
+  --sc-kit--dialog-cancel-button--min-width: 4.5rem;
+  --sc-kit--dialog-button--min-width: 7rem;
   display: flex;
   justify-content: flex-end;
-  gap: 1.5rem;
+  gap: var(--sc-kit--space--4);
 }</style>

package/dist/ui/dialog/cmp.dialog-button.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">import { default as Button } from '../button/cmp.button.svelte';
-let { type = 'button', disabled = false, loading = false, variant = 'primary', icon, on, children } = $props();
+let { type = 'button', disabled = false, loading = false, variant = 'primary', size = 'md', icon, on, children } = $props();
 </script>
 
 <div class="dialog-button">
-  <Button type={type} disabled={disabled} loading={loading} variant={variant} icon={icon} on={on}>
+  <Button type={type} disabled={disabled} loading={loading} variant={variant} size={size} icon={icon} on={on}>
     {@render children()}
   </Button>
 </div>

package/dist/ui/dialog/cmp.dialog-button.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonVariant } from '../button/types';
+import type { ButtonSize, ButtonVariant } from '../button/types';
 import type { IconProp } from '../icon';
 import type { Snippet } from 'svelte';
 type Props = {
@@ -9,6 +9,8 @@ type Props = {
     loading?: boolean;
     /** Button color variant @default 'primary' */
     variant?: ButtonVariant;
+    /** @default 'md' */
+    size?: ButtonSize;
     /** Leading icon — passed through to Button. */
     icon?: IconProp;
     on?: {

package/dist/ui/dialog/cmp.dialog-cancel-button.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">import { default as Button } from '../button/cmp.button.svelte';
-let { disabled = false, on, children } = $props();
+let { disabled = false, size = 'md', on, children } = $props();
 </script>
 
 <div class="dialog-cancel-button">
-  <Button type="button" disabled={disabled} variant="secondary" on={on}>
+  <Button type="button" disabled={disabled} variant="secondary" size={size} on={on}>
     {@render children()}
   </Button>
 </div>

package/dist/ui/dialog/cmp.dialog-cancel-button.svelte.d.ts

@@ -1,6 +1,9 @@
+import type { ButtonSize } from '../button/types';
 import type { Snippet } from 'svelte';
 type Props = {
     disabled?: boolean;
+    /** @default 'md' */
+    size?: ButtonSize;
     on?: {
         click?: (e: MouseEvent) => void;
     };

package/dist/ui/dialog/cmp.dialog.svelte

@@ -58,6 +58,8 @@ A structured dialog panel with header (title + close button), scrollable body, a
 | `--sc-kit--dialog--body--padding-inline` | Body-specific horizontal padding | inherits `--padding-inline` |
 | `--sc-kit--dialog--header--padding-block` | Header-specific vertical padding | inherits `--padding-block` |
 | `--sc-kit--dialog--header--padding-inline` | Header-specific horizontal padding | inherits `--padding-inline` |
+| `--sc-kit--dialog--footer--padding-block` | Footer-specific vertical padding | inherits `--padding-block` |
+| `--sc-kit--dialog--footer--padding-inline` | Footer-specific horizontal padding | inherits `--padding-inline` |
 | `--sc-kit--dialog--title--font-size` | Title font size | `1.125rem` (18px) |
 | `--sc-kit--dialog--title--line-height` | Title line height | `1.4` |
 -->
@@ -78,6 +80,8 @@ A structured dialog panel with header (title + close button), scrollable body, a
   --_dialog--body--padding-inline: var(--sc-kit--dialog--body--padding-inline, var(--_dialog--padding-inline));
   --_dialog--header--padding-block: var(--sc-kit--dialog--header--padding-block, var(--_dialog--padding-block));
   --_dialog--header--padding-inline: var(--sc-kit--dialog--header--padding-inline, var(--_dialog--padding-inline));
+  --_dialog--footer--padding-block: var(--sc-kit--dialog--footer--padding-block, var(--_dialog--padding-block));
+  --_dialog--footer--padding-inline: var(--sc-kit--dialog--footer--padding-inline, var(--_dialog--padding-inline));
   --_dialog--title-font-size: var(--sc-kit--dialog--title--font-size, 1.125rem);
   --_dialog--title-line-height: var(--sc-kit--dialog--title--line-height, 1.4);
   display: flex;
@@ -155,7 +159,7 @@ A structured dialog panel with header (title + close button), scrollable body, a
   align-items: center;
   justify-content: flex-end;
   gap: var(--sc-kit--space--3);
-  padding: var(--_dialog--padding-block) var(--_dialog--padding-inline);
+  padding: var(--_dialog--footer--padding-block) var(--_dialog--footer--padding-inline);
   border-top: 1px solid var(--_dialog--border-color);
   -webkit-user-drag: none;
   user-select: none;

package/dist/ui/dialog/cmp.dialog.svelte.d.ts

@@ -59,6 +59,8 @@ interface $$IsomorphicComponent {
  * | `--sc-kit--dialog--body--padding-inline` | Body-specific horizontal padding | inherits `--padding-inline` |
  * | `--sc-kit--dialog--header--padding-block` | Header-specific vertical padding | inherits `--padding-block` |
  * | `--sc-kit--dialog--header--padding-inline` | Header-specific horizontal padding | inherits `--padding-inline` |
+ * | `--sc-kit--dialog--footer--padding-block` | Footer-specific vertical padding | inherits `--padding-block` |
+ * | `--sc-kit--dialog--footer--padding-inline` | Footer-specific horizontal padding | inherits `--padding-inline` |
  * | `--sc-kit--dialog--title--font-size` | Title font size | `1.125rem` (18px) |
  * | `--sc-kit--dialog--title--line-height` | Title line height | `1.4` |
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.75.1",
+  "version": "0.76.1",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",