sp-component 0.0.1

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

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+/**
+ * Pagination component for navigating through pages of content.
+ *
+ * @element sp-pagination
+ *
+ * @prop {number}   page            - Current page number (1-based)
+ * @prop {number}   total           - Total number of items
+ * @prop {number}   pageSize        - Number of items per page
+ * @prop {number[]} pageSizeOptions - Renders a page-size select when set
+ * @prop {number}   siblingCount    - Number of page buttons shown on each side of current
+ * @prop {boolean}  disabled        - Disables all pagination controls
+ * @prop {boolean}  showJumpTo      - Show "Go to page" input field
+ *
+ * @fires {CustomEvent<{ page: number }>}     sp-change           - Emitted when the page changes
+ * @fires {CustomEvent<{ pageSize: number }>} sp-page-size-change - Emitted when page size changes
+ */
+export declare class SpPaginationComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    page: number;
+    total: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    siblingCount: number;
+    disabled: boolean;
+    showJumpTo: boolean;
+    _jumpValue: string;
+    get totalPages(): number;
+    _getPages(): Array<number | "...">;
+    _goTo(page: number): void;
+    _handlePageSizeChange(e: Event): void;
+    _handleJumpInput(e: Event): void;
+    _handleJumpSubmit(e: Event): void;
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-pagination": SpPaginationComponent;
+    }
+}
+//# sourceMappingURL=sp-pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/sp-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C;;;;;;;;;;;;;;;GAeG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAK;IAGT,KAAK,SAAK;IAGV,QAAQ,SAAM;IAGd,eAAe,EAAE,MAAM,EAAE,CAAM;IAG/B,YAAY,SAAK;IAGjB,QAAQ,UAAS;IAGjB,UAAU,UAAS;IAGnB,UAAU,SAAM;IAEhB,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;IAsBlC,KAAK,CAAC,IAAI,EAAE,MAAM;IAYlB,qBAAqB,CAAC,CAAC,EAAE,KAAK;IAe9B,gBAAgB,CAAC,CAAC,EAAE,KAAK;IAIzB,iBAAiB,CAAC,CAAC,EAAE,KAAK;IASjB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,qBAAqB,CAAC;KACxC;CACF"}

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

@@ -0,0 +1,87 @@
+import { unsafeCSS as m, LitElement as c } from "lit";
+import { property as r, state as f, customElement as b } from "lit/decorators.js";
+import y from "./sp-pagination.css.js";
+import { paginationTemplate as _ } from "./sp-pagination.template.js";
+var d = Object.defineProperty, S = Object.getOwnPropertyDescriptor, p = (t, e, s, a) => {
+  for (var i = a > 1 ? void 0 : a ? S(e, s) : e, n = t.length - 1, u; n >= 0; n--)
+    (u = t[n]) && (i = (a ? u(e, s, i) : u(i)) || i);
+  return a && i && d(e, s, i), i;
+};
+let o = class extends c {
+  constructor() {
+    super(...arguments), this.page = 1, this.total = 0, this.pageSize = 10, this.pageSizeOptions = [], this.siblingCount = 1, this.disabled = !1, this.showJumpTo = !1, this._jumpValue = "";
+  }
+  get totalPages() {
+    return Math.max(1, Math.ceil(this.total / this.pageSize));
+  }
+  _getPages() {
+    const t = this.totalPages, e = this.page, s = this.siblingCount;
+    if (t <= 5 + s * 2)
+      return Array.from({ length: t }, (h, g) => g + 1);
+    const a = Math.max(2, e - s), i = Math.min(t - 1, e + s), n = a > 2, u = i < t - 1, l = [1];
+    n && l.push("...");
+    for (let h = a; h <= i; h++) l.push(h);
+    return u && l.push("..."), l.push(t), l;
+  }
+  _goTo(t) {
+    t < 1 || t > this.totalPages || this.disabled || (this.page = t, this.dispatchEvent(
+      new CustomEvent("sp-change", {
+        detail: { page: this.page },
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+  }
+  _handlePageSizeChange(t) {
+    const e = t.target, s = Number(e.value);
+    isNaN(s) || s <= 0 || (this.pageSize = s, this.page = 1, this.dispatchEvent(
+      new CustomEvent("sp-page-size-change", {
+        detail: { pageSize: s },
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+  }
+  _handleJumpInput(t) {
+    this._jumpValue = t.target.value;
+  }
+  _handleJumpSubmit(t) {
+    t.preventDefault();
+    const e = parseInt(this._jumpValue, 10);
+    isNaN(e) || (this._goTo(e), this._jumpValue = "");
+  }
+  render() {
+    return _.call(this);
+  }
+};
+o.styles = m(y);
+p([
+  r({ type: Number, reflect: !0 })
+], o.prototype, "page", 2);
+p([
+  r({ type: Number })
+], o.prototype, "total", 2);
+p([
+  r({ type: Number })
+], o.prototype, "pageSize", 2);
+p([
+  r({ type: Array })
+], o.prototype, "pageSizeOptions", 2);
+p([
+  r({ type: Number })
+], o.prototype, "siblingCount", 2);
+p([
+  r({ type: Boolean, reflect: !0 })
+], o.prototype, "disabled", 2);
+p([
+  r({ type: Boolean })
+], o.prototype, "showJumpTo", 2);
+p([
+  f()
+], o.prototype, "_jumpValue", 2);
+o = p([
+  b("sp-pagination")
+], o);
+export {
+  o as SpPaginationComponent
+};

package/dist/components/pagination/sp-pagination.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import { SpPaginationComponent } from './sp-pagination.js';
+export declare function paginationTemplate(this: SpPaginationComponent): TemplateResult;
+//# sourceMappingURL=sp-pagination.template.d.ts.map

package/dist/components/pagination/sp-pagination.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-pagination.template.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/sp-pagination.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc,CAqG9E"}

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

@@ -0,0 +1,96 @@
+import { nothing as s, html as t } from "lit";
+import { classMap as l } from "lit/directives/class-map.js";
+function h() {
+  const i = this.total > 0, e = this.total === 0 ? 0 : (this.page - 1) * this.pageSize + 1, n = Math.min(this.page * this.pageSize, this.total);
+  return t`
+    <div class="sp-pagination-wrapper">
+      ${this.pageSizeOptions && this.pageSizeOptions.length > 0 ? t`<div class="sp-pagination-size">
+            <label class="sp-pagination-size-label">Rows per page:</label>
+            <select
+              class="sp-pagination-size-select"
+              .value=${String(this.pageSize)}
+              ?disabled=${this.disabled}
+              @change=${(a) => this._handlePageSizeChange(a)}
+            >
+              ${this.pageSizeOptions.map(
+    (a) => t`<option value=${a} ?selected=${a === this.pageSize}>${a}</option>`
+  )}
+            </select>
+          </div>` : s}
+      ${i ? t`<span class="sp-pagination-label">${e}–${n} of ${this.total}</span>` : s}
+      <nav class="sp-pagination" aria-label="Pagination">
+        <button
+          class="sp-pagination-btn sp-pagination-first"
+          ?disabled=${this.disabled || this.page <= 1}
+          @click=${() => this._goTo(1)}
+          aria-label="First page"
+        >
+          «
+        </button>
+        <button
+          class="sp-pagination-btn sp-pagination-prev"
+          ?disabled=${this.disabled || this.page <= 1}
+          @click=${() => this._goTo(this.page - 1)}
+          aria-label="Previous page"
+        >
+          ‹
+        </button>
+        <span class="sp-pagination-mobile-label">${this.page} / ${this.totalPages}</span>
+        <span class="sp-pagination-pages">
+          ${this._getPages().map(
+    (a, p) => a === "..." ? t`<span class="sp-pagination-dots" key=${p}>…</span>` : t`
+                  <button
+                    class=${l({
+      "sp-pagination-btn": !0,
+      "sp-pagination-btn--active": a === this.page
+    })}
+                    ?disabled=${this.disabled}
+                    aria-current=${a === this.page ? "page" : s}
+                    aria-label=${"Page " + a}
+                    @click=${() => this._goTo(a)}
+                  >
+                    ${a}
+                  </button>
+                `
+  )}
+        </span>
+        <button
+          class="sp-pagination-btn sp-pagination-next"
+          ?disabled=${this.disabled || this.page >= this.totalPages}
+          @click=${() => this._goTo(this.page + 1)}
+          aria-label="Next page"
+        >
+          ›
+        </button>
+        <button
+          class="sp-pagination-btn sp-pagination-last"
+          ?disabled=${this.disabled || this.page >= this.totalPages}
+          @click=${() => this._goTo(this.totalPages)}
+          aria-label="Last page"
+        >
+          »
+        </button>
+      </nav>
+      ${this.showJumpTo ? t`<form class="sp-pagination-jump" @submit=${(a) => this._handleJumpSubmit(a)}>
+            <label class="sp-pagination-jump-label">Go to page</label>
+            <input
+              class="sp-pagination-jump-input"
+              type="number"
+              min="1"
+              max=${this.totalPages}
+              .value=${this._jumpValue}
+              ?disabled=${this.disabled}
+              @input=${(a) => this._handleJumpInput(a)}
+            />
+            <button
+              class="sp-pagination-jump-btn"
+              type="submit"
+              ?disabled=${this.disabled}
+            >Go</button>
+          </form>` : s}
+    </div>
+  `;
+}
+export {
+  h as paginationTemplate
+};

package/dist/components/pagination/sp-pagination.types.d.ts

@@ -0,0 +1,10 @@
+export interface SpPaginationProps {
+    page: number;
+    total: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    siblingCount: number;
+    disabled: boolean;
+    showJumpTo: boolean;
+}
+//# sourceMappingURL=sp-pagination.types.d.ts.map

package/dist/components/pagination/sp-pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/sp-pagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/popover/index.d.ts

@@ -0,0 +1,3 @@
+export { SpPopoverComponent } from './sp-popover.js';
+export type { SpPopoverProps, SpPopoverPlacement } from './sp-popover.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +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}}';
+export {
+  o as default
+};

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

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+import { SpPopoverPlacement } from './sp-popover.types.js';
+/**
+ * Popover component that shows rich content anchored to a trigger element.
+ *
+ * @element sp-popover
+ *
+ * @prop {boolean}             open      - Whether the popover is open
+ * @prop {SpPopoverPlacement}  placement - Position: top | bottom | left | right
+ * @prop {number}              distance  - Gap in px between trigger and popover
+ * @prop {boolean}             arrow     - Shows a directional arrow when true
+ *
+ * @fires {CustomEvent} sp-show - Emitted when the popover opens
+ * @fires {CustomEvent} sp-hide - Emitted when the popover closes
+ *
+ * @slot trigger - The element that triggers the popover
+ * @slot         - The popover body content
+ */
+export declare class SpPopoverComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    open: boolean;
+    placement: SpPopoverPlacement;
+    distance: number;
+    arrow: boolean;
+    render(): import('lit-html').TemplateResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _getPopoverStyle(): string;
+    readonly _handleTriggerClick: () => void;
+    private readonly _handleKeydown;
+    readonly _handleDocumentClick: (e: MouseEvent) => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-popover": SpPopoverComponent;
+    }
+}
+//# sourceMappingURL=sp-popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/sp-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;;;;;;;;;;;;;;GAeG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,UAAS;IAGb,SAAS,EAAE,kBAAkB,CAAY;IAGzC,QAAQ,SAAK;IAGb,KAAK,UAAQ;IAEJ,MAAM;IAIN,iBAAiB;IAMjB,oBAAoB;IAM7B,gBAAgB,IAAI,MAAM;IAW1B,QAAQ,CAAC,mBAAmB,aAQ1B;IAEF,OAAO,CAAC,QAAQ,CAAC,cAAc,CAM7B;IAEF,QAAQ,CAAC,oBAAoB,GAAI,GAAG,UAAU,UAO5C;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF"}

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

@@ -0,0 +1,64 @@
+import { unsafeCSS as l, LitElement as h } from "lit";
+import { property as p, customElement as d } from "lit/decorators.js";
+import m from "./sp-popover.css.js";
+import { popoverTemplate as u } from "./sp-popover.template.js";
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (e, s, i, r) => {
+  for (var t = r > 1 ? void 0 : r ? v(s, i) : s, c = e.length - 1, a; c >= 0; c--)
+    (a = e[c]) && (t = (r ? a(s, i, t) : a(t)) || t);
+  return r && t && f(s, i, t), t;
+};
+let o = class extends h {
+  constructor() {
+    super(...arguments), this.open = !1, this.placement = "bottom", this.distance = 8, this.arrow = !0, this._handleTriggerClick = () => {
+      this.open = !this.open, this.dispatchEvent(
+        new CustomEvent(this.open ? "sp-show" : "sp-hide", {
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }, this._handleKeydown = (e) => {
+      e.key === "Escape" && this.open && (e.stopPropagation(), this.open = !1, this.dispatchEvent(new CustomEvent("sp-hide", { bubbles: !0, composed: !0 })));
+    }, this._handleDocumentClick = (e) => {
+      !e.composedPath().includes(this) && this.open && (this.open = !1, this.dispatchEvent(
+        new CustomEvent("sp-hide", { bubbles: !0, composed: !0 })
+      ));
+    };
+  }
+  render() {
+    return u.call(this);
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this._handleDocumentClick), document.addEventListener("keydown", this._handleKeydown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this._handleDocumentClick), document.removeEventListener("keydown", this._handleKeydown);
+  }
+  _getPopoverStyle() {
+    const e = `${this.distance + (this.arrow ? 6 : 0)}px`;
+    return {
+      top: `bottom: calc(100% + ${e}); left: 50%; transform: translateX(-50%);`,
+      bottom: `top: calc(100% + ${e}); left: 50%; transform: translateX(-50%);`,
+      left: `right: calc(100% + ${e}); top: 50%; transform: translateY(-50%);`,
+      right: `left: calc(100% + ${e}); top: 50%; transform: translateY(-50%);`
+    }[this.placement];
+  }
+};
+o.styles = l(m);
+n([
+  p({ type: Boolean, reflect: !0 })
+], o.prototype, "open", 2);
+n([
+  p({ type: String, reflect: !0 })
+], o.prototype, "placement", 2);
+n([
+  p({ type: Number })
+], o.prototype, "distance", 2);
+n([
+  p({ type: Boolean })
+], o.prototype, "arrow", 2);
+o = n([
+  d("sp-popover")
+], o);
+export {
+  o as SpPopoverComponent
+};

package/dist/components/popover/sp-popover.template.d.ts

@@ -0,0 +1,8 @@
+import { TemplateResult } from 'lit';
+import { SpPopoverComponent } from './sp-popover.js';
+/**
+ * HTML template for sp-popover.
+ * Call as: popoverTemplate.call(this) inside render()
+ */
+export declare function popoverTemplate(this: SpPopoverComponent): TemplateResult;
+//# sourceMappingURL=sp-popover.template.d.ts.map

package/dist/components/popover/sp-popover.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-popover.template.d.ts","sourceRoot":"","sources":["../../../src/components/popover/sp-popover.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,kBAAkB,GAAG,cAAc,CAyBxE"}

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

@@ -0,0 +1,31 @@
+import { nothing as o, html as p } from "lit";
+import { classMap as r } from "lit/directives/class-map.js";
+function i() {
+  return p`
+    <div class="sp-popover-wrapper">
+      <div
+        class="sp-popover-trigger"
+        @click=${this._handleTriggerClick}
+        aria-expanded=${this.open ? "true" : "false"}
+        aria-haspopup="dialog"
+      >
+        <slot name="trigger"></slot>
+      </div>
+      <div
+        class=${r({
+    "sp-popover": !0,
+    "sp-popover--open": this.open
+  })}
+        style=${this._getPopoverStyle()}
+        role="dialog"
+        aria-modal=${this.open ? "true" : o}
+      >
+        ${this.arrow ? p`<div class="sp-popover-arrow"></div>` : o}
+        <div class="sp-popover-content"><slot></slot></div>
+      </div>
+    </div>
+  `;
+}
+export {
+  i as popoverTemplate
+};

package/dist/components/popover/sp-popover.types.d.ts

@@ -0,0 +1,8 @@
+export type SpPopoverPlacement = "top" | "bottom" | "left" | "right";
+export interface SpPopoverProps {
+    open: boolean;
+    placement: SpPopoverPlacement;
+    distance: number;
+    arrow: boolean;
+}
+//# sourceMappingURL=sp-popover.types.d.ts.map

package/dist/components/popover/sp-popover.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/popover/sp-popover.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB"}

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,3 @@
+export { SpProgressBarComponent } from './sp-progress-bar.js';
+export type { SpProgressBarProps, SpProgressBarVariant } from './sp-progress-bar.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -0,0 +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}}';
+export {
+  r as default
+};

package/dist/components/progress-bar/sp-progress-bar.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+import { SpProgressBarVariant } from './sp-progress-bar.types.js';
+/**
+ * Progress bar component.
+ *
+ * @element sp-progress-bar
+ *
+ * @prop {number}                value         - Current value (0..max)
+ * @prop {number}                max           - Maximum value (default 100)
+ * @prop {SpProgressBarVariant}  variant       - Visual style: primary | success | warning | danger
+ * @prop {boolean}               indeterminate - Shows an animated indeterminate state
+ * @prop {string}                label         - Label displayed above the bar
+ * @prop {boolean}               showValue     - Shows the percentage above the bar
+ */
+export declare class SpProgressBarComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    value: number;
+    max: number;
+    variant: SpProgressBarVariant;
+    indeterminate: boolean;
+    label: string;
+    showValue: boolean;
+    striped: boolean;
+    animated: boolean;
+    height: number | undefined;
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-progress-bar": SpProgressBarComponent;
+    }
+}
+//# sourceMappingURL=sp-progress-bar.d.ts.map

package/dist/components/progress-bar/sp-progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-progress-bar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/sp-progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE;;;;;;;;;;;GAWG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAAqB;IAG3C,KAAK,SAAK;IAGV,GAAG,SAAO;IAGV,OAAO,EAAE,oBAAoB,CAAa;IAG1C,aAAa,UAAS;IAGtB,KAAK,SAAM;IAGX,SAAS,UAAS;IAGlB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9B,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF"}

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

@@ -0,0 +1,51 @@
+import { unsafeCSS as m, LitElement as y } from "lit";
+import { property as r, customElement as u } from "lit/decorators.js";
+import f from "./sp-progress-bar.css.js";
+import { progressBarTemplate as h } from "./sp-progress-bar.template.js";
+var v = Object.defineProperty, c = Object.getOwnPropertyDescriptor, t = (n, p, a, s) => {
+  for (var o = s > 1 ? void 0 : s ? c(p, a) : p, l = n.length - 1, i; l >= 0; l--)
+    (i = n[l]) && (o = (s ? i(p, a, o) : i(o)) || o);
+  return s && o && v(p, a, o), o;
+};
+let e = class extends y {
+  constructor() {
+    super(...arguments), this.value = 0, this.max = 100, this.variant = "primary", this.indeterminate = !1, this.label = "", this.showValue = !1, this.striped = !1, this.animated = !1, this.height = void 0;
+  }
+  render() {
+    return h.call(this);
+  }
+};
+e.styles = m(f);
+t([
+  r({ type: Number })
+], e.prototype, "value", 2);
+t([
+  r({ type: Number })
+], e.prototype, "max", 2);
+t([
+  r({ type: String, reflect: !0 })
+], e.prototype, "variant", 2);
+t([
+  r({ type: Boolean, reflect: !0 })
+], e.prototype, "indeterminate", 2);
+t([
+  r({ type: String })
+], e.prototype, "label", 2);
+t([
+  r({ type: Boolean, attribute: "show-value" })
+], e.prototype, "showValue", 2);
+t([
+  r({ type: Boolean, reflect: !0 })
+], e.prototype, "striped", 2);
+t([
+  r({ type: Boolean, reflect: !0 })
+], e.prototype, "animated", 2);
+t([
+  r({ type: Number })
+], e.prototype, "height", 2);
+e = t([
+  u("sp-progress-bar")
+], e);
+export {
+  e as SpProgressBarComponent
+};

package/dist/components/progress-bar/sp-progress-bar.template.d.ts

@@ -0,0 +1,9 @@
+import { TemplateResult } from 'lit';
+import { SpProgressBarComponent } from './sp-progress-bar.js';
+/**
+ * HTML template for sp-progress-bar.
+ *
+ * Call as: progressBarTemplate.call(this) inside render()
+ */
+export declare function progressBarTemplate(this: SpProgressBarComponent): TemplateResult;
+//# sourceMappingURL=sp-progress-bar.template.d.ts.map

package/dist/components/progress-bar/sp-progress-bar.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-progress-bar.template.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/sp-progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,sBAAsB,GAAG,cAAc,CAwChF"}

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

@@ -0,0 +1,38 @@
+import { nothing as s, html as i } from "lit";
+import { classMap as t } from "lit/directives/class-map.js";
+import { styleMap as a } from "lit/directives/style-map.js";
+function p() {
+  const e = this.height !== void 0 ? { height: `${this.height}px` } : {};
+  return i`
+    <div class="sp-progress-wrapper">
+      ${this.label || this.showValue ? i`
+            <div class="sp-progress-header">
+              ${this.label ? i`<span class="sp-progress-label">${this.label}</span>` : s}
+              ${this.showValue && !this.indeterminate ? i`<span class="sp-progress-value">${Math.round(this.value / this.max * 100)}%</span>` : s}
+            </div>
+          ` : s}
+      <div
+        class="sp-progress-track"
+        style=${a(e)}
+        role="progressbar"
+        aria-valuenow=${this.indeterminate ? s : this.value}
+        aria-valuemin="0"
+        aria-valuemax=${this.max}
+        aria-label=${this.label || s}
+      >
+        <div
+          class=${t({
+    "sp-progress-fill": !0,
+    "sp-progress-fill--indeterminate": this.indeterminate,
+    "sp-progress-fill--striped": this.striped && !this.indeterminate,
+    "sp-progress-fill--animated": this.striped && this.animated && !this.indeterminate
+  })}
+          style=${this.indeterminate ? "" : `width: ${Math.min(100, Math.max(0, this.value / this.max * 100))}%`}
+        ></div>
+      </div>
+    </div>
+  `;
+}
+export {
+  p as progressBarTemplate
+};

package/dist/components/progress-bar/sp-progress-bar.types.d.ts

@@ -0,0 +1,13 @@
+export type SpProgressBarVariant = "primary" | "success" | "warning" | "danger";
+export interface SpProgressBarProps {
+    value: number;
+    max: number;
+    variant: SpProgressBarVariant;
+    indeterminate: boolean;
+    label: string;
+    showValue: boolean;
+    striped: boolean;
+    animated: boolean;
+    height?: number;
+}
+//# sourceMappingURL=sp-progress-bar.types.d.ts.map

package/dist/components/progress-bar/sp-progress-bar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-progress-bar.types.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/sp-progress-bar.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,oBAAoB,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/radio/index.d.ts

@@ -0,0 +1,5 @@
+export { SpRadioComponent } from './sp-radio.js';
+export { SpRadioGroupComponent } from './sp-radio-group.js';
+export type { SpRadioProps, SpRadioSize } from './sp-radio.types.js';
+export type { SpRadioGroupProps, SpRadioGroupOrientation } from './sp-radio-group.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACrE,YAAY,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -0,0 +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}';
+export {
+  o as default
+};