sp-component 0.0.1

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

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+import { SpRadioGroupOrientation } from './sp-radio-group.types.js';
+/**
+ * Radio group component that manages a set of sp-radio children.
+ *
+ * @element sp-radio-group
+ *
+ * @prop {string}                     name        - Name shared across child radios
+ * @prop {string}                     value       - Currently selected value
+ * @prop {boolean}                    disabled    - Disables all child radios
+ * @prop {SpRadioGroupOrientation}    orientation - Layout direction: vertical | horizontal
+ * @prop {string}                     label       - Group label rendered as a legend
+ * @prop {string}                     error       - Error message shown below the group
+ * @prop {string}                     hint        - Hint text (hidden when error is set)
+ *
+ * @fires {CustomEvent<{ value: string }>} sp-change - Emitted when the selected value changes
+ *
+ * @slot - sp-radio elements
+ */
+export declare class SpRadioGroupComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    name: string;
+    value: string;
+    disabled: boolean;
+    orientation: SpRadioGroupOrientation;
+    label: string;
+    error: string;
+    hint: string;
+    render(): import('lit-html').TemplateResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _syncRadios;
+    readonly _handleSlotChange: () => void;
+    private readonly _handleRadioChange;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-radio-group": SpRadioGroupComponent;
+    }
+}
+//# sourceMappingURL=sp-radio-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio/sp-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzE;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,WAAW,EAAE,uBAAuB,CAAc;IAGlD,KAAK,SAAM;IAGX,KAAK,SAAM;IAGX,IAAI,SAAM;IAED,MAAM;IAIN,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMrD,OAAO,CAAC,WAAW;IASnB,QAAQ,CAAC,iBAAiB,QAAO,IAAI,CAEnC;IAEF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAajC;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF"}

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

@@ -0,0 +1,69 @@
+import { unsafeCSS as h, LitElement as d } from "lit";
+import { property as i, customElement as c } from "lit/decorators.js";
+import u from "./sp-radio-group.css.js";
+import { radioGroupTemplate as m } from "./sp-radio-group.template.js";
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (e, r, n, o) => {
+  for (var a = o > 1 ? void 0 : o ? y(r, n) : r, l = e.length - 1, p; l >= 0; l--)
+    (p = e[l]) && (a = (o ? p(r, n, a) : p(a)) || a);
+  return o && a && v(r, n, a), a;
+};
+let t = class extends d {
+  constructor() {
+    super(...arguments), this.name = "", this.value = "", this.disabled = !1, this.orientation = "vertical", this.label = "", this.error = "", this.hint = "", this._handleSlotChange = () => {
+      this._syncRadios();
+    }, this._handleRadioChange = (e) => {
+      e.target !== this && (e.stopImmediatePropagation(), this.value = e.detail.value, this.dispatchEvent(
+        new CustomEvent("sp-change", {
+          detail: { value: this.value },
+          bubbles: !0,
+          composed: !0
+        })
+      ));
+    };
+  }
+  render() {
+    return m.call(this);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("sp-change", this._handleRadioChange);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("sp-change", this._handleRadioChange);
+  }
+  updated(e) {
+    (e.has("value") || e.has("name") || e.has("disabled")) && this._syncRadios();
+  }
+  _syncRadios() {
+    this.querySelectorAll("sp-radio").forEach((r) => {
+      r.name = this.name, r.checked = r.value === this.value, this.disabled && (r.disabled = !0);
+    });
+  }
+};
+t.styles = h(u);
+s([
+  i({ type: String })
+], t.prototype, "name", 2);
+s([
+  i({ type: String })
+], t.prototype, "value", 2);
+s([
+  i({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled", 2);
+s([
+  i({ type: String, reflect: !0 })
+], t.prototype, "orientation", 2);
+s([
+  i({ type: String })
+], t.prototype, "label", 2);
+s([
+  i({ type: String })
+], t.prototype, "error", 2);
+s([
+  i({ type: String })
+], t.prototype, "hint", 2);
+t = s([
+  c("sp-radio-group")
+], t);
+export {
+  t as SpRadioGroupComponent
+};

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { nothing as r, html as s } from "lit";
+function i() {
+  return s`
+    <fieldset class="sp-radio-group">
+      ${this.label ? s`<legend class="sp-radio-group-legend">${this.label}</legend>` : r}
+      <div class="sp-radio-group-options">
+        <slot @slotchange=${this._handleSlotChange}></slot>
+      </div>
+      ${this.error ? s`<span class="sp-radio-group-error">${this.error}</span>` : r}
+      ${!this.error && this.hint ? s`<span class="sp-radio-group-hint">${this.hint}</span>` : r}
+    </fieldset>
+  `;
+}
+export {
+  i as radioGroupTemplate
+};

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

@@ -0,0 +1,11 @@
+export type SpRadioGroupOrientation = "horizontal" | "vertical";
+export interface SpRadioGroupProps {
+    name: string;
+    value: string;
+    disabled: boolean;
+    orientation: SpRadioGroupOrientation;
+    label: string;
+    error: string;
+    hint: string;
+}
+//# sourceMappingURL=sp-radio-group.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-radio-group.types.d.ts","sourceRoot":"","sources":["../../../src/components/radio/sp-radio-group.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,uBAAuB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd"}

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

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

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

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+import { SpRadioSize } from './sp-radio.types.js';
+/**
+ * Radio button component. Use inside sp-radio-group for grouped behavior.
+ *
+ * @element sp-radio
+ *
+ * @prop {string}        value    - The value of this radio option
+ * @prop {boolean}       checked  - Whether this radio is selected
+ * @prop {boolean}       disabled - Disables the radio
+ * @prop {SpRadioSize}   size     - Size: sm | md | lg
+ * @prop {string}        label    - Label text (uses slot if not provided)
+ * @prop {string}        name        - Native input name (set by sp-radio-group)
+ * @prop {string}        description - Small description text rendered below the label
+ * @prop {string}        hint        - Hint text shown below the radio (hidden when error is set)
+ *
+ * @fires {CustomEvent<{ value: string }>} sp-change - Emitted when this radio is selected
+ *
+ * @slot - Label content (used when label prop is not set)
+ */
+export declare class SpRadioComponent extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    static formAssociated: boolean;
+    constructor();
+    value: string;
+    checked: boolean;
+    disabled: boolean;
+    size: SpRadioSize;
+    label: string;
+    name: string;
+    error: string;
+    hint: string;
+    description: string;
+    render(): import('lit-html').TemplateResult;
+    updated(): void;
+    readonly _handleChange: (e: Event) => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-radio": SpRadioComponent;
+    }
+}
+//# sourceMappingURL=sp-radio.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-radio.template.d.ts","sourceRoot":"","sources":["../../../src/components/radio/sp-radio.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,wBAAgB,aAAa,CAAC,IAAI,EAAE,gBAAgB,GAAG,cAAc,CAoCpE"}

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

@@ -0,0 +1,30 @@
+import { nothing as s, html as a } from "lit";
+function l() {
+  const i = `sp-radio-label${this.disabled ? " sp-radio-label--disabled" : ""}`, e = `sp-radio-control${this.checked ? " sp-radio-control--checked" : ""}`, t = !!(this.error || this.hint);
+  return a`
+    <label class=${i}>
+      <span class=${e}>
+        <input
+          type="radio"
+          .checked=${this.checked}
+          ?disabled=${this.disabled}
+          name=${this.name || s}
+          value=${this.value}
+          aria-invalid=${this.error ? "true" : s}
+          aria-describedby=${t ? "sp-radio-desc" : s}
+          @change=${this._handleChange}
+        />
+        ${this.checked ? a`<span class="sp-radio-dot"></span>` : s}
+      </span>
+      <span class="sp-radio-label-content">
+        ${this.label ? a`<span class="sp-radio-text">${this.label}</span>` : a`<slot></slot>`}
+        ${this.description ? a`<span class="sp-radio-description">${this.description}</span>` : s}
+      </span>
+    </label>
+    ${this.error ? a`<span id="sp-radio-desc" class="sp-radio-error" role="alert">${this.error}</span>` : s}
+    ${!this.error && this.hint ? a`<span id="sp-radio-desc" class="sp-radio-hint">${this.hint}</span>` : s}
+  `;
+}
+export {
+  l as radioTemplate
+};

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

@@ -0,0 +1,9 @@
+export type SpRadioSize = "sm" | "md" | "lg";
+export interface SpRadioProps {
+    value: string;
+    checked: boolean;
+    disabled: boolean;
+    size: SpRadioSize;
+    label: string;
+}
+//# sourceMappingURL=sp-radio.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-radio.types.d.ts","sourceRoot":"","sources":["../../../src/components/radio/sp-radio.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf"}

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+import { SpRadioGroupOrientation } from './sp-radio-group.types.js';
+/**
+ * Radio group component that manages a set of sp-radio children.
+ * Form-associated custom element.
+ *
+ * @element sp-radio-group
+ *
+ * @prop {string}                     value       - Currently selected value
+ * @prop {string}                     name        - Name shared across child radios
+ * @prop {boolean}                    disabled    - Disables all child radios
+ * @prop {boolean}                    required    - Marks the group as required
+ * @prop {SpRadioGroupOrientation}    orientation - Layout direction: vertical | horizontal
+ * @prop {string}                     label       - Group label rendered as a legend
+ * @prop {string}                     hint        - Hint text (hidden when error is set)
+ * @prop {string}                     error       - Error message shown below the group
+ *
+ * @fires {CustomEvent<{ value: string }>} sp-change - Emitted when the selected value changes
+ *
+ * @slot - sp-radio elements
+ */
+export declare class SpRadioGroupComponent extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    static formAssociated: boolean;
+    constructor();
+    value: string;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    orientation: SpRadioGroupOrientation;
+    label: string;
+    hint: string;
+    error: string;
+    render(): import('lit-html').TemplateResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    formResetCallback(): void;
+    private _syncRadios;
+    readonly _handleSlotChange: () => void;
+    private readonly _handleRadioChange;
+}
+//# sourceMappingURL=sp-radio-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/sp-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,qBAAsB,SAAQ,UAAU;;IACnD,OAAgB,MAAM,0BAAqB;IAC3C,MAAM,CAAC,cAAc,UAAQ;;IAU7B,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,WAAW,EAAE,uBAAuB,CAAc;IAGlD,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,KAAK,SAAM;IAEF,MAAM;IAIN,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAOrD,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,WAAW;IASnB,QAAQ,CAAC,iBAAiB,QAAO,IAAI,CAEnC;IAEF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAWjC;CACH"}

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

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

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

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

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

@@ -0,0 +1,12 @@
+export type SpRadioGroupOrientation = "horizontal" | "vertical";
+export interface SpRadioGroupProps {
+    value: string;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    orientation: SpRadioGroupOrientation;
+    label: string;
+    hint: string;
+    error: string;
+}
+//# sourceMappingURL=sp-radio-group.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-radio-group.types.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/sp-radio-group.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,uBAAuB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf"}

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

@@ -0,0 +1,3 @@
+export { SpRatingComponent } from './sp-rating.js';
+export type { SpRatingProps, SpRatingSize } from './sp-rating.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

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

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

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

@@ -0,0 +1,47 @@
+import { LitElement } from 'lit';
+import { SpRatingSize } from './sp-rating.types.js';
+/**
+ * Reusable star rating component.
+ *
+ * @element sp-rating
+ *
+ * @prop {number}       value     - Current rating value
+ * @prop {number}       max       - Maximum number of stars
+ * @prop {number}       precision - 1 = whole stars, 0.5 = half stars
+ * @prop {boolean}      disabled  - Disables the rating
+ * @prop {boolean}      readonly  - Makes the rating read-only
+ * @prop {SpRatingSize} size      - Size: sm | md | lg
+ * @prop {string}       label     - Accessible aria-label for the group
+ *
+ * @fires {CustomEvent<{ value: number }>} sp-change - Emitted when a star is clicked
+ */
+export declare class SpRatingComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    value: number;
+    max: number;
+    precision: number;
+    disabled: boolean;
+    readonly: boolean;
+    size: SpRatingSize;
+    label: string;
+    /** Tooltip labels per star position, e.g. ["Poor","Fair","Good","Very good","Excellent"] */
+    labels: string[];
+    /** Show a clear button to reset to 0 */
+    clearable: boolean;
+    private _hoverValue;
+    _getStars(): Array<{
+        index: number;
+        fill: number;
+    }>;
+    readonly _handleClick: (value: number) => void;
+    readonly _handleHover: (value: number) => void;
+    readonly _handleLeave: () => void;
+    readonly _handleClear: () => void;
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-rating": SpRatingComponent;
+    }
+}
+//# sourceMappingURL=sp-rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-rating.d.ts","sourceRoot":"","sources":["../../../src/components/rating/sp-rating.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD;;;;;;;;;;;;;;GAcG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAqB;IAG3C,KAAK,SAAK;IAGV,GAAG,SAAK;IAGR,SAAS,SAAK;IAGd,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,SAAY;IAEjB,4FAA4F;IAE5F,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtB,wCAAwC;IAExC,SAAS,UAAS;IAElB,OAAO,CAAC,WAAW,CAAK;IAExB,SAAS,IAAI,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAQnD,QAAQ,CAAC,YAAY,GAAI,OAAO,MAAM,UAIpC;IAEF,QAAQ,CAAC,YAAY,GAAI,OAAO,MAAM,UAKpC;IAEF,QAAQ,CAAC,YAAY,aAGnB;IAEF,QAAQ,CAAC,YAAY,aAInB;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,iBAAiB,CAAC;KAChC;CACF"}

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

@@ -0,0 +1,66 @@
+import { unsafeCSS as h, LitElement as u } from "lit";
+import { property as s, customElement as d } from "lit/decorators.js";
+import y from "./sp-rating.css.js";
+import { ratingTemplate as m } from "./sp-rating.template.js";
+var c = Object.defineProperty, b = Object.getOwnPropertyDescriptor, t = (r, o, l, i) => {
+  for (var a = i > 1 ? void 0 : i ? b(o, l) : o, p = r.length - 1, n; p >= 0; p--)
+    (n = r[p]) && (a = (i ? n(o, l, a) : n(a)) || a);
+  return i && a && c(o, l, a), a;
+};
+let e = class extends u {
+  constructor() {
+    super(...arguments), this.value = 0, this.max = 5, this.precision = 1, this.disabled = !1, this.readonly = !1, this.size = "md", this.label = "Rating", this.labels = [], this.clearable = !1, this._hoverValue = 0, this._handleClick = (r) => {
+      this.disabled || this.readonly || (this.value = r, this.dispatchEvent(new CustomEvent("sp-change", { detail: { value: r }, bubbles: !0, composed: !0 })));
+    }, this._handleHover = (r) => {
+      !this.disabled && !this.readonly && (this._hoverValue = r, this.requestUpdate());
+    }, this._handleLeave = () => {
+      this._hoverValue = 0, this.requestUpdate();
+    }, this._handleClear = () => {
+      this.disabled || this.readonly || (this.value = 0, this.dispatchEvent(new CustomEvent("sp-change", { detail: { value: 0 }, bubbles: !0, composed: !0 })));
+    };
+  }
+  _getStars() {
+    const r = this._hoverValue || this.value;
+    return Array.from({ length: this.max }, (o, l) => {
+      const i = Math.min(1, Math.max(0, r - l));
+      return { index: l + 1, fill: i };
+    });
+  }
+  render() {
+    return m.call(this);
+  }
+};
+e.styles = h(y);
+t([
+  s({ type: Number })
+], e.prototype, "value", 2);
+t([
+  s({ type: Number })
+], e.prototype, "max", 2);
+t([
+  s({ type: Number })
+], e.prototype, "precision", 2);
+t([
+  s({ type: Boolean, reflect: !0 })
+], e.prototype, "disabled", 2);
+t([
+  s({ type: Boolean, reflect: !0 })
+], e.prototype, "readonly", 2);
+t([
+  s({ type: String, reflect: !0 })
+], e.prototype, "size", 2);
+t([
+  s({ type: String })
+], e.prototype, "label", 2);
+t([
+  s({ type: Array })
+], e.prototype, "labels", 2);
+t([
+  s({ type: Boolean })
+], e.prototype, "clearable", 2);
+e = t([
+  d("sp-rating")
+], e);
+export {
+  e as SpRatingComponent
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-rating.template.d.ts","sourceRoot":"","sources":["../../../src/components/rating/sp-rating.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,cAAc,CAAC,IAAI,EAAE,iBAAiB,GAAG,cAAc,CAsCtE"}

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

@@ -0,0 +1,40 @@
+import { nothing as r, html as t } from "lit";
+import { classMap as s } from "lit/directives/class-map.js";
+function n() {
+  return t`
+    <div class="sp-rating" role="radiogroup" aria-label=${this.label} @mouseleave=${this._handleLeave}>
+      ${this._getStars().map(({ index: l, fill: a }) => {
+    const e = this.labels[l - 1] ?? "Rate " + l + " out of " + this.max;
+    return t`
+        <button
+          class=${s({ "sp-rating-star": !0, "sp-rating-star--active": a > 0 })}
+          type="button"
+          ?disabled=${this.disabled}
+          tabindex=${this.readonly ? "-1" : "0"}
+          aria-label=${e}
+          aria-pressed=${this.value === l ? "true" : "false"}
+          title=${e}
+          @click=${() => this._handleClick(l)}
+          @mouseenter=${() => this._handleHover(l)}
+        >
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            ${a >= 1 ? t`<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="currentColor"/>` : a > 0 ? t`<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77V2z" fill="currentColor"/><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="none" stroke="currentColor" stroke-width="1.5"/>` : t`<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="none" stroke="currentColor" stroke-width="1.5"/>`}
+          </svg>
+        </button>
+      `;
+  })}
+      ${this.clearable && this.value > 0 ? t`
+        <button
+          class="sp-rating-clear"
+          type="button"
+          aria-label="Clear rating"
+          title="Clear rating"
+          @click=${this._handleClear}
+        >✕</button>
+      ` : r}
+    </div>
+  `;
+}
+export {
+  n as ratingTemplate
+};

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

@@ -0,0 +1,11 @@
+export type SpRatingSize = "sm" | "md" | "lg";
+export interface SpRatingProps {
+    value: number;
+    max: number;
+    precision: number;
+    disabled: boolean;
+    readonly: boolean;
+    size: SpRatingSize;
+    label: string;
+}
+//# sourceMappingURL=sp-rating.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-rating.types.d.ts","sourceRoot":"","sources":["../../../src/components/rating/sp-rating.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf"}

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

@@ -0,0 +1,3 @@
+export { SpScrollAreaComponent } from './sp-scroll-area.js';
+export type { SpScrollAreaProps, SpScrollAreaOrientation, SpScrollAreaScrollbar } from './sp-scroll-area.types.js';
+//# sourceMappingURL=index.d.ts.map

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

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