sp-component 0.0.2 → 0.0.3

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

@@ -1,15 +1,15 @@
 import { unsafeCSS as p, LitElement as u } from "lit";
-import { property as c, state as n, customElement as _ } from "lit/decorators.js";
-import m from "./sp-scroll-area.css.js";
-import { scrollAreaTemplate as d } from "./sp-scroll-area.template.js";
-var b = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (t, i, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? g(i, e) : i, l = t.length - 1, a; l >= 0; l--)
-    (a = t[l]) && (r = (o ? a(i, e, r) : a(r)) || r);
-  return o && r && b(i, e, r), r;
+import { property as c, state as n, customElement as m } from "lit/decorators.js";
+import _ from "./sp-scroll-area.css.js";
+import { scrollAreaTemplate as b } from "./sp-scroll-area.template.js";
+var d = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (t, s, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? g(s, e) : s, l = t.length - 1, a; l >= 0; l--)
+    (a = t[l]) && (i = (r ? a(s, e, i) : a(i)) || i);
+  return r && i && d(s, e, i), i;
 };
-let s = class extends u {
+let o = class extends u {
   constructor() {
-    super(...arguments), this.orientation = "vertical", this.scrollbar = "auto", this.maxHeight = "", this.maxWidth = "", this.hideDelay = 1e3, this.smoothScroll = !1, this._thumbHeight = 100, this._thumbTop = 0, this._thumbWidth = 100, this._thumbLeft = 0, this._scrolling = !1, this._scrollTimeout = null, this._resizeObserver = null, this._dragStartY = 0, this._dragStartScrollTop = 0, this._dragStartX = 0, this._dragStartScrollLeft = 0, this._dragAxis = "vertical", this._onScroll = () => {
+    super(...arguments), this.orientation = "vertical", this.scrollbar = "auto", this.maxHeight = "", this.maxWidth = "", this.hideDelay = 1e3, this.smoothScroll = !1, this._thumbHeight = 100, this._thumbTop = 0, this._thumbWidth = 100, this._thumbLeft = 0, this._scrolling = !1, this._scrollTimeout = null, this._resizeObserver = null, this._dragStartY = 0, this._dragStartScrollTop = 0, this._dragStartX = 0, this._dragStartScrollLeft = 0, this._dragAxis = "vertical", this._activeDragThumb = null, this._onScroll = () => {
       this._updateThumbs(), this._scrolling = !0, this._scrollTimeout !== null && clearTimeout(this._scrollTimeout), this._scrollTimeout = setTimeout(() => {
         this._scrolling = !1;
       }, this.hideDelay);
@@ -26,28 +26,27 @@ let s = class extends u {
       );
     }, this._startThumbDrag = (t) => {
       t.preventDefault(), t.target.setPointerCapture(t.pointerId);
-      const i = t.target.classList.contains(
+      const s = t.target.classList.contains(
         "sp-scroll-area-thumb--vertical"
       );
-      this._dragAxis = i ? "vertical" : "horizontal";
+      this._dragAxis = s ? "vertical" : "horizontal";
       const e = this._getViewport();
-      e && (this._dragStartY = t.clientY, this._dragStartScrollTop = e.scrollTop, this._dragStartX = t.clientX, this._dragStartScrollLeft = e.scrollLeft, t.target.addEventListener("pointermove", this._onThumbMove), t.target.addEventListener(
-        "pointerup",
-        this._onThumbUp,
-        { once: !0 }
-      ));
+      if (!e) return;
+      this._dragStartY = t.clientY, this._dragStartScrollTop = e.scrollTop, this._dragStartX = t.clientX, this._dragStartScrollLeft = e.scrollLeft;
+      const r = t.target;
+      this._activeDragThumb = r, r.addEventListener("pointermove", this._onThumbMove), r.addEventListener("pointerup", this._onThumbUp, { once: !0 });
     }, this._onThumbMove = (t) => {
-      const i = this._getViewport();
-      if (i)
+      const s = this._getViewport();
+      if (s)
         if (this._dragAxis === "vertical") {
-          const e = t.clientY - this._dragStartY, { scrollHeight: o, clientHeight: r } = i, l = e / (r * (this._thumbHeight / 100));
-          i.scrollTop = this._dragStartScrollTop + l * (o - r);
+          const e = t.clientY - this._dragStartY, { scrollHeight: r, clientHeight: i } = s, l = e / (i * (this._thumbHeight / 100));
+          s.scrollTop = this._dragStartScrollTop + l * (r - i);
         } else {
-          const e = t.clientX - this._dragStartX, { scrollWidth: o, clientWidth: r } = i, l = e / (r * (this._thumbWidth / 100));
-          i.scrollLeft = this._dragStartScrollLeft + l * (o - r);
+          const e = t.clientX - this._dragStartX, { scrollWidth: r, clientWidth: i } = s, l = e / (i * (this._thumbWidth / 100));
+          s.scrollLeft = this._dragStartScrollLeft + l * (r - i);
         }
     }, this._onThumbUp = (t) => {
-      t.target.removeEventListener("pointermove", this._onThumbMove);
+      t.target.removeEventListener("pointermove", this._onThumbMove), this._activeDragThumb = null;
     };
   }
   _getViewport() {
@@ -59,11 +58,11 @@ let s = class extends u {
   _updateThumbs() {
     const t = this._getViewport();
     if (!t) return;
-    const { scrollTop: i, scrollHeight: e, clientHeight: o, scrollLeft: r, scrollWidth: l, clientWidth: a } = t;
+    const { scrollTop: s, scrollHeight: e, clientHeight: r, scrollLeft: i, scrollWidth: l, clientWidth: a } = t;
     e > 0 && (this._thumbHeight = Math.max(
       10,
-      o / e * 100
-    ), this._thumbTop = e > o ? i / (e - o) * (100 - this._thumbHeight) : 0), l > 0 && (this._thumbWidth = Math.max(10, a / l * 100), this._thumbLeft = l > a ? r / (l - a) * (100 - this._thumbWidth) : 0);
+      r / e * 100
+    ), this._thumbTop = e > r ? s / (e - r) * (100 - this._thumbHeight) : 0), l > 0 && (this._thumbWidth = Math.max(10, a / l * 100), this._thumbLeft = l > a ? i / (l - a) * (100 - this._thumbWidth) : 0);
   }
   firstUpdated() {
     const t = this._getViewport();
@@ -73,49 +72,49 @@ let s = class extends u {
   }
   disconnectedCallback() {
     var t;
-    super.disconnectedCallback(), (t = this._resizeObserver) == null || t.disconnect(), this._scrollTimeout !== null && clearTimeout(this._scrollTimeout);
+    super.disconnectedCallback(), (t = this._resizeObserver) == null || t.disconnect(), this._scrollTimeout !== null && clearTimeout(this._scrollTimeout), this._activeDragThumb && (this._activeDragThumb.removeEventListener("pointermove", this._onThumbMove), this._activeDragThumb = null);
   }
   render() {
-    return d.call(this);
+    return b.call(this);
   }
 };
-s.styles = p(m);
+o.styles = p(_);
 h([
   c({ type: String, reflect: !0 })
-], s.prototype, "orientation", 2);
+], o.prototype, "orientation", 2);
 h([
   c({ type: String, reflect: !0 })
-], s.prototype, "scrollbar", 2);
+], o.prototype, "scrollbar", 2);
 h([
   c({ type: String, attribute: "max-height" })
-], s.prototype, "maxHeight", 2);
+], o.prototype, "maxHeight", 2);
 h([
   c({ type: String, attribute: "max-width" })
-], s.prototype, "maxWidth", 2);
+], o.prototype, "maxWidth", 2);
 h([
   c({ type: Number, attribute: "hide-delay" })
-], s.prototype, "hideDelay", 2);
+], o.prototype, "hideDelay", 2);
 h([
   c({ type: Boolean, attribute: "smooth-scroll" })
-], s.prototype, "smoothScroll", 2);
+], o.prototype, "smoothScroll", 2);
 h([
   n()
-], s.prototype, "_thumbHeight", 2);
+], o.prototype, "_thumbHeight", 2);
 h([
   n()
-], s.prototype, "_thumbTop", 2);
+], o.prototype, "_thumbTop", 2);
 h([
   n()
-], s.prototype, "_thumbWidth", 2);
+], o.prototype, "_thumbWidth", 2);
 h([
   n()
-], s.prototype, "_thumbLeft", 2);
+], o.prototype, "_thumbLeft", 2);
 h([
   n()
-], s.prototype, "_scrolling", 2);
-s = h([
-  _("sp-scroll-area")
-], s);
+], o.prototype, "_scrolling", 2);
+o = h([
+  m("sp-scroll-area")
+], o);
 export {
-  s as SpScrollAreaComponent
+  o as SpScrollAreaComponent
 };

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

@@ -1,4 +1,4 @@
-const e = ':host{display:block;font-family:inherit}.sp-select-label{display:block;font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151);margin-bottom:4px}.sp-required{color:var(--sp-error, #FF4D4F)}.sp-select-container{position:relative;display:flex;align-items:center}select{width:100%;padding:8px 36px 8px 12px;border:1px solid var(--sp-border, #d1d5db);border-radius:4px;background:var(--sp-bg, white);font-size:14px;font-family:inherit;color:var(--sp-text, #111827);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;transition:border-color .2s}select:focus-visible{border-color:var(--sp-primary, #3b82f6);outline:2px solid var(--sp-primary-focus, rgba(59, 130, 246, .2));outline-offset:-1px}.sp-select-container--error select{border-color:var(--sp-error, #FF4D4F)}.sp-select-container--error select:focus-visible{outline-color:var(--sp-error-focus, rgba(255, 77, 79, .2))}.sp-select-arrow{position:absolute;right:12px;pointer-events:none;color:var(--sp-text-muted, #6b7280);font-size:12px}:host([size="sm"]) select{padding:6px 32px 6px 8px;font-size:12px}:host([size="lg"]) select{padding:12px 40px 12px 16px;font-size:16px}:host([disabled]) select{opacity:.5;cursor:not-allowed;background:var(--sp-bg-subtle, #f9fafb)}.sp-select-count-badge{display:inline-block;margin-top:4px;padding:2px 8px;background:var(--sp-primary-bg, #eff6ff);color:var(--sp-primary, #3b82f6);border-radius:9999px;font-size:12px;font-weight:500}.sp-select-error{display:block;font-size:12px;color:var(--sp-error, #FF4D4F);margin-top:4px}.sp-select-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}@media(max-width:479px){:host{width:100%}.sp-select-wrapper{width:100%}.sp-select-container{width:100%;box-sizing:border-box}select{width:100%}}@media(prefers-reduced-motion:reduce){select{transition:none}}';
+const e = '*,*:before,*:after{box-sizing:border-box}:host{display:block;font-family:inherit}.sp-select-label{display:block;font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151);margin-bottom:4px}.sp-required{color:var(--sp-error, #FF4D4F)}.sp-select-container{position:relative;display:flex;align-items:center}select{width:100%;padding:8px 36px 8px 12px;border:1px solid var(--sp-border, #d1d5db);border-radius:4px;background:var(--sp-bg, white);font-size:14px;font-family:inherit;color:var(--sp-text, #111827);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;transition:border-color .2s}select:focus-visible{border-color:var(--sp-primary, #3b82f6);outline:2px solid var(--sp-primary-focus, rgba(59, 130, 246, .2));outline-offset:-1px}.sp-select-container--error select{border-color:var(--sp-error, #FF4D4F)}.sp-select-container--error select:focus-visible{outline-color:var(--sp-error-focus, rgba(255, 77, 79, .2))}.sp-select-arrow{position:absolute;right:12px;pointer-events:none;color:var(--sp-text-muted, #6b7280);font-size:12px}:host([size="sm"]) select{padding:6px 32px 6px 8px;font-size:12px}:host([size="lg"]) select{padding:12px 40px 12px 16px;font-size:16px}:host([disabled]) select{opacity:.5;cursor:not-allowed;background:var(--sp-bg-subtle, #f9fafb)}.sp-select-count-badge{display:inline-block;margin-top:4px;padding:2px 8px;background:var(--sp-primary-bg, #eff6ff);color:var(--sp-primary, #3b82f6);border-radius:9999px;font-size:12px;font-weight:500}.sp-select-error{display:block;font-size:12px;color:var(--sp-error, #FF4D4F);margin-top:4px}.sp-select-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}@media(max-width:479px){:host{width:100%}.sp-select-wrapper{width:100%}.sp-select-container{width:100%;box-sizing:border-box}select{width:100%}}@media(prefers-reduced-motion:reduce){select{transition:none}}';
 export {
   e as default
 };

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

@@ -1,4 +1,4 @@
-const e = ':host{display:block;height:100%}.sp-sidebar{height:100%;background:var(--sp-bg, white);display:flex;flex-direction:column;transition:width .25s ease;overflow:hidden;position:relative;box-sizing:border-box}:host([bordered]) .sp-sidebar{border-right:1px solid var(--sp-border-subtle, #e5e7eb)}:host([placement="right"]) :host([bordered]) .sp-sidebar{border-right:none;border-left:1px solid var(--sp-border-subtle, #e5e7eb)}.sp-sidebar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sp-sidebar-toggle{position:absolute;top:16px;right:-12px;z-index:1;width:24px;height:24px;border-radius:50%;border:1px solid var(--sp-border-subtle, #e5e7eb);background:var(--sp-bg, white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 1px 4px #0000001a}.sp-sidebar-toggle:hover{background:var(--sp-bg-muted, #f3f4f6)}::slotted([slot="header"]){display:block;padding:16px;border-bottom:1px solid var(--sp-bg-muted, #f3f4f6)}::slotted([slot="footer"]){display:block;padding:16px;border-top:1px solid var(--sp-bg-muted, #f3f4f6);margin-top:auto}.sp-sidebar-toggle: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],.sp-sidebar{transition:none!important}}';
+const e = '*,*:before,*:after{box-sizing:border-box}:host{display:block;height:100%}.sp-sidebar{height:100%;background:var(--sp-bg, white);display:flex;flex-direction:column;transition:width .25s ease;overflow:hidden;position:relative;box-sizing:border-box}:host([bordered]) .sp-sidebar{border-right:1px solid var(--sp-border-subtle, #e5e7eb)}:host([placement="right"]) :host([bordered]) .sp-sidebar{border-right:none;border-left:1px solid var(--sp-border-subtle, #e5e7eb)}.sp-sidebar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sp-sidebar-toggle{position:absolute;top:16px;right:-12px;z-index:1;width:24px;height:24px;border-radius:50%;border:1px solid var(--sp-border-subtle, #e5e7eb);background:var(--sp-bg, white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 1px 4px #0000001a}.sp-sidebar-toggle:hover{background:var(--sp-bg-muted, #f3f4f6)}::slotted([slot="header"]){display:block;padding:16px;border-bottom:1px solid var(--sp-bg-muted, #f3f4f6)}::slotted([slot="footer"]){display:block;padding:16px;border-top:1px solid var(--sp-bg-muted, #f3f4f6);margin-top:auto}.sp-sidebar-toggle: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],.sp-sidebar{transition:none!important}}';
 export {
   e as default
 };

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

@@ -1,4 +1,4 @@
-const e = ':host{display:block;width:100%}:host([variant="circle"]){display:inline-block;width:auto}.sp-skeleton{background:var(--sp-border-subtle, #e5e7eb);border-radius:4px}:host([variant="circle"]) .sp-skeleton{border-radius:50%}:host([variant="rect"]) .sp-skeleton{border-radius:4px;width:100%}:host([variant="text"]) .sp-skeleton{height:1em;border-radius:4px;width:100%}.sp-skeleton--title{height:1.5em;border-radius:4px;width:100%}.sp-skeleton-text-lines{display:flex;flex-direction:column;gap:6px;width:100%}.sp-skeleton--text-line{height:1em;border-radius:4px;width:100%}.sp-skeleton--text-line-last{width:60%}.sp-skeleton--animated{background:linear-gradient(90deg,var(--sp-border-subtle, #e5e7eb) 25%,var(--sp-bg-muted, #f3f4f6) 50%,var(--sp-border-subtle, #e5e7eb) 75%);background-size:200% 100%;animation:sp-shimmer 1.5s infinite}@keyframes sp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sp-skeleton,.sp-skeleton:after{animation:none;background:var(--sp-border-subtle, #e5e7eb)}}';
+const e = '*,*:before,*:after{box-sizing:border-box}:host{display:block;width:100%}:host([variant="circle"]){display:inline-block;width:auto}.sp-skeleton{background:var(--sp-border-subtle, #e5e7eb);border-radius:4px}:host([variant="circle"]) .sp-skeleton{border-radius:50%}:host([variant="rect"]) .sp-skeleton{border-radius:4px;width:100%}:host([variant="text"]) .sp-skeleton{height:1em;border-radius:4px;width:100%}.sp-skeleton--title{height:1.5em;border-radius:4px;width:100%}.sp-skeleton-text-lines{display:flex;flex-direction:column;gap:6px;width:100%}.sp-skeleton--text-line{height:1em;border-radius:4px;width:100%}.sp-skeleton--text-line-last{width:60%}.sp-skeleton--animated{background:linear-gradient(90deg,var(--sp-border-subtle, #e5e7eb) 25%,var(--sp-bg-muted, #f3f4f6) 50%,var(--sp-border-subtle, #e5e7eb) 75%);background-size:200% 100%;animation:sp-shimmer 1.5s infinite}@keyframes sp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sp-skeleton,.sp-skeleton:after{animation:none;background:var(--sp-border-subtle, #e5e7eb)}}';
 export {
   e as default
 };

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

@@ -1,4 +1,4 @@
-const e = ':host{display:block;font-family:inherit}.sp-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sp-slider-label{font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151)}.sp-slider-value{font-size:14px;color:var(--sp-primary, #3b82f6);font-weight:600}.sp-slider-track-wrapper{position:relative;display:flex;align-items:center;height:20px}.sp-slider-track{position:absolute;left:0;right:0;height:4px;background:var(--sp-border-subtle, #e5e7eb);border-radius:2px;pointer-events:none}:host([size="sm"]) .sp-slider-track{height:2px}:host([size="lg"]) .sp-slider-track{height:6px}.sp-slider-fill{position:absolute;height:100%;background:var(--sp-primary, #3b82f6);border-radius:2px;transition:width .1s,left .1s}.sp-slider-input{position:relative;width:100%;margin:0;height:20px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;z-index:1}.sp-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--sp-primary, #3b82f6);border:2px solid var(--sp-bg, white);box-shadow:0 1px 4px #0003;cursor:pointer;transition:transform .1s}:host([size="sm"]) .sp-slider-input::-webkit-slider-thumb{width:12px;height:12px}:host([size="lg"]) .sp-slider-input::-webkit-slider-thumb{width:20px;height:20px}.sp-slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.sp-slider-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--sp-primary, #3b82f6);border:2px solid var(--sp-bg, white);box-shadow:0 1px 4px #0003;cursor:pointer}.sp-slider-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}:host([disabled]) .sp-slider-input{cursor:not-allowed;opacity:.5}:host([disabled]) .sp-slider-fill{background:var(--sp-text-placeholder, #9ca3af)}.sp-slider-error{display:block;font-size:12px;color:var(--sp-error, #FF4D4F);margin-top:4px}.sp-slider-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}.sp-slider-input--range-start,.sp-slider-input--range-end{position:absolute;pointer-events:none}.sp-slider-input--range-start::-webkit-slider-thumb,.sp-slider-input--range-end::-webkit-slider-thumb{pointer-events:all}.sp-slider-input--range-start::-moz-range-thumb,.sp-slider-input--range-end::-moz-range-thumb{pointer-events:all}.sp-slider-marks{position:absolute;left:0;right:0;top:100%;margin-top:4px;pointer-events:none}.sp-slider-mark{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.sp-slider-mark-tick{display:block;width:2px;height:6px;background:var(--sp-text-placeholder, #9ca3af);border-radius:1px}.sp-slider-mark-label{font-size:11px;color:var(--sp-text-muted, #6b7280);margin-top:2px;white-space:nowrap}@media(max-width:480px){.sp-slider-track-wrapper{height:28px}.sp-slider-input::-webkit-slider-thumb{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}input[type=range]::-webkit-slider-thumb{transition:none}}';
+const e = '*,*:before,*:after{box-sizing:border-box}:host{display:block;font-family:inherit}.sp-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sp-slider-label{font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151)}.sp-slider-value{font-size:14px;color:var(--sp-primary, #3b82f6);font-weight:600}.sp-slider-track-wrapper{position:relative;display:flex;align-items:center;height:20px}.sp-slider-track{position:absolute;left:0;right:0;height:4px;background:var(--sp-border-subtle, #e5e7eb);border-radius:2px;pointer-events:none}:host([size="sm"]) .sp-slider-track{height:2px}:host([size="lg"]) .sp-slider-track{height:6px}.sp-slider-fill{position:absolute;height:100%;background:var(--sp-primary, #3b82f6);border-radius:2px;transition:width .1s,left .1s}.sp-slider-input{position:relative;width:100%;margin:0;height:20px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;z-index:1}.sp-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--sp-primary, #3b82f6);border:2px solid var(--sp-bg, white);box-shadow:0 1px 4px #0003;cursor:pointer;transition:transform .1s}:host([size="sm"]) .sp-slider-input::-webkit-slider-thumb{width:12px;height:12px}:host([size="lg"]) .sp-slider-input::-webkit-slider-thumb{width:20px;height:20px}.sp-slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.sp-slider-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--sp-primary, #3b82f6);border:2px solid var(--sp-bg, white);box-shadow:0 1px 4px #0003;cursor:pointer}.sp-slider-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}:host([disabled]) .sp-slider-input{cursor:not-allowed;opacity:.5}:host([disabled]) .sp-slider-fill{background:var(--sp-text-placeholder, #9ca3af)}.sp-slider-error{display:block;font-size:12px;color:var(--sp-error, #FF4D4F);margin-top:4px}.sp-slider-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}.sp-slider-input--range-start,.sp-slider-input--range-end{position:absolute;pointer-events:none}.sp-slider-input--range-start::-webkit-slider-thumb,.sp-slider-input--range-end::-webkit-slider-thumb{pointer-events:all}.sp-slider-input--range-start::-moz-range-thumb,.sp-slider-input--range-end::-moz-range-thumb{pointer-events:all}.sp-slider-marks{position:absolute;left:0;right:0;top:100%;margin-top:4px;pointer-events:none}.sp-slider-mark{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.sp-slider-mark-tick{display:block;width:2px;height:6px;background:var(--sp-text-placeholder, #9ca3af);border-radius:1px}.sp-slider-mark-label{font-size:11px;color:var(--sp-text-muted, #6b7280);margin-top:2px;white-space:nowrap}@media(max-width:480px){.sp-slider-track-wrapper{height:28px}.sp-slider-input::-webkit-slider-thumb{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}input[type=range]::-webkit-slider-thumb{transition:none}}';
 export {
   e as default
 };

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

@@ -1,4 +1,4 @@
-const i = ':host{display:inline-flex;align-items:center;justify-content:center;color:var(--sp-primary, #3b82f6)}.sp-spinner{display:flex;animation:sp-spin .75s linear infinite}.sp-spinner svg{display:block}:host([size="sm"]) .sp-spinner svg{width:16px;height:16px}:host([size="md"]) .sp-spinner svg{width:24px;height:24px}:host([size="lg"]) .sp-spinner svg{width:36px;height:36px}:host([size="xl"]) .sp-spinner svg{width:48px;height:48px}.sp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sp-spinner{animation:none;opacity:.6}}';
+const i = '*,*:before,*:after{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center;color:var(--sp-primary, #3b82f6)}.sp-spinner{display:flex;animation:sp-spin .75s linear infinite}.sp-spinner svg{display:block}:host([size="sm"]) .sp-spinner svg{width:16px;height:16px}:host([size="md"]) .sp-spinner svg{width:24px;height:24px}:host([size="lg"]) .sp-spinner svg{width:36px;height:36px}:host([size="xl"]) .sp-spinner svg{width:48px;height:48px}.sp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sp-spinner{animation:none;opacity:.6}}';
 export {
   i as default
 };

package/dist/components/split-panel/sp-split-panel.css.js

@@ -1,4 +1,4 @@
-const e = ":host{display:block;width:100%;height:100%}.sp-split-panel{display:grid;width:100%;height:100%}.sp-split-panel--horizontal{grid-template-columns:var(--position, 50%) 4px 1fr;grid-template-rows:1fr}.sp-split-panel--vertical{grid-template-columns:1fr;grid-template-rows:var(--position, 50%) 4px 1fr}.sp-split-panel-start,.sp-split-panel-end{overflow:hidden;min-width:0;min-height:0}.sp-split-panel-divider{display:flex;align-items:center;justify-content:center;background:var(--sp-border-subtle, #e5e7eb);transition:background .15s;-webkit-user-select:none;user-select:none;outline:none;flex-shrink:0}.sp-split-panel--horizontal .sp-split-panel-divider{cursor:col-resize;width:4px;height:100%}.sp-split-panel--vertical .sp-split-panel-divider{cursor:row-resize;width:100%;height:4px}.sp-split-panel-divider:hover,.sp-split-panel--dragging .sp-split-panel-divider{background:#93c5fd}.sp-split-panel-divider:focus-visible{outline:2px solid var(--sp-primary-hover, #2563eb);outline-offset:0}.sp-split-panel-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--sp-bg, #ffffff);border:1px solid var(--sp-border, #d1d5db);border-radius:4px;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.sp-split-panel-handle svg{width:10px;height:10px;color:var(--sp-text-placeholder, #9ca3af)}.sp-split-panel--horizontal .sp-split-panel-handle{flex-direction:column}:host([disabled]) .sp-split-panel-divider{cursor:default;pointer-events:none;opacity:.5}";
+const e = "*,*:before,*:after{box-sizing:border-box}:host{display:block;width:100%;height:100%}.sp-split-panel{display:grid;width:100%;height:100%}.sp-split-panel--horizontal{grid-template-columns:var(--position, 50%) 4px 1fr;grid-template-rows:1fr}.sp-split-panel--vertical{grid-template-columns:1fr;grid-template-rows:var(--position, 50%) 4px 1fr}.sp-split-panel-start,.sp-split-panel-end{overflow:hidden;min-width:0;min-height:0}.sp-split-panel-divider{display:flex;align-items:center;justify-content:center;background:var(--sp-border-subtle, #e5e7eb);transition:background .15s;-webkit-user-select:none;user-select:none;outline:none;flex-shrink:0}.sp-split-panel--horizontal .sp-split-panel-divider{cursor:col-resize;width:4px;height:100%}.sp-split-panel--vertical .sp-split-panel-divider{cursor:row-resize;width:100%;height:4px}.sp-split-panel-divider:hover,.sp-split-panel--dragging .sp-split-panel-divider{background:#93c5fd}.sp-split-panel-divider:focus-visible{outline:2px solid var(--sp-primary-hover, #2563eb);outline-offset:0}.sp-split-panel-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--sp-bg, #ffffff);border:1px solid var(--sp-border, #d1d5db);border-radius:4px;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.sp-split-panel-handle svg{width:10px;height:10px;color:var(--sp-text-placeholder, #9ca3af)}.sp-split-panel--horizontal .sp-split-panel-handle{flex-direction:column}:host([disabled]) .sp-split-panel-divider{cursor:default;pointer-events:none;opacity:.5}";
 export {
   e as default
 };

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

@@ -1,4 +1,4 @@
-const t = ":host{display:block}.sp-stat{display:flex;flex-direction:column;gap:4px}.sp-stat-label{font-size:13px;font-weight:500;color:var(--sp-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em}.sp-stat-value-row{display:flex;align-items:baseline;gap:4px}.sp-stat-prefix{font-size:20px;font-weight:500;color:var(--sp-text-muted, #6b7280)}.sp-stat-value{font-size:36px;font-weight:700;color:var(--sp-text, #111827);line-height:1}.sp-stat-suffix{font-size:16px;font-weight:500;color:var(--sp-text-muted, #6b7280)}.sp-stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500}.sp-stat-trend--up{color:var(--sp-stat-trend-up-color, #16a34a)}.sp-stat-trend--down{color:var(--sp-stat-trend-down-color, var(--sp-error-hover, #CF1322))}.sp-stat-trend--neutral{color:var(--sp-stat-trend-neutral-color, var(--sp-text-muted, #6b7280))}.sp-stat-trend-icon{font-size:14px}.sp-stat-description{font-size:13px;color:var(--sp-text-placeholder, #9ca3af)}.sp-stat-icon{margin-right:4px;font-size:15px}.sp-stat--loading{gap:8px}.sp-stat-skeleton{display:block;border-radius:4px;background:linear-gradient(90deg,var(--sp-bg-muted, #f0f0f0) 25%,var(--sp-border-subtle, #e0e0e0) 50%,var(--sp-bg-muted, #f0f0f0) 75%);background-size:200% 100%;animation:sp-stat-shimmer 1.4s ease infinite}.sp-stat-skeleton--label{height:13px;width:80px}.sp-stat-skeleton--value{height:36px;width:120px}.sp-stat-skeleton--trend{height:13px;width:60px}@keyframes sp-stat-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){:host{min-width:0}.sp-stat-value{font-size:28px}}@media(prefers-reduced-motion:reduce){:host{transition:none!important}.sp-stat-skeleton{animation:none}}";
+const t = "*,*:before,*:after{box-sizing:border-box}:host{display:block}.sp-stat{display:flex;flex-direction:column;gap:4px}.sp-stat-label{font-size:13px;font-weight:500;color:var(--sp-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em}.sp-stat-value-row{display:flex;align-items:baseline;gap:4px}.sp-stat-prefix{font-size:20px;font-weight:500;color:var(--sp-text-muted, #6b7280)}.sp-stat-value{font-size:36px;font-weight:700;color:var(--sp-text, #111827);line-height:1}.sp-stat-suffix{font-size:16px;font-weight:500;color:var(--sp-text-muted, #6b7280)}.sp-stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500}.sp-stat-trend--up{color:var(--sp-stat-trend-up-color, #16a34a)}.sp-stat-trend--down{color:var(--sp-stat-trend-down-color, var(--sp-error-hover, #CF1322))}.sp-stat-trend--neutral{color:var(--sp-stat-trend-neutral-color, var(--sp-text-muted, #6b7280))}.sp-stat-trend-icon{font-size:14px}.sp-stat-description{font-size:13px;color:var(--sp-text-placeholder, #9ca3af)}.sp-stat-icon{margin-right:4px;font-size:15px}.sp-stat--loading{gap:8px}.sp-stat-skeleton{display:block;border-radius:4px;background:linear-gradient(90deg,var(--sp-bg-muted, #f0f0f0) 25%,var(--sp-border-subtle, #e0e0e0) 50%,var(--sp-bg-muted, #f0f0f0) 75%);background-size:200% 100%;animation:sp-stat-shimmer 1.4s ease infinite}.sp-stat-skeleton--label{height:13px;width:80px}.sp-stat-skeleton--value{height:36px;width:120px}.sp-stat-skeleton--trend{height:13px;width:60px}@keyframes sp-stat-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){:host{min-width:0}.sp-stat-value{font-size:28px}}@media(prefers-reduced-motion:reduce){:host{transition:none!important}.sp-stat-skeleton{animation:none}}";
 export {
   t as default
 };

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

@@ -1,4 +1,4 @@
-const e = ':host{display:block}.sp-stepper{display:flex;align-items:flex-start}:host([orientation="vertical"]) .sp-stepper{flex-direction:column}.sp-step{display:flex;align-items:center;flex:1;position:relative}:host([orientation="vertical"]) .sp-step{flex-direction:column;align-items:flex-start;flex:none;width:100%;padding-bottom:24px}.sp-step-indicator{width:32px;height:32px;border-radius:50%;border:2px solid var(--sp-border, #d1d5db);background:var(--sp-bg, white);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--sp-text-muted, #6b7280);flex-shrink:0;z-index:1;transition:all .2s}.sp-step--complete .sp-step-indicator{background:var(--sp-primary, #3b82f6);border-color:var(--sp-primary, #3b82f6);color:var(--sp-bg, white)}.sp-step--current .sp-step-indicator{border-color:var(--sp-primary, #3b82f6);color:var(--sp-primary, #3b82f6);box-shadow:0 0 0 3px var(--sp-primary-focus, rgba(59, 130, 246, .2))}.sp-step--error .sp-step-indicator{border-color:var(--sp-error, #FF4D4F);color:var(--sp-error, #FF4D4F)}.sp-step-connector{flex:1;height:2px;background:var(--sp-border-subtle, #e5e7eb);margin:0 8px}:host([orientation="vertical"]) .sp-step-connector{width:2px;height:24px;margin:4px 0;position:absolute;left:15px;top:32px}.sp-step--complete+.sp-step .sp-step-connector,.sp-step--complete .sp-step-connector{background:var(--sp-primary, #3b82f6)}.sp-step-content{display:flex;flex-direction:column;gap:2px;padding:0 8px}:host([orientation="vertical"]) .sp-step-content{position:absolute;left:44px;top:4px}.sp-step-label{font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151);white-space:nowrap}.sp-step--current .sp-step-label{color:var(--sp-primary, #3b82f6)}.sp-step--upcoming .sp-step-label{color:var(--sp-text-placeholder, #9ca3af)}.sp-step--error .sp-step-label{color:var(--sp-error, #FF4D4F)}.sp-step-description{font-size:12px;color:var(--sp-text-placeholder, #9ca3af);white-space:nowrap}.sp-step-indicator: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],.sp-step-indicator{transition:none!important}}';
+const e = '*,*:before,*:after{box-sizing:border-box}:host{display:block}.sp-stepper{display:flex;align-items:flex-start}:host([orientation="vertical"]) .sp-stepper{flex-direction:column}.sp-step{display:flex;align-items:center;flex:1;position:relative}:host([orientation="vertical"]) .sp-step{flex-direction:column;align-items:flex-start;flex:none;width:100%;padding-bottom:24px}.sp-step-indicator{width:32px;height:32px;border-radius:50%;border:2px solid var(--sp-border, #d1d5db);background:var(--sp-bg, white);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--sp-text-muted, #6b7280);flex-shrink:0;z-index:1;transition:all .2s}.sp-step--complete .sp-step-indicator{background:var(--sp-primary, #3b82f6);border-color:var(--sp-primary, #3b82f6);color:var(--sp-bg, white)}.sp-step--current .sp-step-indicator{border-color:var(--sp-primary, #3b82f6);color:var(--sp-primary, #3b82f6);box-shadow:0 0 0 3px var(--sp-primary-focus, rgba(59, 130, 246, .2))}.sp-step--error .sp-step-indicator{border-color:var(--sp-error, #FF4D4F);color:var(--sp-error, #FF4D4F)}.sp-step-connector{flex:1;height:2px;background:var(--sp-border-subtle, #e5e7eb);margin:0 8px}:host([orientation="vertical"]) .sp-step-connector{width:2px;height:24px;margin:4px 0;position:absolute;left:15px;top:32px}.sp-step--complete+.sp-step .sp-step-connector,.sp-step--complete .sp-step-connector{background:var(--sp-primary, #3b82f6)}.sp-step-content{display:flex;flex-direction:column;gap:2px;padding:0 8px}:host([orientation="vertical"]) .sp-step-content{position:absolute;left:44px;top:4px}.sp-step-label{font-size:14px;font-weight:500;color:var(--sp-text-secondary, #374151);white-space:nowrap}.sp-step--current .sp-step-label{color:var(--sp-primary, #3b82f6)}.sp-step--upcoming .sp-step-label{color:var(--sp-text-placeholder, #9ca3af)}.sp-step--error .sp-step-label{color:var(--sp-error, #FF4D4F)}.sp-step-description{font-size:12px;color:var(--sp-text-placeholder, #9ca3af);white-space:nowrap}.sp-step-indicator: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],.sp-step-indicator{transition:none!important}}';
 export {
   e as default
 };

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

@@ -1,4 +1,4 @@
-const t = ':host{display:inline-block}.sp-switch-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.sp-switch-label--disabled{opacity:.5;cursor:not-allowed}.sp-switch-track{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:12px;background:var(--sp-border, #d1d5db);transition:background .2s;flex-shrink:0}.sp-switch-track input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit;border-radius:inherit}.sp-switch-track--checked{background:var(--sp-primary, #3b82f6)}.sp-switch-thumb{position:absolute;left:2px;width:20px;height:20px;border-radius:50%;background:var(--sp-bg, white);box-shadow:0 1px 3px #0003;transition:transform .2s;pointer-events:none}.sp-switch-track--checked .sp-switch-thumb{transform:translate(20px)}.sp-switch-track:has(input:focus-visible){outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}:host([size="sm"]) .sp-switch-track{width:34px;height:18px;border-radius:9px}:host([size="sm"]) .sp-switch-thumb{width:14px;height:14px}:host([size="sm"]) .sp-switch-track--checked .sp-switch-thumb{transform:translate(16px)}:host([size="lg"]) .sp-switch-track{width:54px;height:30px;border-radius:15px}:host([size="lg"]) .sp-switch-thumb{width:26px;height:26px}:host([size="lg"]) .sp-switch-track--checked .sp-switch-thumb{transform:translate(24px)}.sp-switch-text{font-size:14px;color:var(--sp-text-secondary, #374151)}.sp-switch-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}@media(prefers-reduced-motion:reduce){.sp-switch-track,.sp-switch-thumb{transition:none}}';
+const t = '*,*:before,*:after{box-sizing:border-box}:host{display:inline-block}.sp-switch-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.sp-switch-label--disabled{opacity:.5;cursor:not-allowed}.sp-switch-track{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:12px;background:var(--sp-border, #d1d5db);transition:background .2s;flex-shrink:0}.sp-switch-track input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit;border-radius:inherit}.sp-switch-track--checked{background:var(--sp-primary, #3b82f6)}.sp-switch-thumb{position:absolute;left:2px;width:20px;height:20px;border-radius:50%;background:var(--sp-bg, white);box-shadow:0 1px 3px #0003;transition:transform .2s;pointer-events:none}.sp-switch-track--checked .sp-switch-thumb{transform:translate(20px)}.sp-switch-track:has(input:focus-visible){outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px}:host([size="sm"]) .sp-switch-track{width:34px;height:18px;border-radius:9px}:host([size="sm"]) .sp-switch-thumb{width:14px;height:14px}:host([size="sm"]) .sp-switch-track--checked .sp-switch-thumb{transform:translate(16px)}:host([size="lg"]) .sp-switch-track{width:54px;height:30px;border-radius:15px}:host([size="lg"]) .sp-switch-thumb{width:26px;height:26px}:host([size="lg"]) .sp-switch-track--checked .sp-switch-thumb{transform:translate(24px)}.sp-switch-text{font-size:14px;color:var(--sp-text-secondary, #374151)}.sp-switch-hint{display:block;font-size:12px;color:var(--sp-text-muted, #6b7280);margin-top:4px}@media(prefers-reduced-motion:reduce){.sp-switch-track,.sp-switch-thumb{transition:none}}';
 export {
   t as default
 };

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

@@ -1,4 +1,4 @@
-const e = ":host{display:block}.sp-table-wrapper{width:100%;overflow-x:auto;border-radius:8px}.sp-table{width:100%;border-collapse:collapse;font-size:14px}:host([bordered]) .sp-table-wrapper{border:1px solid var(--sp-border-subtle, #e5e7eb)}.sp-table-th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--sp-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em;background:var(--sp-bg-subtle, #f9fafb);border-bottom:1px solid var(--sp-border-subtle, #e5e7eb);white-space:nowrap}:host([compact]) .sp-table-th{padding:8px 12px}.sp-table-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sp-table-th--sortable:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-table-th-content{display:flex;align-items:center;gap:6px}.sp-table-sort-icon{color:var(--sp-text-placeholder, #9ca3af);font-size:12px}.sp-table-th--sorted .sp-table-sort-icon{color:var(--sp-primary, #3b82f6)}.sp-table-td{padding:12px 16px;color:var(--sp-text-secondary, #374151);border-bottom:1px solid var(--sp-bg-muted, #f3f4f6)}:host([compact]) .sp-table-td{padding:8px 12px}:host([bordered]) .sp-table-th,:host([bordered]) .sp-table-td{border:1px solid var(--sp-border-subtle, #e5e7eb)}.sp-table-row--striped{background:var(--sp-bg-subtle, #f9fafb)}:host([hoverable]) .sp-table-row:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-table-empty{text-align:center;padding:32px;color:var(--sp-text-placeholder, #9ca3af);font-size:14px}.sp-table-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--sp-text-muted, #6b7280)}.sp-table-th--sortable:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:-2px}.sp-table-th--sticky{position:sticky;top:0;z-index:1;background:var(--sp-table-header-bg, var(--sp-bg-subtle, #f9fafb))}.sp-table-caption{caption-side:top;padding:8px 16px;text-align:left;font-size:14px;font-weight:600;color:var(--sp-text-secondary, #374151)}.sp-table-th--checkbox,.sp-table-td--checkbox{width:40px;padding:12px 8px;text-align:center}.sp-table-row--selected{background:var(--sp-primary-bg, #eff6ff)}:host([hoverable]) .sp-table-row--selected:hover{background:var(--sp-primary-bg-hover, #dbeafe)}@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}.sp-table-toolbar{display:flex;align-items:center;gap:10px;padding:10px 0 12px;flex-wrap:wrap}.sp-table-search{position:relative;display:flex;align-items:center;flex:1;min-width:180px;max-width:360px}.sp-table-search-icon{position:absolute;left:10px;color:var(--sp-text-muted, #9ca3af);display:flex;align-items:center;pointer-events:none}.sp-table-search-input{width:100%;padding:7px 32px;font-size:13px;font-family:inherit;background:var(--sp-bg, #fff);color:var(--sp-text, #111827);border:1px solid var(--sp-border, #d1d5db);border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s}.sp-table-search-input::placeholder{color:var(--sp-text-muted, #9ca3af)}.sp-table-search-input:focus{border-color:var(--sp-primary, #3b82f6);box-shadow:0 0 0 3px var(--sp-primary-focus, rgba(59,130,246,.2))}.sp-table-search-clear{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:var(--sp-text-muted, #9ca3af);font-size:12px;padding:2px;border-radius:3px;line-height:1}.sp-table-search-clear:hover{color:var(--sp-text, #111827)}.sp-table-toolbar-end{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.sp-table-count{font-size:12px;color:var(--sp-text-muted, #6b7280);white-space:nowrap}.sp-table-chip-clear{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-family:inherit;background:var(--sp-error-bg, #fff2f0);color:var(--sp-error, #ef4444);border:1px solid var(--sp-error, #ef4444);border-radius:99px;cursor:pointer;white-space:nowrap;transition:background .15s}.sp-table-chip-clear:hover{background:var(--sp-error-bg-hover, #ffccc7)}.sp-table-icon-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-family:inherit;background:var(--sp-bg, #fff);color:var(--sp-text-secondary, #374151);border:1px solid var(--sp-border, #d1d5db);border-radius:7px;cursor:pointer;white-space:nowrap;transition:background .15s}.sp-table-icon-btn:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-table-col-picker-wrap{position:relative}.sp-table-col-picker{position:absolute;right:0;top:calc(100% + 6px);background:var(--sp-bg, #fff);border:1px solid var(--sp-border, #d1d5db);border-radius:10px;box-shadow:var(--sp-shadow-lg, 0 10px 15px -3px rgba(0,0,0,.1));padding:8px 4px;min-width:180px;z-index:100}.sp-table-col-picker-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sp-text-muted, #6b7280);padding:4px 12px 8px;border-bottom:1px solid var(--sp-border-subtle, #e5e7eb);margin-bottom:4px}.sp-table-col-picker-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:13px;color:var(--sp-text-secondary, #374151);cursor:pointer;border-radius:6px;margin:0 4px;transition:background .1s}.sp-table-col-picker-item:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-table-col-picker-item input{cursor:pointer;accent-color:var(--sp-primary, #3b82f6)}.sp-table-page-size{display:flex;align-items:center;gap:6px;white-space:nowrap}.sp-table-page-size-label{font-size:12px;color:var(--sp-text-muted, #6b7280)}.sp-table-page-size-select{padding:4px 24px 4px 8px;font-size:12px;font-family:inherit;background:var(--sp-bg, #fff);color:var(--sp-text-secondary, #374151);border:1px solid var(--sp-border, #d1d5db);border-radius:6px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:border-color .15s}.sp-table-page-size-select:focus{border-color:var(--sp-primary, #3b82f6);box-shadow:0 0 0 3px var(--sp-primary-focus, rgba(59,130,246,.2))}.sp-table-wrapper{width:100%;overflow-x:auto;border-radius:10px;border:1px solid var(--sp-border-subtle, #e5e7eb)}:host([bordered]) .sp-table-wrapper{border:1px solid var(--sp-border, #d1d5db)}.sp-table{width:100%;border-collapse:collapse;font-size:14px}.sp-table-th{padding:11px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--sp-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em;background:var(--sp-bg-subtle, #f9fafb);border-bottom:1px solid var(--sp-border-subtle, #e5e7eb);white-space:nowrap;position:relative;transition:background .12s}:host([compact]) .sp-table-th{padding:7px 12px}.sp-table-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sp-table-th--sortable:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-table-th--sortable:focus-visible{outline:2px solid var(--sp-primary, #3b82f6);outline-offset:-2px}.sp-table-th--reorderable,.sp-table-th--reorderable.sp-table-th--sortable{cursor:grab}.sp-table-th--dragging{opacity:.5}.sp-table-th--dragover{background:var(--sp-primary-bg, #eff6ff)!important;border-left:2px solid var(--sp-primary, #3b82f6)}.sp-table-th--sticky{position:sticky;top:0;z-index:2;background:var(--sp-bg-subtle, #f9fafb)}.sp-table-th-content{display:flex;align-items:center;gap:6px}.sp-table-drag-handle{color:var(--sp-border-strong, #9ca3af);font-size:12px;cursor:grab;line-height:1;flex-shrink:0;letter-spacing:-2px}.sp-table-sort-icon{color:var(--sp-text-placeholder, #9ca3af);font-size:12px;flex-shrink:0}.sp-table-th--sorted .sp-table-sort-icon{color:var(--sp-primary, #3b82f6)}.sp-table-filter-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--sp-text-placeholder, #9ca3af);padding:0;transition:color .12s,background .12s}.sp-table-filter-icon-btn:hover{color:var(--sp-text-secondary, #374151);background:var(--sp-bg-muted, #f3f4f6)}.sp-table-filter-icon-btn--active{color:var(--sp-primary, #3b82f6)}.sp-table-filter-icon-btn--active:hover{background:var(--sp-primary-bg, #eff6ff)}.sp-table-col-filter-pop{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--sp-bg, #fff);border:1px solid var(--sp-border, #d1d5db);border-radius:10px;box-shadow:var(--sp-shadow-lg, 0 10px 15px -3px rgba(0,0,0,.12), 0 4px 6px -2px rgba(0,0,0,.06));padding:10px;z-index:60}.sp-table-col-filter-pop-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sp-text-muted, #6b7280);margin-bottom:8px}.sp-table-col-filter-pop-row{display:flex;align-items:center;gap:6px}.sp-table-col-filter-pop-input{flex:1;padding:6px 10px;font-size:13px;font-family:inherit;background:var(--sp-bg-subtle, #f9fafb);color:var(--sp-text, #111827);border:1px solid var(--sp-border, #d1d5db);border-radius:7px;outline:none;transition:border-color .15s,box-shadow .15s}.sp-table-col-filter-pop-input::placeholder{color:var(--sp-text-muted, #9ca3af)}.sp-table-col-filter-pop-input:focus{border-color:var(--sp-primary, #3b82f6);box-shadow:0 0 0 3px var(--sp-primary-focus, rgba(59,130,246,.2));background:var(--sp-bg, #fff)}.sp-table-col-filter-pop-clear{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;background:none;border:1px solid var(--sp-border, #d1d5db);border-radius:6px;cursor:pointer;color:var(--sp-text-muted, #9ca3af);font-size:11px;transition:color .12s,background .12s,border-color .12s}.sp-table-col-filter-pop-clear:hover{color:var(--sp-error, #ef4444);border-color:var(--sp-error, #ef4444);background:var(--sp-error-bg, #fff2f0)}.sp-table-td{padding:12px 16px;color:var(--sp-text-secondary, #374151);border-bottom:1px solid var(--sp-bg-muted, #f3f4f6);vertical-align:middle}:host([compact]) .sp-table-td{padding:8px 12px}:host([bordered]) .sp-table-th,:host([bordered]) .sp-table-td{border:1px solid var(--sp-border-subtle, #e5e7eb)}.sp-table-row--striped{background:var(--sp-bg-subtle, #f9fafb)}:host([hoverable]) .sp-table-row:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-table-row--selected{background:var(--sp-primary-bg, #eff6ff)!important}:host([hoverable]) .sp-table-row--selected:hover{background:var(--sp-primary-bg-hover, #dbeafe)!important}.sp-table-th--checkbox,.sp-table-td--checkbox{width:40px;padding:12px 8px;text-align:center}.sp-table-th--actions{width:1%;white-space:nowrap}.sp-table-td--actions{white-space:nowrap}.sp-table-actions{display:flex;align-items:center;gap:4px}.sp-table-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-family:inherit;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s;font-weight:500}.sp-table-action-btn--ghost{background:transparent;color:var(--sp-text-secondary, #374151)}.sp-table-action-btn--ghost:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-table-action-btn--primary{background:var(--sp-primary-bg, #eff6ff);color:var(--sp-primary, #3b82f6)}.sp-table-action-btn--primary:hover{background:var(--sp-primary-bg-hover, #dbeafe)}.sp-table-action-btn--secondary{background:var(--sp-bg-muted, #f3f4f6);color:var(--sp-text-secondary, #374151);border:1px solid var(--sp-border, #d1d5db)}.sp-table-action-btn--secondary:hover{background:var(--sp-bg, #fff)}.sp-table-action-btn--destructive{background:var(--sp-error-bg, #fff2f0);color:var(--sp-error, #ef4444)}.sp-table-action-btn--destructive:hover{background:var(--sp-error-bg-hover, #ffccc7)}.sp-table-empty{text-align:center;padding:40px 20px;color:var(--sp-text-placeholder, #9ca3af);font-size:14px}.sp-table-empty-inner{display:flex;flex-direction:column;align-items:center;gap:10px}.sp-table-empty-inner .sp-table-chip-clear{margin-top:4px}.sp-table-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--sp-text-muted, #6b7280)}.sp-table-caption{caption-side:top;padding:8px 16px;text-align:left;font-size:14px;font-weight:600;color:var(--sp-text-secondary, #374151)}.sp-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 2px 2px;flex-wrap:wrap;gap:10px}.sp-table-page-info{font-size:13px;color:var(--sp-text-muted, #6b7280)}.sp-table-page-btns{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sp-table-page-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;font-family:inherit;background:var(--sp-bg, #fff);color:var(--sp-text-secondary, #374151);border:1px solid var(--sp-border, #d1d5db);border-radius:7px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.sp-table-page-btn:hover:not(:disabled){background:var(--sp-bg-muted, #f3f4f6);border-color:var(--sp-border-strong, #9ca3af)}.sp-table-page-btn:disabled{opacity:.4;cursor:not-allowed}.sp-table-page-btn--active{background:var(--sp-primary, #3b82f6)!important;color:#fff!important;border-color:var(--sp-primary, #3b82f6)!important;font-weight:700}.sp-table-page-ellipsis{padding:0 4px;font-size:13px;color:var(--sp-text-muted, #6b7280)}@keyframes sp-table-spin{to{transform:rotate(360deg)}}.sp-table-spin{animation:sp-table-spin .8s linear infinite;transform-origin:center}@media(prefers-reduced-motion:reduce){.sp-table-spin{animation:none}*{transition:none!important}}@media(max-width:600px){.sp-table-toolbar{gap:6px}.sp-table-search{max-width:100%}.sp-table-toolbar-end{margin-left:0}}`;
 export {
   e as default
 };

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

@@ -1,26 +1,38 @@
 import { LitElement } from 'lit';
-import { SpTableColumn, SpTableSortDirection } from './sp-table.types.js';
+import { SpTableAction, SpTableColumn, SpTableSortDirection } from './sp-table.types.js';
 /**
- * Data table component with column definitions and row data array.
+ * Data table component with sorting, filtering, column reordering,
+ * column visibility, pagination, and row actions.
  *
  * @element sp-table
  *
- * @prop {SpTableColumn[]}              columns       - Column definitions
- * @prop {Record<string, unknown>[]}    data          - Row data
- * @prop {boolean}                      loading       - Shows loading state
- * @prop {boolean}                      bordered      - Adds borders to cells
- * @prop {boolean}                      striped       - Alternates row background
- * @prop {boolean}                      hoverable     - Highlights rows on hover
- * @prop {boolean}                      compact       - Reduces cell padding
- * @prop {string}                       emptyText     - Text shown when no data
- * @prop {string}                       sortKey       - Currently sorted column key
- * @prop {SpTableSortDirection}         sortDirection - Current sort direction
- * @prop {boolean}                      stickyHeader  - Makes the header sticky
- * @prop {boolean}                      selectable    - Enables row selection with checkboxes
- * @prop {string}                       caption       - Table caption text
+ * @prop {SpTableColumn[]}              columns          - Column definitions
+ * @prop {Record<string, unknown>[]}    data             - Row data
+ * @prop {boolean}                      loading          - Shows loading state
+ * @prop {boolean}                      bordered         - Adds borders to cells
+ * @prop {boolean}                      striped          - Alternates row background
+ * @prop {boolean}                      hoverable        - Highlights rows on hover
+ * @prop {boolean}                      compact          - Reduces cell padding
+ * @prop {string}                       emptyText        - Text shown when no data
+ * @prop {string}                       sortKey          - Currently sorted column key
+ * @prop {SpTableSortDirection}         sortDirection    - Current sort direction
+ * @prop {boolean}                      stickyHeader     - Makes the header sticky
+ * @prop {boolean}                      selectable       - Enables row selection with checkboxes
+ * @prop {string}                       caption          - Table caption text
+ * @prop {boolean}                      reorderable      - Allows drag-and-drop column reordering
+ * @prop {boolean}                      searchable       - Shows a global search toolbar
+ * @prop {number}                       pageSize         - Rows per page (0 = no pagination)
+ * @prop {number[]}                     pageSizeOptions  - Page size options for the selector
+ * @prop {SpTableAction[]}              actions          - Per-row action buttons
+ * @prop {boolean}                      virtual          - Enables virtual scrolling (replaces pagination)
+ * @prop {number}                       rowHeight        - Row height in px for virtual scroll calculations
+ * @prop {string}                       maxHeight        - Container height for virtual scroll
  *
- * @fires {CustomEvent<{ key: string, direction: SpTableSortDirection }>} sp-sort - Emitted when a sortable column header is clicked
- * @fires {CustomEvent<{ indices: number[] }>} sp-selection-change - Emitted when row selection changes
+ * @fires {CustomEvent<{ key, direction }>}  sp-sort             - Sort column clicked
+ * @fires {CustomEvent<{ indices }>}         sp-selection-change - Row selection changed
+ * @fires {CustomEvent<{ order }>}           sp-column-reorder   - Columns were reordered
+ * @fires {CustomEvent<{ row, index }>}      sp-row-action       - Row action clicked
+ * @fires {CustomEvent<{ pageSize }>}        sp-page-size-change - Fires when page size selector changes
  */
 export declare class SpTableComponent extends LitElement {
     static styles: import('lit').CSSResult;
@@ -37,10 +49,61 @@ export declare class SpTableComponent extends LitElement {
     stickyHeader: boolean;
     selectable: boolean;
     caption: string;
+    reorderable: boolean;
+    searchable: boolean;
+    pageSize: number;
+    pageSizeOptions: number[];
+    actions: SpTableAction[];
+    virtual: boolean;
+    rowHeight: number;
+    maxHeight: string;
     selectedRows: Set<number>;
+    _columnOrder: string[];
+    _hiddenCols: Set<string>;
+    _filters: Record<string, string>;
+    _globalSearch: string;
+    _page: number;
+    _showColPicker: boolean;
+    _dragOverIndex: number;
+    _dragFromIndex: number;
+    _openFilterCol: string | null;
+    _scrollTop: number;
+    _containerH: number;
+    private _resizeObs?;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _setupVirtualScroll;
+    get _orderedColumns(): SpTableColumn[];
+    get _visibleColumns(): SpTableColumn[];
+    get _filteredData(): Record<string, unknown>[];
+    get _pagedData(): Record<string, unknown>[];
+    get _totalPages(): number;
+    get _virtualSlice(): {
+        rows: Record<string, unknown>[];
+        startIndex: number;
+        topPad: number;
+        bottomPad: number;
+    };
+    readonly _onVirtualScroll: (e: Event) => void;
+    readonly _handlePageSizeChange: (size: number) => void;
     readonly _handleRowSelect: (rowIndex: number, checked: boolean) => void;
     readonly _handleSelectAll: (checked: boolean) => void;
     readonly _handleSort: (column: SpTableColumn) => void;
+    readonly _handleDragStart: (e: DragEvent, index: number) => void;
+    readonly _handleDragOver: (e: DragEvent, index: number) => void;
+    readonly _handleDragLeave: () => void;
+    readonly _handleDrop: (e: DragEvent, toIndex: number) => void;
+    readonly _handleDragEnd: () => void;
+    readonly _toggleFilterCol: (key: string) => void;
+    readonly _handleFilter: (key: string, value: string) => void;
+    readonly _handleGlobalSearch: (value: string) => void;
+    readonly _clearFilters: () => void;
+    get _hasActiveFilters(): boolean;
+    readonly _toggleColumn: (key: string) => void;
+    readonly _goToPage: (page: number) => void;
+    readonly _handleAction: (action: SpTableAction, row: Record<string, unknown>, index: number) => void;
+    private _emit;
     render(): import('lit-html').TemplateResult;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"sp-table.d.ts","sourceRoot":"","sources":["../../../src/components/table/sp-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,aAAa,EAAE,CAAM;IAG9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAGrC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,SAAS,UAAQ;IAGjB,OAAO,UAAS;IAGhB,SAAS,SAAuB;IAGhC,OAAO,SAAM;IAGb,aAAa,EAAE,oBAAoB,CAAU;IAG7C,YAAY,UAAS;IAGrB,UAAU,UAAS;IAGnB,OAAO,SAAM;IAGb,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IAEtC,QAAQ,CAAC,gBAAgB,GAAI,UAAU,MAAM,EAAE,SAAS,OAAO,UAe7D;IAEF,QAAQ,CAAC,gBAAgB,GAAI,SAAS,OAAO,UAY3C;IAEF,QAAQ,CAAC,WAAW,GAAI,QAAQ,aAAa,UAiB3C;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}
+{"version":3,"file":"sp-table.d.ts","sourceRoot":"","sources":["../../../src/components/table/sp-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE9F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAI3C,OAAO,EAAE,aAAa,EAAE,CAAM;IAG9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAGrC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,SAAS,UAAQ;IAGjB,OAAO,UAAS;IAGhB,SAAS,SAAuB;IAGhC,OAAO,SAAM;IAGb,aAAa,EAAE,oBAAoB,CAAU;IAG7C,YAAY,UAAS;IAGrB,UAAU,UAAS;IAGnB,OAAO,SAAM;IAGb,WAAW,UAAS;IAGpB,UAAU,UAAS;IAGnB,QAAQ,SAAK;IAGb,eAAe,EAAE,MAAM,EAAE,CAAqB;IAG9C,OAAO,EAAE,aAAa,EAAE,CAAM;IAG9B,OAAO,UAAS;IAGhB,SAAS,SAAM;IAGf,SAAS,SAAW;IAGX,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IACtC,YAAY,EAAE,MAAM,EAAE,CAAM;IAC5B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IACrC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACtC,aAAa,SAAM;IACnB,KAAK,SAAK;IACV,cAAc,UAAS;IACvB,cAAc,SAAM;IACpB,cAAc,SAAM;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IACrC,UAAU,SAAK;IACf,WAAW,SAAO;IAE3B,OAAO,CAAC,UAAU,CAAC,CAAiB;IAG3B,YAAY;IAIZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA0BrC,oBAAoB;IAK7B,OAAO,CAAC,mBAAmB;IAY3B,IAAI,eAAe,IAAI,aAAa,EAAE,CAIrC;IAED,IAAI,eAAe,IAAI,aAAa,EAAE,CAErC;IAED,IAAI,aAAa,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CA+B7C;IAED,IAAI,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAK1C;IAED,IAAI,WAAW,IAAI,MAAM,CAGxB;IAED,IAAI,aAAa,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAc9G;IAGD,QAAQ,CAAC,gBAAgB,GAAI,GAAG,KAAK,UAEnC;IAGF,QAAQ,CAAC,qBAAqB,GAAI,MAAM,MAAM,UAK5C;IAGF,QAAQ,CAAC,gBAAgB,GAAI,UAAU,MAAM,EAAE,SAAS,OAAO,UAK7D;IAEF,QAAQ,CAAC,gBAAgB,GAAI,SAAS,OAAO,UAI3C;IAGF,QAAQ,CAAC,WAAW,GAAI,QAAQ,aAAa,UAY3C;IAGF,QAAQ,CAAC,gBAAgB,GAAI,GAAG,SAAS,EAAE,OAAO,MAAM,UAMtD;IAEF,QAAQ,CAAC,eAAe,GAAI,GAAG,SAAS,EAAE,OAAO,MAAM,UAIrD;IAEF,QAAQ,CAAC,gBAAgB,aAEvB;IAEF,QAAQ,CAAC,WAAW,GAAI,GAAG,SAAS,EAAE,SAAS,MAAM,UAkBnD;IAEF,QAAQ,CAAC,cAAc,aAGrB;IAGF,QAAQ,CAAC,gBAAgB,GAAI,KAAK,MAAM,UAEtC;IAEF,QAAQ,CAAC,aAAa,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,UAIlD;IAEF,QAAQ,CAAC,mBAAmB,GAAI,OAAO,MAAM,UAI3C;IAEF,QAAQ,CAAC,aAAa,aAKpB;IAEF,IAAI,iBAAiB,IAAI,OAAO,CAK/B;IAGD,QAAQ,CAAC,aAAa,GAAI,KAAK,MAAM,UAInC;IAGF,QAAQ,CAAC,SAAS,GAAI,MAAM,MAAM,UAGhC;IAGF,QAAQ,CAAC,aAAa,GAAI,QAAQ,aAAa,EAAE,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,MAAM,UAG1F;IAGF,OAAO,CAAC,KAAK;IAIJ,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}