codexly-ui 0.6.0 → 0.6.2

package/assets/styles/_safelist.css

@@ -7,8 +7,10 @@
 @source inline("shadow-none shadow-sm shadow-md shadow-lg shadow-xl shadow-2xl");
 
 /* plain (no opacity) tokens: bg, bgSubtle, text, textSubtle, border, borderLight,
-   hoverBg, hoverText*, hoverBorder*, focus:border, focus-within:border, focus-visible:ring */
-@source inline("{bg,text,border,hover:bg,hover:text,hover:border,focus:border,focus-within:border,focus-visible:ring}-{red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose,slate,gray,zinc,neutral,stone}-{50,100,200,300,400,500,600,700,800,900,950}");
+   hoverBg, hoverText*, hoverBorder*, focus:border, focus-within:border, focus-visible:ring.
+   border-t is included for ClxSpinnerComponent, which derives its spinning arc from
+   resolveColor().border by replacing "border-" with "border-t-" at runtime. */
+@source inline("{bg,text,border,border-t,hover:bg,hover:text,hover:border,focus:border,focus-within:border,focus-visible:ring}-{red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose,slate,gray,zinc,neutral,stone}-{50,100,200,300,400,500,600,700,800,900,950}");
 
 /* hoverBgMuted: hover:bg-{c}-{s}/10 */
 @source inline("hover:bg-{red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose,slate,gray,zinc,neutral,stone}-{50,100,200,300,400,500,600,700,800,900,950}/10");

package/fesm2022/codexly-ui.mjs

@@ -3346,9 +3346,19 @@ class ClxNumberComponent {
     _handleInput(event) {
         const raw = event.target.value;
         const num = raw === '' ? 0 : parseFloat(raw);
-        if (!isNaN(num)) {
-            this._value.set(num);
-            this._onChange(num);
+        if (isNaN(num))
+            return;
+        let clamped = num;
+        if (this.min() !== null)
+            clamped = Math.max(clamped, this.min());
+        if (this.max() !== null)
+            clamped = Math.min(clamped, this.max());
+        this._value.set(clamped);
+        this._onChange(clamped);
+        // Reflect the clamp back into the native input immediately — otherwise the DOM would keep
+        // showing the raw out-of-range digits the user typed until blur re-renders the value.
+        if (clamped !== num) {
+            event.target.value = String(clamped);
         }
     }
     _handleBlur() {