@svgrid/grid 2.5.0 → 2.6.1

package/dist/SvCountryInput.svelte

@@ -37,6 +37,7 @@
     name,
     size = 'md',
     ariaLabel,
+    block = false,
     invalid = false,
     required = false,
     error,
@@ -93,7 +94,7 @@
 </script>
 
 <SvField id={uid} {label} {hint} {error} {required} {dir}>
-  <button bind:this={triggerEl} class="sv-country sv-country--{size}" class:is-open={ci.open} class:is-disabled={disabled} class:is-invalid={invalid} {...ci.triggerProps()}>
+  <button bind:this={triggerEl} class="sv-country sv-country--{size}" class:is-block={block} class:is-open={ci.open} class:is-disabled={disabled} class:is-invalid={invalid} {...ci.triggerProps()}>
     {#if selected}
       <span class="sv-country__flag" aria-hidden="true">{flagEmoji(selected.code)}</span>
       <span class="sv-country__name">{selected.name}</span>
@@ -157,4 +158,6 @@
   :global(.sv-country__opt) { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 6px; cursor: pointer; font-size: 13px; }
   :global(.sv-country__opt.is-active) { background: var(--sg-row-hover-bg, #f1f5f9); }
   :global(.sv-country__opt.is-selected) { color: var(--sg-accent, #2563eb); font-weight: 600; }
+  /* Fill the container - see `block` in SvEditorProps. */
+  .sv-country.is-block { width: 100%; max-width: 100%; }
 </style>

package/dist/SvSlider.svelte

@@ -44,6 +44,7 @@
     orientation = 'horizontal',
     name,
     ariaLabel,
+    block = false,
     invalid = false,
     required = false,
     error,
@@ -109,7 +110,7 @@
 
 <SvField id={uid} {label} {hint} {error} {required} {dir}>
 <div
-  class="sv-slider sv-slider--{orientation} sv-slider--{size}"
+  class="sv-slider sv-slider--{orientation} sv-slider--{size}" class:is-block={block}
   class:is-disabled={disabled}
   class:is-readonly={readonly}
   dir={resolvedDir}
@@ -197,4 +198,6 @@
   .sv-slider__tick { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: var(--sg-muted, #94a3b8); }
   .sv-slider--horizontal .sv-slider__tick { inset-inline-start: var(--p); top: 50%; transform: translate(-50%, -50%); }
   .sv-slider--vertical .sv-slider__tick { bottom: var(--p); left: 50%; transform: translate(-50%, 50%); }
+  /* Fill the container - see `block` in SvEditorProps. */
+  .sv-slider--horizontal.is-block { width: 100%; max-width: 100%; }
 </style>

package/dist/SvTagsInput.svelte

@@ -36,6 +36,7 @@
     size = 'md',
     name,
     ariaLabel,
+    block = false,
     invalid = false,
     required = false,
     error,
@@ -69,7 +70,7 @@
 </script>
 
 <SvField id={uid} {label} {hint} {error} {required} {dir}>
-  <div class="sv-tags sv-tags--{size}" class:is-disabled={disabled} class:is-invalid={invalid} {...ti.rootProps()}>
+  <div class="sv-tags sv-tags--{size}" class:is-block={block} class:is-disabled={disabled} class:is-invalid={invalid} {...ti.rootProps()}>
     {#each value as tag, i (tag + i)}
       <span class="sv-tags__chip" {...ti.tagProps(i)}>
         <span class="sv-tags__label">{tag}</span>
@@ -109,4 +110,6 @@
   .sv-tags__x { background: none; border: 0; color: inherit; cursor: pointer; font-size: 15px; line-height: 1; padding: 0 2px; opacity: 0.7; }
   .sv-tags__x:hover { opacity: 1; }
   .sv-tags__input { flex: 1; min-width: 80px; border: 0; background: none; outline: none; color: inherit; font: inherit; font-size: var(--_fs); height: 24px; }
+  /* Fill the container - see `block` in SvEditorProps. */
+  .sv-tags.is-block { width: 100%; max-width: 100%; }
 </style>

package/dist/cdn/{GridMenus-CeXL5IW4.js → GridMenus-CaaYtSpU.js}

@@ -1,4 +1,4 @@
-import { Gn as e, io as t, no as n, ro as r } from "./src-DbeN1ReZ.js";
+import { Gn as e, io as t, no as n, ro as r } from "./src-DisUdSk9.js";
 import { E as i, F as a, G as o, H as s, I as c, L as l, N as u, Q as d, U as f, V as p, X as m, Y as h, Z as g, _, d as v, et as y, f as b, ft as x, g as S, h as ee, j as C, k as w, lt as T, m as E, mt as D, nt as O, o as k, pt as A, st as j, t as te, tt as M, u as N, ut as P, v as F } from "./disclose-version-Dr7rEVv-.js";
 import { l as ne } from "./SvDateTimePicker-h9kPyszT.js";
 //#region src/GridMenus.svelte

package/dist/cdn/{GridMenus-BpVcKyUr.js → GridMenus-DfmxE2Tb.js}

@@ -1,4 +1,4 @@
-import { Gn as e, io as t, no as n, ro as r } from "./src-DmEQFW5_.js";
+import { Gn as e, io as t, no as n, ro as r } from "./src-BIIhU1uh.js";
 import { l as i } from "./SvDateTimePicker-DSUhIta8.js";
 import * as a from "svelte/internal/client";
 import "svelte/internal/disclose-version";