sp-component 0.0.1

package/dist/components/command-palette/sp-command-palette.template.js

@@ -0,0 +1,64 @@
+import { nothing as s, html as e } from "lit";
+function o() {
+  if (!this.open) return e`${s}`;
+  const t = this._getFilteredItems();
+  return e`
+    <div class="sp-command-palette-backdrop" @click=${this._close}></div>
+    <div
+      class="sp-command-palette"
+      role="dialog"
+      aria-modal="true"
+      aria-label="Command palette"
+      @click=${(a) => a.stopPropagation()}
+    >
+      <div class="sp-command-palette-search">
+        <svg
+          class="sp-command-search-icon"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          <circle cx="11" cy="11" r="8"></circle>
+          <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+        </svg>
+        <input
+          class="sp-command-palette-input"
+          type="text"
+          placeholder=${this.placeholder}
+          .value=${this._query}
+          @input=${this._handleInput}
+          @keydown=${this._handleKeydown}
+          role="combobox"
+          aria-expanded="true"
+          aria-autocomplete="list"
+          aria-controls="sp-command-list"
+          autocomplete="off"
+        />
+        <kbd class="sp-command-esc-hint">Esc</kbd>
+      </div>
+
+      <div
+        class="sp-command-palette-results"
+        id="sp-command-list"
+        role="listbox"
+      >
+        ${this.loading ? e`<div class="sp-command-loading">Loading...</div>` : s}
+        ${t.length === 0 && !this.loading ? e`<div class="sp-command-empty">${this.emptyMessage}</div>` : s}
+        ${this._renderGroups(t)}
+      </div>
+
+      <div class="sp-command-palette-footer">
+        <span><kbd>↑</kbd><kbd>↓</kbd> navigate</span>
+        <span><kbd>↵</kbd> select</span>
+        <span><kbd>Esc</kbd> close</span>
+      </div>
+    </div>
+  `;
+}
+export {
+  o as commandPaletteTemplate
+};

package/dist/components/command-palette/sp-command-palette.types.d.ts

@@ -0,0 +1,17 @@
+export interface CommandItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    group?: string;
+    keywords?: string[];
+    action?: () => void;
+    disabled?: boolean;
+}
+export interface SpCommandPaletteProps {
+    open: boolean;
+    placeholder: string;
+    emptyMessage: string;
+    loading: boolean;
+}
+//# sourceMappingURL=sp-command-palette.types.d.ts.map

package/dist/components/command-palette/sp-command-palette.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-command-palette.types.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/sp-command-palette.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CAClB"}

package/dist/components/confirm-dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { SpConfirmDialogComponent } from './sp-confirm-dialog.js';
+export type { SpConfirmDialogProps, SpConfirmDialogVariant, } from './sp-confirm-dialog.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/confirm-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EACV,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,8BAA8B,CAAC"}

package/dist/components/confirm-dialog/sp-confirm-dialog.css.js

@@ -0,0 +1,4 @@
+const o = ":host{display:contents}dialog{padding:0;border:none;border-radius:12px;box-shadow:0 20px 60px #00000040;background:transparent;max-width:440px;width:calc(100vw - 32px);animation:sp-dialog-in .2s ease}dialog::backdrop{background:var(--sp-overlay, rgba(0, 0, 0, .45));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sp-backdrop-in .2s ease}@keyframes sp-dialog-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes sp-backdrop-in{0%{opacity:0}to{opacity:1}}.sp-confirm-dialog-panel{background:var(--sp-bg, #ffffff);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}.sp-confirm-dialog-title{margin:0;font-size:18px;font-weight:600;color:var(--sp-text, #111827);line-height:1.3}.sp-confirm-dialog-message{margin:0;font-size:14px;color:var(--sp-text-muted, #4b5563);line-height:1.5}.sp-confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.sp-confirm-cancel,.sp-confirm-ok{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:opacity .15s,background .15s;border:1px solid transparent}.sp-confirm-cancel{background:var(--sp-bg-subtle, #f9fafb);color:var(--sp-text-secondary, #374151);border-color:var(--sp-border, #d1d5db)}.sp-confirm-cancel:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-confirm-ok--default{background:var(--sp-primary, #3b82f6);color:var(--sp-bg, #ffffff)}.sp-confirm-ok--default:hover{opacity:.87}.sp-confirm-ok--destructive{background:var(--sp-error, #FF4D4F);color:var(--sp-bg, #ffffff)}.sp-confirm-ok--destructive:hover{opacity:.87}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}";
+export {
+  o as default
+};

package/dist/components/confirm-dialog/sp-confirm-dialog.d.ts

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+import { SpConfirmDialogVariant } from './sp-confirm-dialog.types.js';
+/**
+ * Confirm dialog component built on the native <dialog> element.
+ *
+ * @element sp-confirm-dialog
+ *
+ * @prop {boolean}                  open          - Whether the dialog is open
+ * @prop {string}                   title         - Dialog title
+ * @prop {string}                   message       - Dialog message
+ * @prop {string}                   confirmLabel  - Confirm button label
+ * @prop {string}                   cancelLabel   - Cancel button label
+ * @prop {SpConfirmDialogVariant}   variant       - "default" | "destructive"
+ * @prop {boolean}                  hideCancel    - Hide the cancel button
+ *
+ * @fires {CustomEvent} sp-confirm - Emitted when confirmed
+ * @fires {CustomEvent} sp-cancel  - Emitted when cancelled
+ */
+export declare class SpConfirmDialogComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    open: boolean;
+    title: string;
+    message: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    variant: SpConfirmDialogVariant;
+    hideCancel: boolean;
+    private _resolvePromise;
+    render(): import('lit-html').TemplateResult;
+    updated(changed: Map<string, unknown>): void;
+    readonly _confirm: () => void;
+    readonly _cancel: () => void;
+    readonly _handleBackdropClick: (e: MouseEvent) => void;
+    readonly _handleNativeCancel: (e: Event) => void;
+    /**
+     * Programmatic confirm dialog.
+     * Creates a temporary element, appends to body, returns a Promise<boolean>.
+     */
+    static confirm(options: {
+        title?: string;
+        message: string;
+        confirmLabel?: string;
+        cancelLabel?: string;
+        variant?: SpConfirmDialogVariant;
+    }): Promise<boolean>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-confirm-dialog": SpConfirmDialogComponent;
+    }
+}
+//# sourceMappingURL=sp-confirm-dialog.d.ts.map

package/dist/components/confirm-dialog/sp-confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/sp-confirm-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E;;;;;;;;;;;;;;;GAeG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,UAAS;IAGb,KAAK,SAAa;IAGlB,OAAO,SAAM;IAGb,YAAY,SAAa;IAGzB,WAAW,SAAY;IAGvB,OAAO,EAAE,sBAAsB,CAAa;IAG5C,UAAU,UAAS;IAEnB,OAAO,CAAC,eAAe,CAA2C;IAEzD,MAAM;IAIN,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkB9C,QAAQ,CAAC,QAAQ,aAOf;IAEF,QAAQ,CAAC,OAAO,aAOd;IAEF,QAAQ,CAAC,oBAAoB,GAAI,GAAG,UAAU,UAK5C;IAEF,QAAQ,CAAC,mBAAmB,GAAI,GAAG,KAAK,UAItC;IAEF;;;OAGG;IACH,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE;QACtB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,sBAAsB,CAAC;KAClC,GAAG,OAAO,CAAC,OAAO,CAAC;CAgCrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,wBAAwB,CAAC;KAC/C;CACF"}

package/dist/components/confirm-dialog/sp-confirm-dialog.js

@@ -0,0 +1,87 @@
+import { unsafeCSS as p, LitElement as m } from "lit";
+import { property as a, customElement as f } from "lit/decorators.js";
+import h from "./sp-confirm-dialog.css.js";
+import { confirmDialogTemplate as u } from "./sp-confirm-dialog.template.js";
+var d = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (e, n, t, o) => {
+  for (var r = o > 1 ? void 0 : o ? v(n, t) : n, l = e.length - 1, c; l >= 0; l--)
+    (c = e[l]) && (r = (o ? c(n, t, r) : c(r)) || r);
+  return o && r && d(n, t, r), r;
+};
+let i = class extends m {
+  constructor() {
+    super(...arguments), this.open = !1, this.title = "Confirm", this.message = "", this.confirmLabel = "Confirm", this.cancelLabel = "Cancel", this.variant = "default", this.hideCancel = !1, this._resolvePromise = null, this._confirm = () => {
+      var e;
+      this.open = !1, this.dispatchEvent(
+        new CustomEvent("sp-confirm", { bubbles: !0, composed: !0 })
+      ), (e = this._resolvePromise) == null || e.call(this, !0), this._resolvePromise = null;
+    }, this._cancel = () => {
+      var e;
+      this.open = !1, this.dispatchEvent(
+        new CustomEvent("sp-cancel", { bubbles: !0, composed: !0 })
+      ), (e = this._resolvePromise) == null || e.call(this, !1), this._resolvePromise = null;
+    }, this._handleBackdropClick = (e) => {
+      e.target === e.currentTarget && this._cancel();
+    }, this._handleNativeCancel = (e) => {
+      e.preventDefault(), this._cancel();
+    };
+  }
+  render() {
+    return u.call(this);
+  }
+  updated(e) {
+    var n;
+    if (e.has("open")) {
+      const t = (n = this.shadowRoot) == null ? void 0 : n.querySelector("dialog");
+      if (!t) return;
+      this.open ? (t.showModal(), this.updateComplete.then(() => {
+        var r;
+        const o = (r = this.shadowRoot) == null ? void 0 : r.querySelector(".sp-confirm-ok");
+        o == null || o.focus();
+      })) : t.open && t.close();
+    }
+  }
+  /**
+   * Programmatic confirm dialog.
+   * Creates a temporary element, appends to body, returns a Promise<boolean>.
+   */
+  static confirm(e) {
+    return new Promise((n) => {
+      const t = document.createElement("sp-confirm-dialog");
+      t.title = e.title ?? "Confirm", t.message = e.message, e.confirmLabel && (t.confirmLabel = e.confirmLabel), e.cancelLabel && (t.cancelLabel = e.cancelLabel), e.variant && (t.variant = e.variant), t._resolvePromise = n, document.body.appendChild(t), requestAnimationFrame(() => {
+        t.open = !0;
+      });
+      const o = (c) => {
+        n(c), t.removeEventListener("sp-confirm", r), t.removeEventListener("sp-cancel", l), t.remove();
+      }, r = () => o(!0), l = () => o(!1);
+      t.addEventListener("sp-confirm", r), t.addEventListener("sp-cancel", l);
+    });
+  }
+};
+i.styles = p(h);
+s([
+  a({ type: Boolean, reflect: !0 })
+], i.prototype, "open", 2);
+s([
+  a({ type: String })
+], i.prototype, "title", 2);
+s([
+  a({ type: String })
+], i.prototype, "message", 2);
+s([
+  a({ type: String, attribute: "confirm-label" })
+], i.prototype, "confirmLabel", 2);
+s([
+  a({ type: String, attribute: "cancel-label" })
+], i.prototype, "cancelLabel", 2);
+s([
+  a({ type: String, reflect: !0 })
+], i.prototype, "variant", 2);
+s([
+  a({ type: Boolean, attribute: "hide-cancel" })
+], i.prototype, "hideCancel", 2);
+i = s([
+  f("sp-confirm-dialog")
+], i);
+export {
+  i as SpConfirmDialogComponent
+};

package/dist/components/confirm-dialog/sp-confirm-dialog.template.d.ts

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

package/dist/components/confirm-dialog/sp-confirm-dialog.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-confirm-dialog.template.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/sp-confirm-dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,wBAAwB,GAAG,cAAc,CA2BpF"}

package/dist/components/confirm-dialog/sp-confirm-dialog.template.js

@@ -0,0 +1,30 @@
+import { nothing as c, html as i } from "lit";
+function s() {
+  return i`
+    <dialog
+      class="sp-confirm-dialog"
+      @click=${this._handleBackdropClick}
+      @cancel=${this._handleNativeCancel}
+    >
+      <div class="sp-confirm-dialog-panel">
+        <h2 class="sp-confirm-dialog-title">${this.title}</h2>
+        <p class="sp-confirm-dialog-message">${this.message}</p>
+        <div class="sp-confirm-dialog-actions">
+          ${this.hideCancel ? c : i`<button class="sp-confirm-cancel" type="button" @click=${this._cancel}>
+                ${this.cancelLabel}
+              </button>`}
+          <button
+            class="sp-confirm-ok sp-confirm-ok--${this.variant}"
+            type="button"
+            @click=${this._confirm}
+          >
+            ${this.confirmLabel}
+          </button>
+        </div>
+      </div>
+    </dialog>
+  `;
+}
+export {
+  s as confirmDialogTemplate
+};

package/dist/components/confirm-dialog/sp-confirm-dialog.types.d.ts

@@ -0,0 +1,11 @@
+export type SpConfirmDialogVariant = "default" | "destructive";
+export interface SpConfirmDialogProps {
+    open: boolean;
+    title: string;
+    message: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    variant: SpConfirmDialogVariant;
+    hideCancel: boolean;
+}
+//# sourceMappingURL=sp-confirm-dialog.types.d.ts.map

package/dist/components/confirm-dialog/sp-confirm-dialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-confirm-dialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/confirm-dialog/sp-confirm-dialog.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,sBAAsB,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/copy-button/index.d.ts

@@ -0,0 +1,3 @@
+export { SpCopyButtonComponent } from './sp-copy-button.js';
+export type { SpCopyButtonProps } from './sp-copy-button.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/copy-button/index.d.ts.map

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

package/dist/components/copy-button/sp-copy-button.css.js

@@ -0,0 +1,4 @@
+const o = ':host{display:inline-block}.sp-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--sp-copy-button-radius, 4px);font-family:inherit;font-weight:500;cursor:pointer;transition:opacity .2s;line-height:1;box-sizing:border-box;white-space:nowrap}:host([size="sm"]) .sp-copy-button{height:24px;padding:0 8px;font-size:12px}:host([size="md"]) .sp-copy-button{height:32px;padding:0 12px;font-size:13px}:host([size="lg"]) .sp-copy-button{height:40px;padding:0 16px;font-size:14px}:host([variant="primary"]) .sp-copy-button{background-color:var(--sp-primary, #3b82f6);color:var(--sp-bg, #ffffff);border:1px solid transparent}:host([variant="secondary"]) .sp-copy-button{background-color:var(--sp-text-muted, #6b7280);color:var(--sp-bg, #ffffff);border:1px solid transparent}:host([variant="ghost"]) .sp-copy-button{background-color:transparent;color:var(--sp-primary, #3b82f6);border:1px solid var(--sp-primary, #3b82f6)}:host(:not([disabled])) .sp-copy-button:hover{opacity:.85}.sp-copy-button--success{opacity:.9}:host([disabled]) .sp-copy-button{opacity:.5;cursor:not-allowed;pointer-events:none}.sp-copy-button svg{width:1em;height:1em;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sp-copy-button: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 {
+  o as default
+};

package/dist/components/copy-button/sp-copy-button.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+import { SpCopyButtonProps } from './sp-copy-button.types.js';
+/**
+ * A button that copies text to the clipboard with visual feedback.
+ *
+ * @element sp-copy-button
+ *
+ * @prop {string}  text             - Text to copy to the clipboard
+ * @prop {number}  successDuration  - Duration in ms to show success state (default 2000)
+ * @prop {string}  label            - Default button label
+ * @prop {string}  successLabel     - Label shown after successful copy
+ * @prop {string}  size             - Size: sm | md | lg
+ * @prop {string}  variant          - Variant: primary | secondary | ghost
+ * @prop {boolean} disabled         - Disables the button
+ *
+ * @fires {CustomEvent<{ text: string }>} sp-copy - Emitted after text is copied
+ *
+ * @cssprop [--sp-copy-button-radius=4px] - Border radius
+ */
+export declare class SpCopyButtonComponent extends LitElement implements SpCopyButtonProps {
+    static styles: import('lit').CSSResult;
+    text: string;
+    successDuration: number;
+    label: string;
+    successLabel: string;
+    size: SpCopyButtonProps["size"];
+    variant: SpCopyButtonProps["variant"];
+    disabled: boolean;
+    _copied: boolean;
+    private _timeoutId;
+    readonly _handleClick: () => Promise<void>;
+    disconnectedCallback(): void;
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-copy-button": SpCopyButtonComponent;
+    }
+}
+//# sourceMappingURL=sp-copy-button.d.ts.map

package/dist/components/copy-button/sp-copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/sp-copy-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,qBAAsB,SAAQ,UAAW,YAAW,iBAAiB;IAChF,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,EAAE,MAAM,CAAM;IAGlB,eAAe,EAAE,MAAM,CAAQ;IAG/B,KAAK,EAAE,MAAM,CAAU;IAGvB,YAAY,EAAE,MAAM,CAAa;IAGjC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAQ;IAGvC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAW;IAGhD,QAAQ,EAAE,OAAO,CAAS;IAG1B,OAAO,EAAE,OAAO,CAAS;IAEzB,OAAO,CAAC,UAAU,CAA8C;IAEhE,QAAQ,CAAC,YAAY,QAAa,OAAO,CAAC,IAAI,CAAC,CA2B7C;IAEO,oBAAoB,IAAI,IAAI;IAO5B,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF"}

package/dist/components/copy-button/sp-copy-button.js

@@ -0,0 +1,68 @@
+import { unsafeCSS as a, LitElement as n } from "lit";
+import { property as i, state as d, customElement as h } from "lit/decorators.js";
+import m from "./sp-copy-button.css.js";
+import { copyButtonTemplate as y } from "./sp-copy-button.template.js";
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, e = (c, o, p, r) => {
+  for (var s = r > 1 ? void 0 : r ? f(o, p) : o, u = c.length - 1, l; u >= 0; u--)
+    (l = c[u]) && (s = (r ? l(o, p, s) : l(s)) || s);
+  return r && s && b(o, p, s), s;
+};
+let t = class extends n {
+  constructor() {
+    super(...arguments), this.text = "", this.successDuration = 2e3, this.label = "Copy", this.successLabel = "Copied!", this.size = "md", this.variant = "ghost", this.disabled = !1, this._copied = !1, this._timeoutId = null, this._handleClick = async () => {
+      if (!this.disabled) {
+        try {
+          await navigator.clipboard.writeText(this.text);
+        } catch {
+          return;
+        }
+        this._timeoutId !== null && clearTimeout(this._timeoutId), this._copied = !0, this.dispatchEvent(
+          new CustomEvent("sp-copy", {
+            bubbles: !0,
+            composed: !0,
+            detail: { text: this.text }
+          })
+        ), this._timeoutId = setTimeout(() => {
+          this._copied = !1, this._timeoutId = null;
+        }, this.successDuration);
+      }
+    };
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._timeoutId !== null && clearTimeout(this._timeoutId);
+  }
+  render() {
+    return y.call(this);
+  }
+};
+t.styles = a(m);
+e([
+  i({ type: String })
+], t.prototype, "text", 2);
+e([
+  i({ type: Number, attribute: "success-duration" })
+], t.prototype, "successDuration", 2);
+e([
+  i({ type: String })
+], t.prototype, "label", 2);
+e([
+  i({ type: String, attribute: "success-label" })
+], t.prototype, "successLabel", 2);
+e([
+  i({ type: String, reflect: !0 })
+], t.prototype, "size", 2);
+e([
+  i({ type: String, reflect: !0 })
+], t.prototype, "variant", 2);
+e([
+  i({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled", 2);
+e([
+  d()
+], t.prototype, "_copied", 2);
+t = e([
+  h("sp-copy-button")
+], t);
+export {
+  t as SpCopyButtonComponent
+};

package/dist/components/copy-button/sp-copy-button.template.d.ts

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

package/dist/components/copy-button/sp-copy-button.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-copy-button.template.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/sp-copy-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAmBjE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc,CAe9E"}

package/dist/components/copy-button/sp-copy-button.template.js

@@ -0,0 +1,33 @@
+import { html as t } from "lit";
+function c() {
+  return t`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
+      <path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/>
+    </svg>
+  `;
+}
+function i() {
+  return t`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path d="M20 6L9 17l-5-5"/>
+    </svg>
+  `;
+}
+function n() {
+  const o = this._copied ? i() : c(), s = this._copied ? this.successLabel : this.label;
+  return t`
+    <button
+      class="sp-copy-button${this._copied ? " sp-copy-button--success" : ""}"
+      ?disabled=${this.disabled}
+      aria-label=${s}
+      @click=${this._handleClick}
+    >
+      ${o}
+      ${s}
+    </button>
+  `;
+}
+export {
+  n as copyButtonTemplate
+};

package/dist/components/copy-button/sp-copy-button.types.d.ts

@@ -0,0 +1,10 @@
+export interface SpCopyButtonProps {
+    text: string;
+    successDuration: number;
+    label: string;
+    successLabel: string;
+    size: "sm" | "md" | "lg";
+    variant: "primary" | "secondary" | "ghost";
+    disabled: boolean;
+}
+//# sourceMappingURL=sp-copy-button.types.d.ts.map

package/dist/components/copy-button/sp-copy-button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-copy-button.types.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/sp-copy-button.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,3 @@
+export { SpDividerComponent } from './sp-divider.js';
+export type { SpDividerProps, SpDividerOrientation, SpDividerVariant } from './sp-divider.types.js';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+const e = ':host{display:block;--sp-divider-color: var(--sp-border-subtle, #e5e7eb)}:host([orientation="vertical"]){display:inline-flex;height:100%;align-self:stretch}.sp-divider{display:flex;align-items:center;width:100%}:host([orientation="vertical"]) .sp-divider{flex-direction:column;height:100%;width:auto}.sp-divider-line{flex:1;border:none;margin:0}:host([orientation="horizontal"]) .sp-divider-line{border-top:1px solid var(--sp-divider-color)}:host([orientation="vertical"]) .sp-divider-line{border-left:1px solid var(--sp-divider-color);height:100%;width:0}:host([variant="dashed"]) .sp-divider-line{border-style:dashed!important}:host([variant="dotted"]) .sp-divider-line{border-style:dotted!important}.sp-divider-label{flex-shrink:0;padding:0 12px;font-size:12px;color:var(--sp-text-placeholder, #9ca3af);white-space:nowrap}@media(prefers-reduced-motion:reduce){:host{transition:none!important}}';
+export {
+  e as default
+};

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

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+import { SpDividerOrientation, SpDividerVariant } from './sp-divider.types.js';
+/**
+ * A visual divider component that separates content horizontally or vertically.
+ *
+ * @element sp-divider
+ *
+ * @prop {SpDividerOrientation} orientation - Direction: horizontal | vertical
+ * @prop {SpDividerVariant}     variant     - Line style: solid | dashed | dotted
+ * @prop {string}               label       - Optional text label shown in the center of the divider
+ */
+export declare class SpDividerComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    orientation: SpDividerOrientation;
+    variant: SpDividerVariant;
+    label: string;
+    /** Top/bottom margin in px for horizontal, left/right for vertical */
+    spacing: number | undefined;
+    _getDividerStyle(): string;
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-divider": SpDividerComponent;
+    }
+}
+//# sourceMappingURL=sp-divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/sp-divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEpF;;;;;;;;GAQG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,0BAAqB;IAG3C,WAAW,EAAE,oBAAoB,CAAgB;IAGjD,OAAO,EAAE,gBAAgB,CAAW;IAGpC,KAAK,SAAM;IAEX,sEAAsE;IAEtE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAa;IAExC,gBAAgB,IAAI,MAAM;IAOjB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF"}

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

@@ -0,0 +1,39 @@
+import { unsafeCSS as m, LitElement as c } from "lit";
+import { property as o, customElement as g } from "lit/decorators.js";
+import f from "./sp-divider.css.js";
+import { dividerTemplate as h } from "./sp-divider.template.js";
+var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, e = (l, i, n, p) => {
+  for (var t = p > 1 ? void 0 : p ? u(i, n) : i, s = l.length - 1, a; s >= 0; s--)
+    (a = l[s]) && (t = (p ? a(i, n, t) : a(t)) || t);
+  return p && t && v(i, n, t), t;
+};
+let r = class extends c {
+  constructor() {
+    super(...arguments), this.orientation = "horizontal", this.variant = "solid", this.label = "", this.spacing = void 0;
+  }
+  _getDividerStyle() {
+    return this.spacing ? this.orientation === "vertical" ? `margin-left: ${this.spacing}px; margin-right: ${this.spacing}px;` : `margin-top: ${this.spacing}px; margin-bottom: ${this.spacing}px;` : "";
+  }
+  render() {
+    return h.call(this);
+  }
+};
+r.styles = m(f);
+e([
+  o({ type: String, reflect: !0 })
+], r.prototype, "orientation", 2);
+e([
+  o({ type: String, reflect: !0 })
+], r.prototype, "variant", 2);
+e([
+  o({ type: String })
+], r.prototype, "label", 2);
+e([
+  o({ type: Number })
+], r.prototype, "spacing", 2);
+r = e([
+  g("sp-divider")
+], r);
+export {
+  r as SpDividerComponent
+};

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { nothing as s, html as i } from "lit";
+function a() {
+  return i`
+    <div class="sp-divider" role="separator" aria-orientation=${this.orientation} style=${this._getDividerStyle()}>
+      <span class="sp-divider-line"></span>
+      ${this.label ? i`<span class="sp-divider-label">${this.label}</span><span class="sp-divider-line"></span>` : s}
+    </div>
+  `;
+}
+export {
+  a as dividerTemplate
+};

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

@@ -0,0 +1,8 @@
+export type SpDividerOrientation = "horizontal" | "vertical";
+export type SpDividerVariant = "solid" | "dashed" | "dotted";
+export interface SpDividerProps {
+    orientation: SpDividerOrientation;
+    variant: SpDividerVariant;
+    label: string;
+}
+//# sourceMappingURL=sp-divider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-divider.types.d.ts","sourceRoot":"","sources":["../../../src/components/divider/sp-divider.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,oBAAoB,CAAC;IAClC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf"}

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

@@ -0,0 +1,3 @@
+export { SpDrawerComponent } from './sp-drawer.js';
+export type { SpDrawerProps, SpDrawerPlacement } from './sp-drawer.types.js';
+//# sourceMappingURL=index.d.ts.map

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

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