sp-component 0.0.1

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

@@ -0,0 +1,36 @@
+import { unsafeCSS as c, LitElement as f } from "lit";
+import { property as s, customElement as y } from "lit/decorators.js";
+import a from "./sp-icon.css.js";
+import { iconTemplate as u } from "./sp-icon.template.js";
+var S = Object.defineProperty, h = Object.getOwnPropertyDescriptor, r = (m, o, n, p) => {
+  for (var e = p > 1 ? void 0 : p ? h(o, n) : o, l = m.length - 1, i; l >= 0; l--)
+    (i = m[l]) && (e = (p ? i(o, n, e) : i(e)) || e);
+  return p && e && S(o, n, e), e;
+};
+let t = class extends f {
+  constructor() {
+    super(...arguments), this.name = "", this.size = "md", this.label = "", this.color = "";
+  }
+  render() {
+    return u.call(this);
+  }
+};
+t.styles = c(a);
+r([
+  s({ type: String })
+], t.prototype, "name", 2);
+r([
+  s({ type: String, reflect: !0 })
+], t.prototype, "size", 2);
+r([
+  s({ type: String })
+], t.prototype, "label", 2);
+r([
+  s({ type: String })
+], t.prototype, "color", 2);
+t = r([
+  y("sp-icon")
+], t);
+export {
+  t as SpIconComponent
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-icon.template.d.ts","sourceRoot":"","sources":["../../../src/components/icon/sp-icon.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAuBpD,wBAAgB,YAAY,CAAC,IAAI,EAAE,eAAe,GAAG,cAAc,CAgBlE"}

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

@@ -0,0 +1,39 @@
+import { svg as a, nothing as l, html as r } from "lit";
+const o = {
+  check: a`<path d="M20 6L9 17l-5-5"/>`,
+  close: a`<path d="M18 6L6 18M6 6l12 12"/>`,
+  "arrow-right": a`<path d="M5 12h14M12 5l7 7-7 7"/>`,
+  "arrow-left": a`<path d="M19 12H5M12 19l-7-7 7-7"/>`,
+  "arrow-down": a`<path d="M12 5v14M5 12l7 7 7-7"/>`,
+  "arrow-up": a`<path d="M12 19V5M5 12l7-7 7 7"/>`,
+  info: a`<circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/>`,
+  warning: a`<path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0zM12 9v4M12 17h.01"/>`,
+  error: a`<circle cx="12" cy="12" r="10"/><path d="M15 9l-6 6M9 9l6 6"/>`,
+  search: a`<circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/>`,
+  user: a`<path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/>`,
+  home: a`<path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/>`,
+  settings: a`<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"/>`,
+  bell: a`<path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 01-3.46 0"/>`,
+  heart: a`<path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/>`,
+  star: a`<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>`,
+  trash: a`<polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14H6L5 6"/><path d="M10 11v6M14 11v6"/>`,
+  edit: a`<path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/>`
+};
+function e() {
+  const t = o[this.name], h = this.color ? `color: ${this.color};` : l;
+  return r`
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      aria-label=${this.label || l}
+      aria-hidden=${this.label ? l : "true"}
+      role=${this.label ? "img" : l}
+      style=${h}
+    >
+      ${t ?? l}
+    </svg>
+  `;
+}
+export {
+  e as iconTemplate
+};

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

@@ -0,0 +1,8 @@
+export type SpIconSize = "xs" | "sm" | "md" | "lg" | "xl";
+export interface SpIconProps {
+    name: string;
+    size: SpIconSize;
+    label: string;
+    color: string;
+}
+//# sourceMappingURL=sp-icon.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-icon.types.d.ts","sourceRoot":"","sources":["../../../src/components/icon/sp-icon.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}

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

@@ -0,0 +1,3 @@
+export { SpInputComponent } from './sp-input.js';
+export type { SpInputProps, SpInputType, SpInputSize } from './sp-input.types.js';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+const r = ':host{display:block;font-family:inherit}.sp-input-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-input-container{display:flex;align-items:center;gap:8px;border:1px solid var(--sp-border, #d1d5db);border-radius:4px;background:var(--sp-bg, white);padding:0 12px;transition:border-color .2s}.sp-input-container:focus-within{border-color:var(--sp-primary, #3b82f6);outline:2px solid var(--sp-primary-focus, rgba(59, 130, 246, .2));outline-offset:-1px}.sp-input-container--error{border-color:var(--sp-error, #FF4D4F)}.sp-input-container--error:focus-within{border-color:var(--sp-error, #FF4D4F);outline-color:var(--sp-error-focus, rgba(255, 77, 79, .2))}input{flex:1;border:none;outline:none;background:transparent;font-size:14px;font-family:inherit;color:var(--sp-text, #111827);padding:8px 0;min-width:0}input::placeholder{color:var(--sp-text-placeholder, #9ca3af)}:host([size="sm"]) .sp-input-container{padding:0 8px}:host([size="sm"]) input{padding:6px 0;font-size:12px}:host([size="lg"]) .sp-input-container{padding:0 16px}:host([size="lg"]) input{padding:12px 0;font-size:16px}:host([disabled]) .sp-input-container{opacity:.5;cursor:not-allowed;background:var(--sp-bg-subtle, #f9fafb)}:host([disabled]) input{cursor:not-allowed}:host([readonly]) .sp-input-container{background:var(--sp-bg-subtle, #f9fafb)}.sp-input-clear{border:none;background:none;cursor:pointer;color:var(--sp-text-placeholder, #9ca3af);padding:0;display:flex;align-items:center;line-height:1}.sp-input-clear:hover{color:var(--sp-text-secondary, #374151)}.sp-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;min-height:16px}.sp-input-error{font-size:12px;color:var(--sp-error, #FF4D4F)}.sp-input-hint{font-size:12px;color:var(--sp-text-muted, #6b7280)}.sp-input-count{font-size:12px;color:var(--sp-text-placeholder, #9ca3af);margin-left:auto;white-space:nowrap}@media(max-width:479px){:host{width:100%}.sp-input-wrapper{width:100%}.sp-input-container{width:100%;box-sizing:border-box}}@media(prefers-reduced-motion:reduce){input{transition:none}}';
+export {
+  r as default
+};

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

@@ -0,0 +1,68 @@
+import { LitElement } from 'lit';
+import { SpInputType, SpInputSize, SpInputMode } from './sp-input.types.js';
+/**
+ * Reusable input component compatible with any web framework.
+ *
+ * @element sp-input
+ *
+ * @prop {SpInputType}  type        - Input type: text | email | password | number | search | tel | url
+ * @prop {string}       value       - Current value
+ * @prop {string}       placeholder - Placeholder text
+ * @prop {boolean}      disabled    - Disables the input
+ * @prop {boolean}      readonly    - Makes the input read-only
+ * @prop {boolean}      required    - Marks the input as required
+ * @prop {string}       name        - Native input name
+ * @prop {SpInputSize}  size        - Size: sm | md | lg
+ * @prop {boolean}      clearable   - Shows clear button when value is set
+ * @prop {number}       maxlength   - Maximum character length (0 = no limit)
+ * @prop {number}       minlength   - Minimum character length (0 = no limit)
+ * @prop {string}       error       - Error message shown below the input
+ * @prop {string}       hint        - Hint text shown below the input (when no error)
+ * @prop {string}       label       - Label text shown above the input
+ *
+ * @fires {CustomEvent<{ value: string }>} sp-input  - Emitted on every keystroke
+ * @fires {CustomEvent<{ value: string }>} sp-change - Emitted on change
+ * @fires {CustomEvent}                    sp-focus  - Emitted on focus
+ * @fires {CustomEvent}                    sp-blur   - Emitted on blur
+ * @fires {CustomEvent}                    sp-clear  - Emitted when clear button is clicked
+ *
+ * @slot prefix - Content before the input (e.g. icon)
+ * @slot suffix - Content after the input (e.g. icon)
+ *
+ * @csspart input - The inner <input> element
+ */
+export declare class SpInputComponent extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    static formAssociated: boolean;
+    constructor();
+    type: SpInputType;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    name: string;
+    size: SpInputSize;
+    clearable: boolean;
+    maxlength: number;
+    minlength: number;
+    error: string;
+    hint: string;
+    label: string;
+    inputmode: SpInputMode;
+    render(): import('lit-html').TemplateResult;
+    readonly _handleInput: (e: Event) => void;
+    readonly _handleChange: (e: Event) => void;
+    readonly _handleFocus: () => boolean;
+    readonly _handleBlur: () => boolean;
+    readonly _handleClear: () => void;
+    updated(changedProperties: Map<string, unknown>): void;
+    formResetCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-input": SpInputComponent;
+    }
+}
+//# sourceMappingURL=sp-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-input.d.ts","sourceRoot":"","sources":["../../../src/components/input/sp-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,OAAgB,MAAM,0BAAqB;IAC3C,MAAM,CAAC,cAAc,UAAQ;;IAU7B,IAAI,EAAE,WAAW,CAAU;IAG3B,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,IAAI,EAAE,WAAW,CAAQ;IAGzB,SAAS,UAAS;IAGlB,SAAS,SAAK;IAGd,SAAS,SAAK;IAGd,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,SAAS,EAAE,WAAW,CAAU;IAEvB,MAAM;IAIf,QAAQ,CAAC,YAAY,GAAI,GAAG,KAAK,UAU/B;IAEF,QAAQ,CAAC,aAAa,GAAI,GAAG,KAAK,UAUhC;IAEF,QAAQ,CAAC,YAAY,gBAGjB;IAEJ,QAAQ,CAAC,WAAW,gBAGhB;IAEJ,QAAQ,CAAC,YAAY,aAYnB;IAEO,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAaxD,iBAAiB,IAAI,IAAI;CAI1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}

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

@@ -0,0 +1,111 @@
+import { unsafeCSS as c, LitElement as y } from "lit";
+import { property as i, customElement as m } from "lit/decorators.js";
+import f from "./sp-input.css.js";
+import { inputTemplate as _ } from "./sp-input.template.js";
+var b = Object.defineProperty, g = Object.getOwnPropertyDescriptor, d = (t) => {
+  throw TypeError(t);
+}, s = (t, e, a, o) => {
+  for (var p = o > 1 ? void 0 : o ? g(e, a) : e, u = t.length - 1, h; u >= 0; u--)
+    (h = t[u]) && (p = (o ? h(e, a, p) : h(p)) || p);
+  return o && p && b(e, a, p), p;
+}, v = (t, e, a) => e.has(t) || d("Cannot " + a), n = (t, e, a) => (v(t, e, "read from private field"), a ? a.call(t) : e.get(t)), E = (t, e, a) => e.has(t) ? d("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), C = (t, e, a, o) => (v(t, e, "write to private field"), e.set(t, a), a), l;
+let r = class extends y {
+  constructor() {
+    super(), E(this, l), this.type = "text", this.value = "", this.placeholder = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.name = "", this.size = "md", this.clearable = !1, this.maxlength = 0, this.minlength = 0, this.error = "", this.hint = "", this.label = "", this.inputmode = "text", this._handleInput = (t) => {
+      const e = t.target;
+      this.value = e.value, this.dispatchEvent(
+        new CustomEvent("sp-input", {
+          detail: { value: this.value },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }, this._handleChange = (t) => {
+      const e = t.target;
+      this.value = e.value, this.dispatchEvent(
+        new CustomEvent("sp-change", {
+          detail: { value: this.value },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }, this._handleFocus = () => this.dispatchEvent(
+      new CustomEvent("sp-focus", { bubbles: !0, composed: !0 })
+    ), this._handleBlur = () => this.dispatchEvent(
+      new CustomEvent("sp-blur", { bubbles: !0, composed: !0 })
+    ), this._handleClear = () => {
+      this.value = "", this.dispatchEvent(
+        new CustomEvent("sp-clear", { bubbles: !0, composed: !0 })
+      ), this.dispatchEvent(
+        new CustomEvent("sp-input", {
+          detail: { value: "" },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }, C(this, l, this.attachInternals());
+  }
+  render() {
+    return _.call(this);
+  }
+  updated(t) {
+    t.has("value") && n(this, l).setFormValue(this.value), (t.has("value") || t.has("required")) && (this.required && !this.value ? n(this, l).setValidity({ valueMissing: !0 }, "This field is required") : n(this, l).setValidity({}));
+  }
+  formResetCallback() {
+    this.value = "", n(this, l).setFormValue("");
+  }
+};
+l = /* @__PURE__ */ new WeakMap();
+r.styles = c(f);
+r.formAssociated = !0;
+s([
+  i({ type: String, reflect: !0 })
+], r.prototype, "type", 2);
+s([
+  i({ type: String })
+], r.prototype, "value", 2);
+s([
+  i({ type: String })
+], r.prototype, "placeholder", 2);
+s([
+  i({ type: Boolean, reflect: !0 })
+], r.prototype, "disabled", 2);
+s([
+  i({ type: Boolean, reflect: !0 })
+], r.prototype, "readonly", 2);
+s([
+  i({ type: Boolean, reflect: !0 })
+], r.prototype, "required", 2);
+s([
+  i({ type: String })
+], r.prototype, "name", 2);
+s([
+  i({ type: String, reflect: !0 })
+], r.prototype, "size", 2);
+s([
+  i({ type: Boolean, reflect: !0 })
+], r.prototype, "clearable", 2);
+s([
+  i({ type: Number })
+], r.prototype, "maxlength", 2);
+s([
+  i({ type: Number })
+], r.prototype, "minlength", 2);
+s([
+  i({ type: String })
+], r.prototype, "error", 2);
+s([
+  i({ type: String })
+], r.prototype, "hint", 2);
+s([
+  i({ type: String })
+], r.prototype, "label", 2);
+s([
+  i({ type: String })
+], r.prototype, "inputmode", 2);
+r = s([
+  m("sp-input")
+], r);
+export {
+  r as SpInputComponent
+};

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

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

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

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

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

@@ -0,0 +1,55 @@
+import { nothing as t, html as i } from "lit";
+import { classMap as s } from "lit/directives/class-map.js";
+function n() {
+  return i`
+    <div class="sp-input-wrapper">
+      ${this.label ? i`<label class="sp-input-label"
+            >${this.label}${this.required ? i`<span class="sp-required"> *</span>` : t}</label
+          >` : t}
+      <div
+        class=${s({
+    "sp-input-container": !0,
+    "sp-input-container--error": !!this.error
+  })}
+      >
+        <slot name="prefix"></slot>
+        <input
+          part="input"
+          type=${this.type}
+          .value=${this.value}
+          placeholder=${this.placeholder || t}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?required=${this.required}
+          name=${this.name || t}
+          maxlength=${this.maxlength > 0 ? this.maxlength : t}
+          minlength=${this.minlength > 0 ? this.minlength : t}
+          inputmode=${this.inputmode || t}
+          aria-invalid=${this.error ? "true" : t}
+          aria-describedby=${this.error || this.hint || this.maxlength > 0 ? "sp-input-desc" : t}
+          aria-required=${this.required ? "true" : t}
+          @input=${this._handleInput}
+          @change=${this._handleChange}
+          @focus=${this._handleFocus}
+          @blur=${this._handleBlur}
+        />
+        ${this.clearable && this.value ? i`<button
+              class="sp-input-clear"
+              type="button"
+              @click=${this._handleClear}
+              aria-label="Clear"
+            >
+              ✕
+            </button>` : t}
+        <slot name="suffix"></slot>
+      </div>
+      <div class="sp-input-footer">
+        ${this.error ? i`<span id="sp-input-desc" class="sp-input-error" role="alert">${this.error}</span>` : this.hint ? i`<span id="sp-input-desc" class="sp-input-hint">${this.hint}</span>` : i`<span></span>`}
+        ${this.maxlength > 0 ? i`<span class="sp-input-count" aria-live="polite">${this.value.length} / ${this.maxlength}</span>` : t}
+      </div>
+    </div>
+  `;
+}
+export {
+  n as inputTemplate
+};

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

@@ -0,0 +1,20 @@
+export type SpInputType = "text" | "email" | "password" | "number" | "search" | "tel" | "url";
+export type SpInputSize = "sm" | "md" | "lg";
+export type SpInputMode = "text" | "numeric" | "decimal" | "email" | "tel" | "url" | "search";
+export interface SpInputProps {
+    type: SpInputType;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    name: string;
+    size: SpInputSize;
+    clearable: boolean;
+    maxlength: number;
+    minlength: number;
+    error: string;
+    hint: string;
+    label: string;
+}
+//# sourceMappingURL=sp-input.types.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { SpKbdComponent } from './sp-kbd.js';
+export type { SpKbdProps, SpKbdSize } from './sp-kbd.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,4 @@
+const e = ':host{display:inline-block;vertical-align:middle;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.8em;padding:.2em .5em;background:linear-gradient(to bottom,var(--sp-bg-subtle, #f9fafb),var(--sp-bg-muted, #f3f4f6));border:1px solid var(--sp-border, #d1d5db);border-radius:4px;box-shadow:inset 0 -1px 0 var(--sp-border-strong, #9ca3af),0 1px 3px #0000001f;color:var(--sp-text, #1f2937);font-family:inherit;font-weight:600;line-height:1;white-space:nowrap;user-select:none;-webkit-user-select:none}:host([size="sm"]) kbd{font-size:10px;min-width:1.6em;padding:.15em .4em;border-radius:3px}:host([size="md"]) kbd{font-size:13px}:host([size="lg"]) kbd{font-size:16px;min-width:2em;padding:.25em .6em;border-radius:5px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}';
+export {
+  e as default
+};

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

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+import { SpKbdSize } from './sp-kbd.types.js';
+/**
+ * Keyboard key display component.
+ *
+ * @element sp-kbd
+ *
+ * @prop {SpKbdSize} size - Size: sm | md | lg
+ *
+ * @slot - The key label / content
+ *
+ * @csspart key - The inner <kbd> element
+ */
+export declare class SpKbdComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    size: SpKbdSize;
+    /** Array of keys for multi-key shortcuts e.g. ["Ctrl","Shift","K"] */
+    keys: string[];
+    /** Platform for symbol mapping: "auto" | "mac" | "win" */
+    platform: "auto" | "mac" | "win";
+    _isMac(): boolean;
+    _resolveKey(key: string): string;
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-kbd": SpKbdComponent;
+    }
+}
+//# sourceMappingURL=sp-kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-kbd.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/sp-kbd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,EAAE,SAAS,CAAQ;IAEvB,sEAAsE;IAEtE,IAAI,EAAE,MAAM,EAAE,CAAM;IAEpB,0DAA0D;IAE1D,QAAQ,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,CAAU;IAE1C,MAAM,IAAI,OAAO;IAMjB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAWvB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF"}

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

@@ -0,0 +1,46 @@
+import { unsafeCSS as f, LitElement as l } from "lit";
+import { property as m, customElement as u } from "lit/decorators.js";
+import c from "./sp-kbd.css.js";
+import { kbdTemplate as y } from "./sp-kbd.template.js";
+var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (r, o, i, p) => {
+  for (var t = p > 1 ? void 0 : p ? v(o, i) : o, n = r.length - 1, a; n >= 0; n--)
+    (a = r[n]) && (t = (p ? a(o, i, t) : a(t)) || t);
+  return p && t && h(o, i, t), t;
+};
+let e = class extends l {
+  constructor() {
+    super(...arguments), this.size = "md", this.keys = [], this.platform = "auto";
+  }
+  _isMac() {
+    return this.platform === "mac" ? !0 : this.platform === "win" ? !1 : typeof navigator < "u" && /mac/i.test(navigator.platform);
+  }
+  _resolveKey(r) {
+    return this._isMac() ? {
+      Ctrl: "⌘",
+      Control: "⌘",
+      Alt: "⌥",
+      Option: "⌥",
+      Shift: "⇧",
+      Meta: "⌘"
+    }[r] ?? r : r;
+  }
+  render() {
+    return y.call(this);
+  }
+};
+e.styles = f(c);
+s([
+  m({ type: String, reflect: !0 })
+], e.prototype, "size", 2);
+s([
+  m({ type: Array })
+], e.prototype, "keys", 2);
+s([
+  m({ type: String })
+], e.prototype, "platform", 2);
+e = s([
+  u("sp-kbd")
+], e);
+export {
+  e as SpKbdComponent
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-kbd.template.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/sp-kbd.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,cAAc,CAchE"}

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

@@ -0,0 +1,13 @@
+import { nothing as k, html as s } from "lit";
+function p() {
+  return this.keys.length > 1 ? s`
+      <span class="sp-kbd-sequence">
+        ${this.keys.map((e, t) => s`
+          <kbd part="key">${this._resolveKey(e)}</kbd>${t < this.keys.length - 1 ? s`<span class="sp-kbd-sep">+</span>` : k}
+        `)}
+      </span>
+    ` : this.keys.length === 1 ? s`<kbd part="key">${this._resolveKey(this.keys[0])}</kbd>` : s`<kbd part="key"><slot></slot></kbd>`;
+}
+export {
+  p as kbdTemplate
+};

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

@@ -0,0 +1,5 @@
+export type SpKbdSize = "sm" | "md" | "lg";
+export interface SpKbdProps {
+    size: SpKbdSize;
+}
+//# sourceMappingURL=sp-kbd.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-kbd.types.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/sp-kbd.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAC;CACjB"}

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

@@ -0,0 +1,4 @@
+export { SpMenuComponent } from './sp-menu.js';
+export { SpMenuItemComponent } from './sp-menu-item.js';
+export type { SpMenuProps, SpMenuItemProps, SpMenuPlacement } from './sp-menu.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/menu/sp-menu-item.css.js

@@ -0,0 +1,4 @@
+const e = ":host{display:block}.sp-menu-item{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:var(--sp-text-secondary, #374151);cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.sp-menu-item:hover:not(.sp-menu-item--disabled){background:var(--sp-bg-muted, #f3f4f6)}.sp-menu-item--danger{color:var(--sp-error, #FF4D4F)}.sp-menu-item--danger:hover:not(.sp-menu-item--disabled){background:var(--sp-error-bg, #FFF2F0)}.sp-menu-item--disabled{opacity:.4;cursor:not-allowed}.sp-menu-item-label{flex:1}:host(:focus-visible),:host(:focus){outline:2px solid var(--sp-primary, #3b82f6);outline-offset:-2px;border-radius:4px}.sp-menu-item-divider{border:none;border-top:1px solid var(--sp-border-subtle, #e5e7eb);margin:4px 0}.sp-menu-item-check{width:16px;flex-shrink:0;font-size:13px;color:var(--sp-primary, #3b82f6)}.sp-menu-item-arrow{margin-left:auto;font-size:12px;opacity:.6}.sp-menu-item-submenu{position:absolute;top:0;left:calc(100% + 2px);z-index:10000;background:var(--sp-bg, white);border:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:160px;padding:4px 0}@media(max-width:480px){.sp-menu-item-submenu{position:static;box-shadow:none;border:none;border-top:1px solid var(--sp-border-subtle, #e5e7eb);border-radius:0;margin-top:2px;padding-left:16px}}@media(prefers-reduced-motion:reduce){.sp-menu-item{transition:none}}";
+export {
+  e as default
+};

package/dist/components/menu/sp-menu-item.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+/**
+ * Menu item component for use inside sp-menu.
+ *
+ * @element sp-menu-item
+ *
+ * @prop {string}  value    - Value associated with this item
+ * @prop {boolean} disabled - Disables interaction with this item
+ * @prop {boolean} danger   - Renders the item in a danger/destructive style
+ * @prop {boolean} divider  - Renders a separator <hr> instead of a clickable item
+ * @prop {boolean} checked  - Renders a checkmark before the label
+ *
+ * @fires {CustomEvent<{ value: string }>} sp-select - Emitted when the item is selected
+ *
+ * @slot         - Item label content
+ * @slot prefix  - Content before the label (e.g. icon)
+ * @slot suffix  - Content after the label (e.g. badge)
+ */
+export declare class SpMenuItemComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    value: string;
+    disabled: boolean;
+    danger: boolean;
+    divider: boolean;
+    checked: boolean;
+    _submenuOpen: boolean;
+    /** Submenu items. Set programmatically or via JSON attribute. */
+    items: unknown[];
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult;
+    readonly _handleClick: () => void;
+    readonly _handleKeydown: (e: KeyboardEvent) => void;
+    readonly _handleMouseEnter: () => void;
+    readonly _handleMouseLeave: () => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-menu-item": SpMenuItemComponent;
+    }
+}
+//# sourceMappingURL=sp-menu-item.d.ts.map

package/dist/components/menu/sp-menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu/sp-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,MAAM,0BAAqB;IAG3C,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,MAAM,UAAS;IAGf,OAAO,UAAS;IAGhB,OAAO,UAAS;IAGhB,YAAY,UAAS;IAErB,iEAAiE;IAEjE,KAAK,EAAE,OAAO,EAAE,CAAM;IAEb,iBAAiB,IAAI,IAAI;IAOzB,MAAM;IAIf,QAAQ,CAAC,YAAY,QAAO,IAAI,CAU9B;IAEF,QAAQ,CAAC,cAAc,GAAI,GAAG,aAAa,KAAG,IAAI,CAKhD;IAEF,QAAQ,CAAC,iBAAiB,QAAO,IAAI,CAEnC;IAEF,QAAQ,CAAC,iBAAiB,QAAO,IAAI,CAEnC;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,mBAAmB,CAAC;KACrC;CACF"}