sp-component 0.0.2 → 0.0.3

package/dist/components/modal/sp-modal.js

@@ -1,31 +1,33 @@
-import { unsafeCSS as u, LitElement as d } from "lit";
-import { property as c, customElement as p } from "lit/decorators.js";
-import h from "./sp-modal.css.js";
-import { modalTemplate as f } from "./sp-modal.template.js";
-var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (e, o, s, l) => {
-  for (var t = l > 1 ? void 0 : l ? v(o, s) : o, n = e.length - 1, i; n >= 0; n--)
-    (i = e[n]) && (t = (l ? i(o, s, t) : i(t)) || t);
-  return l && t && m(o, s, t), t;
+import { unsafeCSS as h, LitElement as p } from "lit";
+import { property as d, customElement as f } from "lit/decorators.js";
+import m from "./sp-modal.css.js";
+import { modalTemplate as v } from "./sp-modal.template.js";
+var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (e, s, o, l) => {
+  for (var t = l > 1 ? void 0 : l ? b(s, o) : s, i = e.length - 1, r; i >= 0; i--)
+    (r = e[i]) && (t = (l ? r(s, o, t) : r(t)) || t);
+  return l && t && y(s, o, t), t;
 };
-let r = class extends d {
+let n = class extends p {
   constructor() {
-    super(...arguments), this.open = !1, this.label = "", this.size = "md", this.closable = !0, this.closeOnOverlay = !0, this._previousFocus = null, this._handleKeydown = (e) => {
-      var o, s;
+    super(...arguments), this.open = !1, this.label = "", this.size = "md", this.closable = !0, this.closeOnOverlay = !0, this._previousFocus = null, this._afterHideTimer = null, this._handleKeydown = (e) => {
+      var s;
       if (this.open) {
         if (e.key === "Escape") {
           e.preventDefault(), this.open = !1;
           return;
         }
         if (e.key === "Tab") {
-          const l = this._getFocusableElements();
-          if (l.length === 0) {
+          const o = this._getFocusableElements();
+          if (o.length === 0) {
             e.preventDefault();
             return;
           }
-          const t = l[0], n = l[l.length - 1];
-          e.shiftKey ? (document.activeElement === t || ((o = this.shadowRoot) == null ? void 0 : o.activeElement) === t) && (e.preventDefault(), n.focus()) : (document.activeElement === n || ((s = this.shadowRoot) == null ? void 0 : s.activeElement) === n) && (e.preventDefault(), t.focus());
+          const l = o[0], t = o[o.length - 1], i = ((s = this.shadowRoot) == null ? void 0 : s.activeElement) ?? document.activeElement;
+          e.shiftKey ? i === l && (e.preventDefault(), t.focus()) : i === t && (e.preventDefault(), l.focus());
         }
       }
+    }, this._handlePageHide = () => {
+      this.open && (this.open = !1, document.body.style.overflow = "");
     }, this._handleClose = () => {
       this.open = !1;
     }, this._handleOverlayClick = (e) => {
@@ -33,63 +35,70 @@ let r = class extends d {
     };
   }
   _getFocusableElements() {
-    var o;
-    const e = (o = this.shadowRoot) == null ? void 0 : o.querySelector("dialog");
-    return e ? Array.from(
-      e.querySelectorAll(
-        'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
-      )
-    ).filter((s) => !s.closest("[hidden]")) : [];
+    var t;
+    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("dialog");
+    if (!e) return [];
+    const s = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', o = Array.from(
+      e.querySelectorAll(s)
+    ).filter((i) => !i.closest("[hidden]")), l = [];
+    return e.querySelectorAll("slot").forEach((i) => {
+      i.assignedElements({ flatten: !0 }).forEach((r) => {
+        var u;
+        (u = r.matches) != null && u.call(r, s) && !r.closest("[hidden]") && l.push(r), r.querySelectorAll(s).forEach((c) => {
+          c.closest("[hidden]") || l.push(c);
+        });
+      });
+    }), [...o, ...l];
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("keydown", this._handleKeydown);
+    super.connectedCallback(), document.addEventListener("keydown", this._handleKeydown), window.addEventListener("pagehide", this._handlePageHide);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("keydown", this._handleKeydown), document.body.style.overflow = "";
+    super.disconnectedCallback(), document.removeEventListener("keydown", this._handleKeydown), window.removeEventListener("pagehide", this._handlePageHide), document.body.style.overflow = "", this._afterHideTimer !== null && (clearTimeout(this._afterHideTimer), this._afterHideTimer = null);
   }
   render() {
-    return f.call(this);
+    return v.call(this);
   }
   updated(e) {
-    var o, s, l;
+    var s, o, l;
     if (e.has("open")) {
-      const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("dialog");
+      if (!this.open && e.get("open") === void 0) return;
+      const t = (s = this.shadowRoot) == null ? void 0 : s.querySelector("dialog");
       if (!t) return;
-      this.open ? (document.body.style.overflow = "hidden", this._previousFocus = document.activeElement, t.showModal(), this.dispatchEvent(
+      this.open ? (this._afterHideTimer !== null && (clearTimeout(this._afterHideTimer), this._afterHideTimer = null), document.body.style.overflow = "hidden", this._previousFocus = document.activeElement, t.showModal(), this.dispatchEvent(
         new CustomEvent("sp-show", { bubbles: !0, composed: !0 })
       ), this.updateComplete.then(() => {
-        var i;
-        (i = this._getFocusableElements()[0]) == null || i.focus();
-      })) : (document.body.style.overflow = "", t.close(), this.dispatchEvent(
+        var r;
+        (r = this._getFocusableElements()[0]) == null || r.focus();
+      })) : (document.body.style.overflow = "", t.open && t.close(), this.dispatchEvent(
         new CustomEvent("sp-hide", { bubbles: !0, composed: !0 })
-      ), (l = (s = this._previousFocus) == null ? void 0 : s.focus) == null || l.call(s), this._previousFocus = null, setTimeout(
-        () => this.dispatchEvent(
+      ), (l = (o = this._previousFocus) == null ? void 0 : o.focus) == null || l.call(o), this._previousFocus = null, this._afterHideTimer = setTimeout(() => {
+        this._afterHideTimer = null, this.dispatchEvent(
           new CustomEvent("sp-after-hide", { bubbles: !0, composed: !0 })
-        ),
-        300
-      ));
+        );
+      }, 300));
     }
   }
 };
-r.styles = u(h);
+n.styles = h(m);
 a([
-  c({ type: Boolean, reflect: !0 })
-], r.prototype, "open", 2);
+  d({ type: Boolean, reflect: !0 })
+], n.prototype, "open", 2);
 a([
-  c({ type: String })
-], r.prototype, "label", 2);
+  d({ type: String })
+], n.prototype, "label", 2);
 a([
-  c({ type: String, reflect: !0 })
-], r.prototype, "size", 2);
+  d({ type: String, reflect: !0 })
+], n.prototype, "size", 2);
 a([
-  c({ type: Boolean, reflect: !0 })
-], r.prototype, "closable", 2);
+  d({ type: Boolean, reflect: !0 })
+], n.prototype, "closable", 2);
 a([
-  c({ type: Boolean, attribute: "close-on-overlay" })
-], r.prototype, "closeOnOverlay", 2);
-r = a([
-  p("sp-modal")
-], r);
+  d({ type: Boolean, attribute: "close-on-overlay" })
+], n.prototype, "closeOnOverlay", 2);
+n = a([
+  f("sp-modal")
+], n);
 export {
-  r as SpModalComponent
+  n as SpModalComponent
 };

package/dist/components/navbar/sp-navbar.css.js

@@ -1,4 +1,4 @@
-const a = ":host{display:block;width:100%}:host([fixed]){position:fixed;top:0;left:0;right:0;z-index:1000}:host([sticky]){position:sticky;top:0;z-index:1000}.sp-navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:var(--sp-bg, white);gap:16px}:host([bordered]) .sp-navbar{border-bottom:1px solid var(--sp-border-subtle, #e5e7eb)}:host([transparent]) .sp-navbar{background:transparent}.sp-navbar-start,.sp-navbar-center,.sp-navbar-end{display:flex;align-items:center;gap:8px}.sp-navbar-start{flex:1;justify-content:flex-start}.sp-navbar-center{flex-shrink:0}.sp-navbar-end{flex:1;justify-content:flex-end}.sp-navbar--elevation-sm{box-shadow:var(--sp-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.sp-navbar--elevation-md{box-shadow:var(--sp-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1))}a:focus-visible,button:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}@media(max-width:639px){.sp-navbar-center{display:none}.sp-navbar{padding:0 16px}}@media(prefers-reduced-motion:reduce){:host{transition:none!important}button,a,[role=button]{transition:none!important}}";
+const e = "*,*:before,*:after{box-sizing:border-box}:host{display:block;width:100%}:host([fixed]){position:fixed;top:0;left:0;right:0;z-index:1000}:host([sticky]){position:sticky;top:0;z-index:1000}.sp-navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:var(--sp-bg, white);gap:16px}:host([bordered]) .sp-navbar{border-bottom:1px solid var(--sp-border-subtle, #e5e7eb)}:host([transparent]) .sp-navbar{background:transparent}.sp-navbar-start,.sp-navbar-center,.sp-navbar-end{display:flex;align-items:center;gap:8px}.sp-navbar-start{flex:1;justify-content:flex-start}.sp-navbar-center{flex-shrink:0}.sp-navbar-end{flex:1;justify-content:flex-end}.sp-navbar--elevation-sm{box-shadow:var(--sp-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.sp-navbar--elevation-md{box-shadow:var(--sp-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1))}a:focus-visible,button:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}@media(max-width:639px){.sp-navbar-center{display:none}.sp-navbar{padding:0 16px}}@media(prefers-reduced-motion:reduce){:host{transition:none!important}button,a,[role=button]{transition:none!important}}";
 export {
-  a as default
+  e as default
 };

package/dist/components/number-input/sp-number-input.css.js

@@ -1,4 +1,4 @@
-const e = ':host{display:block;font-family:inherit;box-sizing:border-box}.sp-number-input{display:flex;flex-direction:column;gap:4px;width:100%;box-sizing:border-box}.sp-number-input-label{display:block;font-size:13px;font-weight:500;color:var(--sp-text-secondary, #374151);line-height:1.4}.sp-number-input-control{display:flex;align-items:stretch;border:1px solid var(--sp-border, #d1d5db);border-radius:6px;overflow:hidden;background:var(--sp-bg, #ffffff);transition:border-color .2s}.sp-number-input-control:focus-within{border-color:var(--sp-primary, #3b82f6);box-shadow:0 0 0 3px var(--sp-primary-focus, rgba(59, 130, 246, .12))}.sp-number-input-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--sp-bg-subtle, #f9fafb);border:none;color:var(--sp-text-secondary, #374151);cursor:pointer;font-size:16px;font-family:inherit;line-height:1;padding:0;flex-shrink:0;transition:background .15s,color .15s;user-select:none;-webkit-user-select:none}.sp-number-input-btn:hover{background:var(--sp-border-subtle, #e5e7eb);color:var(--sp-text, #111827)}.sp-number-input-btn:active{background:var(--sp-border, #d1d5db)}.sp-number-input-btn:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:-2px;z-index:1}.sp-number-input-btn--dec{border-right:1px solid var(--sp-border-subtle, #e5e7eb)}.sp-number-input-btn--inc{border-left:1px solid var(--sp-border-subtle, #e5e7eb)}.sp-number-input-field{flex:1;min-width:0;border:none;outline:none;text-align:center;background:transparent;font-family:inherit;color:var(--sp-text, #111827);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield}.sp-number-input-field::-webkit-outer-spin-button,.sp-number-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sp-number-input-field::placeholder{color:var(--sp-text-placeholder, #9ca3af)}:host([size="sm"]) .sp-number-input-btn{width:28px;height:28px;font-size:14px}:host([size="sm"]) .sp-number-input-field{height:28px;font-size:12px;padding:0 6px}:host([size="sm"]) .sp-number-input-label{font-size:12px}:host([size="md"]) .sp-number-input-btn{width:36px;height:36px;font-size:16px}:host([size="md"]) .sp-number-input-field{height:36px;font-size:14px;padding:0 8px}:host([size="lg"]) .sp-number-input-btn{width:44px;height:44px;font-size:18px}:host([size="lg"]) .sp-number-input-field{height:44px;font-size:16px;padding:0 10px}.sp-number-input--error .sp-number-input-control{border-color:var(--sp-error, #FF4D4F)}.sp-number-input--error .sp-number-input-control:focus-within{border-color:var(--sp-error, #FF4D4F);box-shadow:0 0 0 3px var(--sp-error-focus, rgba(255, 77, 79, .12))}.sp-number-input--disabled .sp-number-input-control{background:var(--sp-bg-muted, #f3f4f6);border-color:var(--sp-border-subtle, #e5e7eb);cursor:not-allowed}.sp-number-input--disabled .sp-number-input-btn{opacity:.5;cursor:not-allowed;pointer-events:none}.sp-number-input--disabled .sp-number-input-field{color:var(--sp-text-placeholder, #9ca3af);cursor:not-allowed;pointer-events:none}.sp-number-input-hint{font-size:12px;color:var(--sp-text-muted, #6b7280);line-height:1.4}.sp-number-input-error{font-size:12px;color:var(--sp-error, #FF4D4F);line-height:1.4}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}';
+const e = '*,*:before,*:after{box-sizing:border-box}:host{display:block;font-family:inherit;box-sizing:border-box}.sp-number-input{display:flex;flex-direction:column;gap:4px;width:100%;box-sizing:border-box}.sp-number-input-label{display:block;font-size:13px;font-weight:500;color:var(--sp-text-secondary, #374151);line-height:1.4}.sp-number-input-control{display:flex;align-items:stretch;border:1px solid var(--sp-border, #d1d5db);border-radius:6px;overflow:hidden;background:var(--sp-bg, #ffffff);transition:border-color .2s}.sp-number-input-control:focus-within{border-color:var(--sp-primary, #3b82f6);box-shadow:0 0 0 3px var(--sp-primary-focus, rgba(59, 130, 246, .12))}.sp-number-input-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--sp-bg-subtle, #f9fafb);border:none;color:var(--sp-text-secondary, #374151);cursor:pointer;font-size:16px;font-family:inherit;line-height:1;padding:0;flex-shrink:0;transition:background .15s,color .15s;user-select:none;-webkit-user-select:none}.sp-number-input-btn:hover{background:var(--sp-border-subtle, #e5e7eb);color:var(--sp-text, #111827)}.sp-number-input-btn:active{background:var(--sp-border, #d1d5db)}.sp-number-input-btn:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:-2px;z-index:1}.sp-number-input-btn--dec{border-right:1px solid var(--sp-border-subtle, #e5e7eb)}.sp-number-input-btn--inc{border-left:1px solid var(--sp-border-subtle, #e5e7eb)}.sp-number-input-field{flex:1;min-width:0;border:none;outline:none;text-align:center;background:transparent;font-family:inherit;color:var(--sp-text, #111827);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield}.sp-number-input-field::-webkit-outer-spin-button,.sp-number-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sp-number-input-field::placeholder{color:var(--sp-text-placeholder, #9ca3af)}:host([size="sm"]) .sp-number-input-btn{width:28px;height:28px;font-size:14px}:host([size="sm"]) .sp-number-input-field{height:28px;font-size:12px;padding:0 6px}:host([size="sm"]) .sp-number-input-label{font-size:12px}:host([size="md"]) .sp-number-input-btn{width:36px;height:36px;font-size:16px}:host([size="md"]) .sp-number-input-field{height:36px;font-size:14px;padding:0 8px}:host([size="lg"]) .sp-number-input-btn{width:44px;height:44px;font-size:18px}:host([size="lg"]) .sp-number-input-field{height:44px;font-size:16px;padding:0 10px}.sp-number-input--error .sp-number-input-control{border-color:var(--sp-error, #FF4D4F)}.sp-number-input--error .sp-number-input-control:focus-within{border-color:var(--sp-error, #FF4D4F);box-shadow:0 0 0 3px var(--sp-error-focus, rgba(255, 77, 79, .12))}.sp-number-input--disabled .sp-number-input-control{background:var(--sp-bg-muted, #f3f4f6);border-color:var(--sp-border-subtle, #e5e7eb);cursor:not-allowed}.sp-number-input--disabled .sp-number-input-btn{opacity:.5;cursor:not-allowed;pointer-events:none}.sp-number-input--disabled .sp-number-input-field{color:var(--sp-text-placeholder, #9ca3af);cursor:not-allowed;pointer-events:none}.sp-number-input-hint{font-size:12px;color:var(--sp-text-muted, #6b7280);line-height:1.4}.sp-number-input-error{font-size:12px;color:var(--sp-error, #FF4D4F);line-height:1.4}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}';
 export {
   e as default
 };

package/dist/components/number-input/sp-number-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sp-number-input.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/sp-number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBACa,sBAAuB,SAAQ,UAAU;;IACpD,OAAgB,MAAM,0BAAqB;IAC3C,MAAM,CAAC,cAAc,UAAQ;;IAa7B,KAAK,SAAK;IAGV,GAAG,EAAE,MAAM,CAAa;IAGxB,GAAG,EAAE,MAAM,CAAY;IAGvB,IAAI,SAAK;IAGT,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,IAAI,EAAE,iBAAiB,CAAQ;IAG/B,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,SAAS,UAAS;IAElB,0DAA0D;IAC1D,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAErD,mFAAmF;IACnF,gBAAgB,IAAI,MAAM;IAOjB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IAIN,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAc/D,iBAAiB,IAAI,IAAI;IAKzB,UAAU,IAAI,IAAI;IAYlB,UAAU,IAAI,IAAI;IAYlB,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAe5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAe7B,yDAAyD;IACzD,mBAAmB,IAAI,IAAI;IAS3B,yDAAyD;IACzD,mBAAmB,IAAI,IAAI;IAS3B,8BAA8B;IAC9B,eAAe,IAAI,IAAI;CAUxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"sp-number-input.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/sp-number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBACa,sBAAuB,SAAQ,UAAU;;IACpD,OAAgB,MAAM,0BAAqB;IAC3C,MAAM,CAAC,cAAc,UAAQ;;IAa7B,KAAK,SAAK;IAGV,GAAG,EAAE,MAAM,CAAa;IAGxB,GAAG,EAAE,MAAM,CAAY;IAGvB,IAAI,SAAK;IAGT,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,IAAI,EAAE,iBAAiB,CAAQ;IAG/B,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,SAAS,UAAS;IAElB,0DAA0D;IAC1D,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAErD,mFAAmF;IACnF,gBAAgB,IAAI,MAAM;IAOjB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IAIN,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAe/D,iBAAiB,IAAI,IAAI;IAKzB,UAAU,IAAI,IAAI;IAYlB,UAAU,IAAI,IAAI;IAYlB,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAa5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAa7B,yDAAyD;IACzD,mBAAmB,IAAI,IAAI;IAS3B,yDAAyD;IACzD,mBAAmB,IAAI,IAAI;IAS3B,8BAA8B;IAC9B,eAAe,IAAI,IAAI;CAUxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF"}

package/dist/components/number-input/sp-number-input.js

@@ -1,14 +1,14 @@
 import { unsafeCSS as b, LitElement as g } from "lit";
-import { property as a, customElement as C } from "lit/decorators.js";
+import { property as r, customElement as C } from "lit/decorators.js";
 import S from "./sp-number-input.css.js";
 import { numberInputTemplate as x } from "./sp-number-input.template.js";
-var w = Object.defineProperty, M = Object.getOwnPropertyDescriptor, y = (t) => {
-  throw TypeError(t);
-}, r = (t, e, s, d) => {
-  for (var h = d > 1 ? void 0 : d ? M(e, s) : e, v = t.length - 1, f; v >= 0; v--)
-    (f = t[v]) && (h = (d ? f(e, s, h) : f(h)) || h);
-  return d && h && w(e, s, h), h;
-}, _ = (t, e, s) => e.has(t) || y("Cannot " + s), l = (t, e, s) => (_(t, e, "read from private field"), s ? s.call(t) : e.get(t)), c = (t, e, s) => e.has(t) ? y("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), n = (t, e, s, d) => (_(t, e, "write to private field"), e.set(t, s), s), p, m, o, u;
+var N = Object.defineProperty, w = Object.getOwnPropertyDescriptor, f = (e) => {
+  throw TypeError(e);
+}, a = (e, t, s, d) => {
+  for (var h = d > 1 ? void 0 : d ? w(t, s) : t, v = e.length - 1, y; v >= 0; v--)
+    (y = e[v]) && (h = (d ? y(t, s, h) : y(h)) || h);
+  return d && h && N(t, s, h), h;
+}, _ = (e, t, s) => t.has(e) || f("Cannot " + s), l = (e, t, s) => (_(e, t, "read from private field"), s ? s.call(e) : t.get(e)), c = (e, t, s) => t.has(e) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), n = (e, t, s, d) => (_(e, t, "write to private field"), t.set(e, s), s), p, m, o, u;
 let i = class extends g {
   constructor() {
     super(), c(this, p), c(this, m, 0), c(this, o, null), c(this, u, null), this.value = 0, this.min = -1 / 0, this.max = 1 / 0, this.step = 1, this.disabled = !1, this.readonly = !1, this.required = !1, this.name = "", this.size = "md", this.label = "", this.hint = "", this.error = "", this.placeholder = "", this.prefix = "", this.suffix = "", this.fullWidth = !1, this.formatter = null, n(this, p, this.attachInternals());
@@ -26,11 +26,14 @@ let i = class extends g {
   render() {
     return x.call(this);
   }
-  updated(t) {
-    (t.has("value") || t.has("required")) && (l(this, p).setFormValue(String(this.value)), this.required && this.value === null ? l(this, p).setValidity(
-      { valueMissing: !0 },
-      "This field is required"
-    ) : l(this, p).setValidity({}));
+  updated(e) {
+    if (e.has("value") || e.has("required")) {
+      const t = isNaN(this.value);
+      l(this, p).setFormValue(t ? "" : String(this.value)), this.required && t ? l(this, p).setValidity(
+        { valueMissing: !0 },
+        "This field is required"
+      ) : l(this, p).setValidity({});
+    }
   }
   formResetCallback() {
     this.value = l(this, m), l(this, p).setFormValue(String(this.value));
@@ -53,9 +56,9 @@ let i = class extends g {
       })
     ));
   }
-  _handleInput(t) {
-    const e = t.target, s = parseFloat(e.value);
-    isNaN(s) || (this.value = Math.min(this.max, Math.max(this.min, s))), this.dispatchEvent(
+  _handleInput(e) {
+    const t = e.target, s = parseFloat(t.value);
+    this.value = t.value === "" ? NaN : isNaN(s) ? this.value : Math.min(this.max, Math.max(this.min, s)), this.dispatchEvent(
       new CustomEvent("sp-input", {
         detail: { value: this.value },
         bubbles: !0,
@@ -63,9 +66,9 @@ let i = class extends g {
       })
     );
   }
-  _handleChange(t) {
-    const e = t.target, s = parseFloat(e.value);
-    isNaN(s) || (this.value = Math.min(this.max, Math.max(this.min, s))), this.dispatchEvent(
+  _handleChange(e) {
+    const t = e.target, s = parseFloat(t.value);
+    this.value = t.value === "" ? NaN : isNaN(s) ? this.value : Math.min(this.max, Math.max(this.min, s)), this.dispatchEvent(
       new CustomEvent("sp-change", {
         detail: { value: this.value },
         bubbles: !0,
@@ -100,55 +103,55 @@ o = /* @__PURE__ */ new WeakMap();
 u = /* @__PURE__ */ new WeakMap();
 i.styles = b(S);
 i.formAssociated = !0;
-r([
-  a({ type: Number })
+a([
+  r({ type: Number })
 ], i.prototype, "value", 2);
-r([
-  a({ type: Number, attribute: "min" })
+a([
+  r({ type: Number, attribute: "min" })
 ], i.prototype, "min", 2);
-r([
-  a({ type: Number, attribute: "max" })
+a([
+  r({ type: Number, attribute: "max" })
 ], i.prototype, "max", 2);
-r([
-  a({ type: Number })
+a([
+  r({ type: Number })
 ], i.prototype, "step", 2);
-r([
-  a({ type: Boolean, reflect: !0 })
+a([
+  r({ type: Boolean, reflect: !0 })
 ], i.prototype, "disabled", 2);
-r([
-  a({ type: Boolean, reflect: !0 })
+a([
+  r({ type: Boolean, reflect: !0 })
 ], i.prototype, "readonly", 2);
-r([
-  a({ type: Boolean, reflect: !0 })
+a([
+  r({ type: Boolean, reflect: !0 })
 ], i.prototype, "required", 2);
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], i.prototype, "name", 2);
-r([
-  a({ type: String, reflect: !0 })
+a([
+  r({ type: String, reflect: !0 })
 ], i.prototype, "size", 2);
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], i.prototype, "label", 2);
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], i.prototype, "hint", 2);
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], i.prototype, "error", 2);
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], i.prototype, "placeholder", 2);
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], i.prototype, "prefix", 2);
-r([
-  a({ type: String })
+a([
+  r({ type: String })
 ], i.prototype, "suffix", 2);
-r([
-  a({ type: Boolean, reflect: !0 })
+a([
+  r({ type: Boolean, reflect: !0 })
 ], i.prototype, "fullWidth", 2);
-i = r([
+i = a([
   C("sp-number-input")
 ], i);
 export {

package/dist/components/otp-input/sp-otp-input.css.js

@@ -1,4 +1,4 @@
-const o = ':host{display:block}.sp-otp-label{display:block;font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151);margin-bottom:8px}.sp-otp-container{display:flex;gap:8px}.sp-otp-cell{display:flex;align-items:center;justify-content:center;border:1px solid var(--sp-border, #d1d5db);border-radius:6px;text-align:center;font-family:inherit;font-weight:500;background-color:var(--sp-bg, #ffffff);box-sizing:border-box;transition:border-color .15s,box-shadow .15s;padding:0}:host([size="sm"]) .sp-otp-cell{width:32px;height:32px;font-size:14px}:host([size="md"]) .sp-otp-cell{width:44px;height:44px;font-size:18px}:host([size="lg"]) .sp-otp-cell{width:56px;height:56px;font-size:22px}.sp-otp-cell:focus-visible{border-color:var(--sp-primary, #3b82f6);outline:none;box-shadow:0 0 0 3px var(--sp-primary-focus, rgba(59, 130, 246, .2))}:host([invalid]) .sp-otp-cell{border-color:var(--sp-error, #FF4D4F)}:host([invalid]) .sp-otp-cell:focus-visible{border-color:var(--sp-error, #FF4D4F);box-shadow:0 0 0 3px var(--sp-error-focus, rgba(255, 77, 79, .2))}:host([disabled]) .sp-otp-cell{opacity:.5;cursor:not-allowed;background-color:var(--sp-bg-subtle, #f9fafb)}.sp-otp-separator{display:flex;align-items:center;font-weight:500;color:var(--sp-text-muted, #6b7280);font-size:16px;flex-shrink:0}@media(max-width:480px){:host([size="md"]) .sp-otp-cell{width:36px;height:36px;font-size:16px}:host([size="lg"]) .sp-otp-cell{width:44px;height:44px;font-size:18px}.sp-otp-container{gap:6px}}@media(prefers-reduced-motion:reduce){.sp-otp-cell{transition:none}}';
+const o = '*,*:before,*:after{box-sizing:border-box}:host{display:block}.sp-otp-label{display:block;font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151);margin-bottom:8px}.sp-otp-container{display:flex;gap:8px}.sp-otp-cell{display:flex;align-items:center;justify-content:center;border:1px solid var(--sp-border, #d1d5db);border-radius:6px;text-align:center;font-family:inherit;font-weight:500;background-color:var(--sp-bg, #ffffff);box-sizing:border-box;transition:border-color .15s,box-shadow .15s;padding:0}:host([size="sm"]) .sp-otp-cell{width:32px;height:32px;font-size:14px}:host([size="md"]) .sp-otp-cell{width:44px;height:44px;font-size:18px}:host([size="lg"]) .sp-otp-cell{width:56px;height:56px;font-size:22px}.sp-otp-cell:focus-visible{border-color:var(--sp-primary, #3b82f6);outline:none;box-shadow:0 0 0 3px var(--sp-primary-focus, rgba(59, 130, 246, .2))}:host([invalid]) .sp-otp-cell{border-color:var(--sp-error, #FF4D4F)}:host([invalid]) .sp-otp-cell:focus-visible{border-color:var(--sp-error, #FF4D4F);box-shadow:0 0 0 3px var(--sp-error-focus, rgba(255, 77, 79, .2))}:host([disabled]) .sp-otp-cell{opacity:.5;cursor:not-allowed;background-color:var(--sp-bg-subtle, #f9fafb)}.sp-otp-separator{display:flex;align-items:center;font-weight:500;color:var(--sp-text-muted, #6b7280);font-size:16px;flex-shrink:0}@media(max-width:480px){:host([size="md"]) .sp-otp-cell{width:36px;height:36px;font-size:16px}:host([size="lg"]) .sp-otp-cell{width:44px;height:44px;font-size:18px}.sp-otp-container{gap:6px}}@media(prefers-reduced-motion:reduce){.sp-otp-cell{transition:none}}';
 export {
   o as default
 };

package/dist/components/pagination/sp-pagination.css.js

@@ -1,4 +1,4 @@
-const i = ":host{display:block}.sp-pagination-wrapper{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.sp-pagination{display:inline-flex;align-items:center;gap:4px}.sp-pagination-label{font-size:13px;color:var(--sp-text-muted, #6b7280);white-space:nowrap}.sp-pagination-size{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--sp-text-muted, #6b7280)}.sp-pagination-size-select{border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:4px;padding:2px 6px;font-size:13px;font-family:inherit;background:var(--sp-bg, white);color:var(--sp-text, #111827);cursor:pointer}.sp-pagination-jump{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--sp-text-muted, #6b7280)}.sp-pagination-jump-input{width:56px;border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:4px;padding:2px 6px;font-size:13px;font-family:inherit;text-align:center;background:var(--sp-bg, white);color:var(--sp-text, #111827)}.sp-pagination-jump-btn{border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:4px;background:var(--sp-bg, white);color:var(--sp-text-secondary, #374151);font-size:13px;font-family:inherit;padding:2px 8px;cursor:pointer}.sp-pagination-jump-btn:hover:not(:disabled){background:var(--sp-bg-muted, #f3f4f6)}.sp-pagination-mobile-label{display:none;font-size:14px;color:var(--sp-text-secondary, #374151)}.sp-pagination-pages{display:inline-flex;align-items:center;gap:4px}.sp-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:6px;background:var(--sp-bg, white);font-size:14px;color:var(--sp-text-secondary, #374151);cursor:pointer;transition:all .15s;font-family:inherit}.sp-pagination-btn:hover:not(:disabled){background:var(--sp-bg-muted, #f3f4f6);border-color:var(--sp-border, #d1d5db)}.sp-pagination-btn--active{background:var(--sp-primary, #3b82f6);border-color:var(--sp-primary, #3b82f6);color:var(--sp-bg, white);font-weight:600}.sp-pagination-btn--active:hover{background:var(--sp-primary-hover, #2563eb)}.sp-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.sp-pagination-dots{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--sp-text-placeholder, #9ca3af);font-size:14px}:host([disabled]) .sp-pagination-btn{opacity:.4;cursor:not-allowed;pointer-events:none}.sp-pagination-btn:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}@media(max-width:480px){.sp-pagination-pages{display:none}.sp-pagination-mobile-label{display:inline}.sp-pagination-first,.sp-pagination-last,.sp-pagination-size,.sp-pagination-jump{display:none}}@media(prefers-reduced-motion:reduce){:host{transition:none!important}button,a,[role=button]{transition:none!important}}";
+const i = "*,*:before,*:after{box-sizing:border-box}:host{display:block}.sp-pagination-wrapper{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.sp-pagination{display:inline-flex;align-items:center;gap:4px}.sp-pagination-label{font-size:13px;color:var(--sp-text-muted, #6b7280);white-space:nowrap}.sp-pagination-size{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--sp-text-muted, #6b7280)}.sp-pagination-size-select{border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:4px;padding:2px 6px;font-size:13px;font-family:inherit;background:var(--sp-bg, white);color:var(--sp-text, #111827);cursor:pointer}.sp-pagination-jump{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--sp-text-muted, #6b7280)}.sp-pagination-jump-input{width:56px;border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:4px;padding:2px 6px;font-size:13px;font-family:inherit;text-align:center;background:var(--sp-bg, white);color:var(--sp-text, #111827)}.sp-pagination-jump-btn{border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:4px;background:var(--sp-bg, white);color:var(--sp-text-secondary, #374151);font-size:13px;font-family:inherit;padding:2px 8px;cursor:pointer}.sp-pagination-jump-btn:hover:not(:disabled){background:var(--sp-bg-muted, #f3f4f6)}.sp-pagination-mobile-label{display:none;font-size:14px;color:var(--sp-text-secondary, #374151)}.sp-pagination-pages{display:inline-flex;align-items:center;gap:4px}.sp-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:6px;background:var(--sp-bg, white);font-size:14px;color:var(--sp-text-secondary, #374151);cursor:pointer;transition:all .15s;font-family:inherit}.sp-pagination-btn:hover:not(:disabled){background:var(--sp-bg-muted, #f3f4f6);border-color:var(--sp-border, #d1d5db)}.sp-pagination-btn--active{background:var(--sp-primary, #3b82f6);border-color:var(--sp-primary, #3b82f6);color:var(--sp-bg, white);font-weight:600}.sp-pagination-btn--active:hover{background:var(--sp-primary-hover, #2563eb)}.sp-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.sp-pagination-dots{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--sp-text-placeholder, #9ca3af);font-size:14px}:host([disabled]) .sp-pagination-btn{opacity:.4;cursor:not-allowed;pointer-events:none}.sp-pagination-btn:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}@media(max-width:480px){.sp-pagination-pages{display:none}.sp-pagination-mobile-label{display:inline}.sp-pagination-first,.sp-pagination-last,.sp-pagination-size,.sp-pagination-jump{display:none}}@media(prefers-reduced-motion:reduce){:host{transition:none!important}button,a,[role=button]{transition:none!important}}";
 export {
   i as default
 };

package/dist/components/popover/sp-popover.css.js

@@ -1,4 +1,4 @@
-const o = ':host{display:inline-block}.sp-popover-wrapper{position:relative;display:inline-flex}.sp-popover-trigger{display:inline-flex;cursor:pointer}.sp-popover-trigger:focus-visible{outline:2px solid var(--sp-primary-hover, #2563eb);outline-offset:2px}.sp-popover{position:absolute;z-index:9999;background:var(--sp-bg, white);border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:8px;box-shadow:0 8px 24px #0000001f;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;transform:scale(.95);min-width:160px}.sp-popover--open{opacity:1;pointer-events:auto;transform:scale(1)}.sp-popover-content{padding:12px}.sp-popover-arrow{position:absolute;width:10px;height:10px;background:var(--sp-bg, white);border:1px solid var(--sp-border-subtle, #e5e7eb);transform:rotate(45deg)}:host([placement="bottom"]) .sp-popover-arrow{top:-6px;left:50%;margin-left:-5px;border-bottom:none;border-right:none}:host([placement="top"]) .sp-popover-arrow{bottom:-6px;left:50%;margin-left:-5px;border-top:none;border-left:none}:host([placement="right"]) .sp-popover-arrow{left:-6px;top:50%;margin-top:-5px;border-top:none;border-right:none}:host([placement="left"]) .sp-popover-arrow{right:-6px;top:50%;margin-top:-5px;border-bottom:none;border-left:none}@media(prefers-reduced-motion:reduce){.sp-popover{transition:none}}';
+const o = '*,*:before,*:after{box-sizing:border-box}:host{display:inline-block}.sp-popover-wrapper{position:relative;display:inline-flex}.sp-popover-trigger{display:inline-flex;cursor:pointer}.sp-popover-trigger:focus-visible{outline:2px solid var(--sp-primary-hover, #2563eb);outline-offset:2px}.sp-popover{position:absolute;z-index:9999;background:var(--sp-bg, white);border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:8px;box-shadow:0 8px 24px #0000001f;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;transform:scale(.95);min-width:160px}.sp-popover--open{opacity:1;pointer-events:auto;transform:scale(1)}.sp-popover-content{padding:12px}.sp-popover-arrow{position:absolute;width:10px;height:10px;background:var(--sp-bg, white);border:1px solid var(--sp-border-subtle, #e5e7eb);transform:rotate(45deg)}:host([placement="bottom"]) .sp-popover-arrow{top:-6px;left:50%;margin-left:-5px;border-bottom:none;border-right:none}:host([placement="top"]) .sp-popover-arrow{bottom:-6px;left:50%;margin-left:-5px;border-top:none;border-left:none}:host([placement="right"]) .sp-popover-arrow{left:-6px;top:50%;margin-top:-5px;border-top:none;border-right:none}:host([placement="left"]) .sp-popover-arrow{right:-6px;top:50%;margin-top:-5px;border-bottom:none;border-left:none}@media(prefers-reduced-motion:reduce){.sp-popover{transition:none}}';
 export {
   o as default
 };

package/dist/components/progress-bar/sp-progress-bar.css.js

@@ -1,4 +1,4 @@
-const r = ':host{display:block;width:100%}.sp-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sp-progress-label{font-size:14px;color:var(--sp-text-secondary, #374151);font-weight:500}.sp-progress-value{font-size:12px;color:var(--sp-text-muted, #6b7280)}.sp-progress-track{width:100%;height:8px;background:var(--sp-border-subtle, #e5e7eb);border-radius:4px;overflow:hidden}.sp-progress-fill{height:100%;border-radius:4px;background:var(--sp-primary, #3b82f6);transition:width .3s ease}:host([variant="success"]) .sp-progress-fill{background:#22c55e}:host([variant="warning"]) .sp-progress-fill{background:var(--sp-warning, #FAAD14)}:host([variant="danger"]) .sp-progress-fill{background:var(--sp-error, #FF4D4F)}.sp-progress-fill--indeterminate{width:40%;animation:sp-progress-indeterminate 1.5s ease-in-out infinite}@keyframes sp-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.sp-progress-fill--striped{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:1rem 1rem}.sp-progress-fill--animated{animation:sp-progress-stripes 1s linear infinite}@keyframes sp-progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sp-progress-fill,.sp-progress-track{transition:none}}';
+const r = '*,*:before,*:after{box-sizing:border-box}:host{display:block;width:100%}.sp-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sp-progress-label{font-size:14px;color:var(--sp-text-secondary, #374151);font-weight:500}.sp-progress-value{font-size:12px;color:var(--sp-text-muted, #6b7280)}.sp-progress-track{width:100%;height:8px;background:var(--sp-border-subtle, #e5e7eb);border-radius:4px;overflow:hidden}.sp-progress-fill{height:100%;border-radius:4px;background:var(--sp-primary, #3b82f6);transition:width .3s ease}:host([variant="success"]) .sp-progress-fill{background:#22c55e}:host([variant="warning"]) .sp-progress-fill{background:var(--sp-warning, #FAAD14)}:host([variant="danger"]) .sp-progress-fill{background:var(--sp-error, #FF4D4F)}.sp-progress-fill--indeterminate{width:40%;animation:sp-progress-indeterminate 1.5s ease-in-out infinite}@keyframes sp-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.sp-progress-fill--striped{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:1rem 1rem}.sp-progress-fill--animated{animation:sp-progress-stripes 1s linear infinite}@keyframes sp-progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sp-progress-fill,.sp-progress-track{transition:none}}';
 export {
   r as default
 };

package/dist/components/radio/sp-radio-group.css.js

@@ -1,4 +1,4 @@
-const o = ':host{display:block}.sp-radio-group{border:none;margin:0;padding:0}.sp-radio-group-legend{font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151);margin-bottom:8px}.sp-radio-group-options{display:flex;flex-direction:column;gap:8px}:host([orientation="horizontal"]) .sp-radio-group-options{flex-direction:row;flex-wrap:wrap;gap:16px}.sp-radio-group-error{display:block;font-size:12px;color:var(--sp-error, #FF4D4F);margin-top:4px}.sp-radio-group-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}';
+const o = '*,*:before,*:after{box-sizing:border-box}:host{display:block}.sp-radio-group{border:none;margin:0;padding:0}.sp-radio-group-legend{font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151);margin-bottom:8px}.sp-radio-group-options{display:flex;flex-direction:column;gap:8px}:host([orientation="horizontal"]) .sp-radio-group-options{flex-direction:row;flex-wrap:wrap;gap:16px}.sp-radio-group-error{display:block;font-size:12px;color:var(--sp-error, #FF4D4F);margin-top:4px}.sp-radio-group-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}';
 export {
   o as default
 };

package/dist/components/radio/sp-radio.css.js

@@ -1,4 +1,4 @@
-const i = ':host{display:inline-block}.sp-radio-label{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.sp-radio-label--disabled{opacity:.5;cursor:not-allowed}.sp-radio-control{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border:2px solid var(--sp-border, #d1d5db);border-radius:50%;background:var(--sp-bg, white);transition:all .15s}.sp-radio-control input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit;border-radius:inherit;min-width:44px;min-height:44px;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-radio-control--checked{border-color:var(--sp-primary, #3b82f6)}.sp-radio-dot{width:8px;height:8px;border-radius:50%;background:var(--sp-primary, #3b82f6)}.sp-radio-control:has(input:focus-visible){outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}:host([size="sm"]) .sp-radio-control{width:14px;height:14px}:host([size="sm"]) .sp-radio-dot{width:6px;height:6px}:host([size="lg"]) .sp-radio-control{width:20px;height:20px}:host([size="lg"]) .sp-radio-dot{width:10px;height:10px}.sp-radio-label-content{display:flex;flex-direction:column;gap:2px}.sp-radio-text{font-size:14px;color:var(--sp-text-secondary, #374151);line-height:1.4}.sp-radio-description{font-size:12px;color:var(--sp-text-muted, #6b7280);line-height:1.4}.sp-radio-error{display:block;font-size:12px;color:var(--sp-error, #FF4D4F);margin-top:4px}.sp-radio-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}@media(prefers-reduced-motion:reduce){.sp-radio-control{transition:none}}';
+const i = '*,*:before,*:after{box-sizing:border-box}:host{display:inline-block}.sp-radio-label{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.sp-radio-label--disabled{opacity:.5;cursor:not-allowed}.sp-radio-control{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border:2px solid var(--sp-border, #d1d5db);border-radius:50%;background:var(--sp-bg, white);transition:all .15s}.sp-radio-control input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit;border-radius:inherit;min-width:44px;min-height:44px;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-radio-control--checked{border-color:var(--sp-primary, #3b82f6)}.sp-radio-dot{width:8px;height:8px;border-radius:50%;background:var(--sp-primary, #3b82f6)}.sp-radio-control:has(input:focus-visible){outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}:host([size="sm"]) .sp-radio-control{width:14px;height:14px}:host([size="sm"]) .sp-radio-dot{width:6px;height:6px}:host([size="lg"]) .sp-radio-control{width:20px;height:20px}:host([size="lg"]) .sp-radio-dot{width:10px;height:10px}.sp-radio-label-content{display:flex;flex-direction:column;gap:2px}.sp-radio-text{font-size:14px;color:var(--sp-text-secondary, #374151);line-height:1.4}.sp-radio-description{font-size:12px;color:var(--sp-text-muted, #6b7280);line-height:1.4}.sp-radio-error{display:block;font-size:12px;color:var(--sp-error, #FF4D4F);margin-top:4px}.sp-radio-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}@media(prefers-reduced-motion:reduce){.sp-radio-control{transition:none}}';
 export {
   i as default
 };

package/dist/components/radio/sp-radio.d.ts

@@ -34,6 +34,7 @@ export declare class SpRadioComponent extends LitElement {
     description: string;
     render(): import('lit-html').TemplateResult;
     updated(): void;
+    formResetCallback(): void;
     readonly _handleChange: (e: Event) => void;
 }
 declare global {

package/dist/components/radio/sp-radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sp-radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/sp-radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,OAAgB,MAAM,0BAAqB;IAC3C,MAAM,CAAC,cAAc,UAAQ;;IAU7B,KAAK,SAAM;IAGX,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,EAAE,WAAW,CAAQ;IAGzB,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,WAAW,SAAM;IAER,MAAM;IAIN,OAAO,IAAI,IAAI;IAIxB,QAAQ,CAAC,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAYvC;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}
+{"version":3,"file":"sp-radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/sp-radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,OAAgB,MAAM,0BAAqB;IAC3C,MAAM,CAAC,cAAc,UAAQ;;IAU7B,KAAK,SAAM;IAGX,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,EAAE,WAAW,CAAQ;IAGzB,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,WAAW,SAAM;IAER,MAAM;IAIN,OAAO,IAAI,IAAI;IAIxB,iBAAiB,IAAI,IAAI;IAKzB,QAAQ,CAAC,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAYvC;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}

package/dist/components/radio/sp-radio.js

@@ -1,18 +1,18 @@
-import { unsafeCSS as u, LitElement as v } from "lit";
+import { unsafeCSS as v, LitElement as f } from "lit";
 import { property as i, customElement as y } from "lit/decorators.js";
-import f from "./sp-radio.css.js";
-import { radioTemplate as _ } from "./sp-radio.template.js";
-var m = Object.defineProperty, S = Object.getOwnPropertyDescriptor, c = (t) => {
-  throw TypeError(t);
-}, a = (t, e, r, o) => {
-  for (var p = o > 1 ? void 0 : o ? S(e, r) : e, l = t.length - 1, h; l >= 0; l--)
-    (h = t[l]) && (p = (o ? h(e, r, p) : h(p)) || p);
-  return o && p && m(e, r, p), p;
-}, d = (t, e, r) => e.has(t) || c("Cannot " + r), g = (t, e, r) => (d(t, e, "read from private field"), r ? r.call(t) : e.get(t)), C = (t, e, r) => e.has(t) ? c("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), w = (t, e, r, o) => (d(t, e, "write to private field"), e.set(t, r), r), n;
-let s = class extends v {
+import _ from "./sp-radio.css.js";
+import { radioTemplate as m } from "./sp-radio.template.js";
+var S = Object.defineProperty, g = Object.getOwnPropertyDescriptor, d = (e) => {
+  throw TypeError(e);
+}, a = (e, t, r, o) => {
+  for (var p = o > 1 ? void 0 : o ? g(t, r) : t, l = e.length - 1, h; l >= 0; l--)
+    (h = e[l]) && (p = (o ? h(t, r, p) : h(p)) || p);
+  return o && p && S(t, r, p), p;
+}, u = (e, t, r) => t.has(e) || d("Cannot " + r), c = (e, t, r) => (u(e, t, "read from private field"), r ? r.call(e) : t.get(e)), C = (e, t, r) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), w = (e, t, r, o) => (u(e, t, "write to private field"), t.set(e, r), r), n;
+let s = class extends f {
   constructor() {
-    super(), C(this, n), this.value = "", this.checked = !1, this.disabled = !1, this.size = "md", this.label = "", this.name = "", this.error = "", this.hint = "", this.description = "", this._handleChange = (t) => {
-      t.target.checked && (this.checked = !0, this.dispatchEvent(
+    super(), C(this, n), this.value = "", this.checked = !1, this.disabled = !1, this.size = "md", this.label = "", this.name = "", this.error = "", this.hint = "", this.description = "", this._handleChange = (e) => {
+      e.target.checked && (this.checked = !0, this.dispatchEvent(
         new CustomEvent("sp-change", {
           detail: { value: this.value },
           bubbles: !0,
@@ -22,14 +22,17 @@ let s = class extends v {
     }, w(this, n, this.attachInternals());
   }
   render() {
-    return _.call(this);
+    return m.call(this);
   }
   updated() {
-    g(this, n).setFormValue(this.checked ? this.value : null);
+    c(this, n).setFormValue(this.checked ? this.value : null);
+  }
+  formResetCallback() {
+    this.checked = !1, c(this, n).setFormValue(null);
   }
 };
 n = /* @__PURE__ */ new WeakMap();
-s.styles = u(f);
+s.styles = v(_);
 s.formAssociated = !0;
 a([
   i({ type: String })

package/dist/components/rating/sp-rating.css.js

@@ -1,4 +1,4 @@
-const t = ':host{display:inline-block;--sp-rating-color: var(--sp-warning, #FAAD14)}.sp-rating{display:inline-flex;align-items:center;gap:2px}.sp-rating-star{background:none;border:none;cursor:pointer;padding:4px;color:var(--sp-border, #d1d5db);transition:color .15s,transform .1s;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.sp-rating-star svg{display:block}:host([size="sm"]) .sp-rating-star{min-width:32px;min-height:32px}:host([size="sm"]) .sp-rating-star svg{width:16px;height:16px}:host([size="md"]) .sp-rating-star svg{width:24px;height:24px}:host([size="lg"]) .sp-rating-star svg{width:32px;height:32px}.sp-rating-star--active{color:var(--sp-rating-color)}.sp-rating-star:hover:not(:disabled){transform:scale(1.15)}.sp-rating-star:disabled{cursor:not-allowed;opacity:.6}:host([readonly]) .sp-rating-star{cursor:default;pointer-events:none}:host([disabled]) .sp-rating-star{cursor:not-allowed;pointer-events:none;opacity:.5}.sp-rating-clear{background:none;border:none;cursor:pointer;padding:4px 6px;color:var(--sp-text-placeholder, #9ca3af);font-size:.75rem;line-height:1;transition:color .15s}.sp-rating-clear:hover{color:var(--sp-error, #FF4D4F)}.sp-rating-star:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}@media(prefers-reduced-motion:reduce){:host{transition:none!important}button,a,[role=button]{transition:none!important}}';
+const r = '*,*:before,*:after{box-sizing:border-box}:host{display:inline-block;--sp-rating-color: var(--sp-warning, #FAAD14)}.sp-rating{display:inline-flex;align-items:center;gap:2px}.sp-rating-star{background:none;border:none;cursor:pointer;padding:4px;color:var(--sp-border, #d1d5db);transition:color .15s,transform .1s;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.sp-rating-star svg{display:block}:host([size="sm"]) .sp-rating-star{min-width:32px;min-height:32px}:host([size="sm"]) .sp-rating-star svg{width:16px;height:16px}:host([size="md"]) .sp-rating-star svg{width:24px;height:24px}:host([size="lg"]) .sp-rating-star svg{width:32px;height:32px}.sp-rating-star--active{color:var(--sp-rating-color)}.sp-rating-star:hover:not(:disabled){transform:scale(1.15)}.sp-rating-star:disabled{cursor:not-allowed;opacity:.6}:host([readonly]) .sp-rating-star{cursor:default;pointer-events:none}:host([disabled]) .sp-rating-star{cursor:not-allowed;pointer-events:none;opacity:.5}.sp-rating-clear{background:none;border:none;cursor:pointer;padding:4px 6px;color:var(--sp-text-placeholder, #9ca3af);font-size:.75rem;line-height:1;transition:color .15s}.sp-rating-clear:hover{color:var(--sp-error, #FF4D4F)}.sp-rating-star:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}@media(prefers-reduced-motion:reduce){:host{transition:none!important}button,a,[role=button]{transition:none!important}}';
 export {
-  t as default
+  r as default
 };

package/dist/components/scroll-area/sp-scroll-area.css.js

@@ -1,4 +1,4 @@
-const o = ':host{display:block}.sp-scroll-area{position:relative;overflow:hidden;width:100%;height:100%}.sp-scroll-area-viewport{width:100%;height:100%;overflow:auto;scrollbar-width:none}.sp-scroll-area-viewport::-webkit-scrollbar{display:none}.sp-scroll-area-viewport--smooth{scroll-behavior:smooth}.sp-scroll-area--vertical .sp-scroll-area-viewport{overflow-x:hidden;overflow-y:auto}.sp-scroll-area--horizontal .sp-scroll-area-viewport{overflow-x:auto;overflow-y:hidden}.sp-scroll-area--both .sp-scroll-area-viewport{overflow:auto}.sp-scroll-area-scrollbar{position:absolute;border-radius:3px;background:transparent}.sp-scroll-area-scrollbar--vertical{right:2px;top:2px;bottom:2px;width:6px}.sp-scroll-area-scrollbar--horizontal{left:2px;right:2px;bottom:2px;height:6px}.sp-scroll-area-thumb{position:absolute;background:#0000004d;border-radius:3px;cursor:pointer;transition:background .2s,opacity .2s}.sp-scroll-area-thumb--vertical{left:0;right:0}.sp-scroll-area-thumb--horizontal{top:0;bottom:0}.sp-scroll-area-thumb:hover{background:#00000080}:host([scrollbar="auto"]) .sp-scroll-area-thumb{opacity:0}:host([scrollbar="auto"]) .sp-scroll-area--scrolling .sp-scroll-area-thumb,:host([scrollbar="auto"]) .sp-scroll-area:hover .sp-scroll-area-thumb{opacity:1}:host([scrollbar="always"]) .sp-scroll-area-thumb{opacity:1}:host([scrollbar="never"]) .sp-scroll-area-scrollbar{display:none}';
+const o = '*,*:before,*:after{box-sizing:border-box}:host{display:block}.sp-scroll-area{position:relative;overflow:hidden;width:100%;height:100%}.sp-scroll-area-viewport{width:100%;height:100%;overflow:auto;scrollbar-width:none}.sp-scroll-area-viewport::-webkit-scrollbar{display:none}.sp-scroll-area-viewport--smooth{scroll-behavior:smooth}.sp-scroll-area--vertical .sp-scroll-area-viewport{overflow-x:hidden;overflow-y:auto}.sp-scroll-area--horizontal .sp-scroll-area-viewport{overflow-x:auto;overflow-y:hidden}.sp-scroll-area--both .sp-scroll-area-viewport{overflow:auto}.sp-scroll-area-scrollbar{position:absolute;border-radius:3px;background:transparent}.sp-scroll-area-scrollbar--vertical{right:2px;top:2px;bottom:2px;width:6px}.sp-scroll-area-scrollbar--horizontal{left:2px;right:2px;bottom:2px;height:6px}.sp-scroll-area-thumb{position:absolute;background:#0000004d;border-radius:3px;cursor:pointer;transition:background .2s,opacity .2s}.sp-scroll-area-thumb--vertical{left:0;right:0}.sp-scroll-area-thumb--horizontal{top:0;bottom:0}.sp-scroll-area-thumb:hover{background:#00000080}:host([scrollbar="auto"]) .sp-scroll-area-thumb{opacity:0}:host([scrollbar="auto"]) .sp-scroll-area--scrolling .sp-scroll-area-thumb,:host([scrollbar="auto"]) .sp-scroll-area:hover .sp-scroll-area-thumb{opacity:1}:host([scrollbar="always"]) .sp-scroll-area-thumb{opacity:1}:host([scrollbar="never"]) .sp-scroll-area-scrollbar{display:none}';
 export {
   o as default
 };

package/dist/components/scroll-area/sp-scroll-area.d.ts

@@ -36,6 +36,7 @@ export declare class SpScrollAreaComponent extends LitElement {
     private _dragStartX;
     private _dragStartScrollLeft;
     private _dragAxis;
+    private _activeDragThumb;
     private _getViewport;
     _onScroll: () => void;
     private _updateThumbs;

package/dist/components/scroll-area/sp-scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sp-scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/sp-scroll-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EACV,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAAqB;IAG3C,WAAW,EAAE,uBAAuB,CAAc;IAGlD,SAAS,EAAE,qBAAqB,CAAU;IAG1C,SAAS,SAAM;IAGf,QAAQ,SAAM;IAGd,SAAS,SAAQ;IAGjB,YAAY,UAAS;IAGrB,YAAY,SAAO;IAGnB,SAAS,SAAK;IAGd,WAAW,SAAO;IAGlB,UAAU,SAAK;IAGf,UAAU,UAAS;IAEnB,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,mBAAmB,CAAK;IAChC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,oBAAoB,CAAK;IACjC,OAAO,CAAC,SAAS,CAAyC;IAE1D,OAAO,CAAC,YAAY;IAQpB,SAAS,QAAO,IAAI,CAuBlB;IAEF,OAAO,CAAC,aAAa;IA6BrB,eAAe,GAAI,GAAG,YAAY,KAAG,IAAI,CAuBvC;IAEF,OAAO,CAAC,YAAY,CAiBlB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEO,YAAY;IAaZ,oBAAoB;IAMpB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF"}
+{"version":3,"file":"sp-scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/sp-scroll-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EACV,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAAqB;IAG3C,WAAW,EAAE,uBAAuB,CAAc;IAGlD,SAAS,EAAE,qBAAqB,CAAU;IAG1C,SAAS,SAAM;IAGf,QAAQ,SAAM;IAGd,SAAS,SAAQ;IAGjB,YAAY,UAAS;IAGrB,YAAY,SAAO;IAGnB,SAAS,SAAK;IAGd,WAAW,SAAO;IAGlB,UAAU,SAAK;IAGf,UAAU,UAAS;IAEnB,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,mBAAmB,CAAK;IAChC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,oBAAoB,CAAK;IACjC,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,gBAAgB,CAA4B;IAEpD,OAAO,CAAC,YAAY;IAQpB,SAAS,QAAO,IAAI,CAuBlB;IAEF,OAAO,CAAC,aAAa;IA6BrB,eAAe,GAAI,GAAG,YAAY,KAAG,IAAI,CAqBvC;IAEF,OAAO,CAAC,YAAY,CAiBlB;IAEF,OAAO,CAAC,UAAU,CAGhB;IAEO,YAAY;IAaZ,oBAAoB;IAUpB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF"}