sp-component 0.0.1

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

@@ -0,0 +1,14 @@
+export type SpTooltipPlacement = "top" | "bottom" | "left" | "right";
+export type SpTooltipTrigger = "hover" | "focus" | "click" | "manual";
+export interface SpTooltipProps {
+    content: string;
+    placement: SpTooltipPlacement;
+    trigger: SpTooltipTrigger;
+    disabled: boolean;
+    open: boolean;
+    distance: number;
+    showDelay: number;
+    hideDelay: number;
+    maxWidth: string;
+}
+//# sourceMappingURL=sp-tooltip.types.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+export { SpTreeComponent } from './sp-tree.js';
+export { SpTreeItemComponent } from './sp-tree-item.js';
+export type { SpTreeProps, SpTreeItemProps, SpTreeSelectionMode } from './sp-tree.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tree/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,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,4 @@
+const e = ":host{display:block}.sp-tree-item{display:block}.sp-tree-item-row{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background .1s;font-size:.875rem;color:var(--sp-text, #111827)}.sp-tree-item-row:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-tree-item-row:focus-visible{outline:2px solid var(--sp-primary-hover, #2563eb);outline-offset:-2px}.sp-tree-item--selected>.sp-tree-item-row{background:var(--sp-primary-hover, #2563eb);color:var(--sp-bg, #ffffff)}.sp-tree-item--selected>.sp-tree-item-row:hover{background:var(--sp-primary-active, #1d4ed8)}.sp-tree-item--disabled>.sp-tree-item-row{opacity:.4;cursor:not-allowed;pointer-events:none}.sp-tree-item-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border-radius:3px;transition:background .1s}.sp-tree-item-toggle:hover{background:#00000014}.sp-tree-item-toggle svg{width:12px;height:12px;transition:transform .2s}.sp-tree-item-toggle svg.rotated{transform:rotate(90deg)}.sp-tree-item-spacer{display:inline-block;width:16px;flex-shrink:0}.sp-tree-item-icon{font-size:1rem;line-height:1;flex-shrink:0}.sp-tree-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-tree-item-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sp-tree-spin .6s linear infinite;flex-shrink:0;opacity:.6}@keyframes sp-tree-spin{to{transform:rotate(360deg)}}.sp-tree-item-children{padding-left:20px;overflow:hidden}.sp-tree-item-children[hidden]{display:none}@media(max-width:640px){.sp-tree-item-children{padding-left:12px}}@media(prefers-reduced-motion:reduce){.sp-tree-item-row,.sp-tree-item-toggle,.sp-tree-item-toggle svg{transition:none}.sp-tree-item-spinner{animation:none}}";
+export {
+  e as default
+};

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

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+/**
+ * Tree item component for use inside sp-tree.
+ *
+ * @element sp-tree-item
+ *
+ * @prop {string}  value    - Unique value identifier
+ * @prop {string}  label    - Display label
+ * @prop {boolean} expanded - Whether children are visible
+ * @prop {boolean} selected - Whether this item is selected
+ * @prop {boolean} disabled - Prevents interaction
+ * @prop {string}  icon     - HTML/emoji icon
+ * @prop {boolean} loading  - Shows a spinner
+ *
+ * @fires {CustomEvent<{value:string,label:string}>} sp-click    - Emitted on click
+ * @fires {CustomEvent<{value:string}>}              sp-expand   - Emitted when expanded
+ * @fires {CustomEvent<{value:string}>}              sp-collapse - Emitted when collapsed
+ *
+ * @slot      - Nested sp-tree-item children
+ * @slot icon - Custom icon content
+ */
+export declare class SpTreeItemComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    value: string;
+    label: string;
+    expanded: boolean;
+    selected: boolean;
+    disabled: boolean;
+    icon: string;
+    loading: boolean;
+    level: number;
+    _hasChildren: boolean;
+    _onSlotChange: () => void;
+    _toggleExpand: (e: Event) => void;
+    _handleClick: (e: Event) => void;
+    _handleKeydown: (e: KeyboardEvent) => void;
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-tree-item": SpTreeItemComponent;
+    }
+}
+//# sourceMappingURL=sp-tree-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-tree-item.d.ts","sourceRoot":"","sources":["../../../src/components/tree/sp-tree-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,MAAM,0BAAqB;IAG3C,KAAK,SAAM;IAGX,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,OAAO,UAAS;IAGhB,KAAK,SAAK;IAGV,YAAY,UAAS;IAErB,aAAa,QAAO,IAAI,CAStB;IAEF,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAW9B;IAEF,YAAY,GAAI,GAAG,KAAK,KAAG,IAAI,CAS7B;IAEF,cAAc,GAAI,GAAG,aAAa,KAAG,IAAI,CA8BvC;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,mBAAmB,CAAC;KACrC;CACF"}

package/dist/components/tree/sp-tree-item.js

@@ -0,0 +1,89 @@
+import { unsafeCSS as h, LitElement as d } from "lit";
+import { property as l, state as u, customElement as f } from "lit/decorators.js";
+import c from "./sp-tree-item.css.js";
+import { treeItemTemplate as m } from "./sp-tree-item.template.js";
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (e, r, a, o) => {
+  for (var i = o > 1 ? void 0 : o ? y(r, a) : r, n = e.length - 1, p; n >= 0; n--)
+    (p = e[n]) && (i = (o ? p(r, a, i) : p(i)) || i);
+  return o && i && v(r, a, i), i;
+};
+let t = class extends d {
+  constructor() {
+    super(...arguments), this.value = "", this.label = "", this.expanded = !1, this.selected = !1, this.disabled = !1, this.icon = "", this.loading = !1, this.level = 1, this._hasChildren = !1, this._onSlotChange = () => {
+      var a;
+      const e = (a = this.shadowRoot) == null ? void 0 : a.querySelector(
+        "slot:not([name])"
+      );
+      if (!e) return;
+      const r = e.assignedElements({ flatten: !0 }).filter((o) => o.tagName.toLowerCase() === "sp-tree-item");
+      this._hasChildren = r.length > 0;
+    }, this._toggleExpand = (e) => {
+      e.stopPropagation(), !this.disabled && (this.expanded = !this.expanded, this.dispatchEvent(
+        new CustomEvent(this.expanded ? "sp-expand" : "sp-collapse", {
+          detail: { value: this.value },
+          bubbles: !0,
+          composed: !0
+        })
+      ));
+    }, this._handleClick = (e) => {
+      this.disabled || this.dispatchEvent(
+        new CustomEvent("sp-click", {
+          detail: { value: this.value, label: this.label },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }, this._handleKeydown = (e) => {
+      this.disabled || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), this._handleClick(e)) : e.key === "ArrowRight" ? (e.preventDefault(), this._hasChildren && !this.expanded && (this.expanded = !0, this.dispatchEvent(
+        new CustomEvent("sp-expand", {
+          detail: { value: this.value },
+          bubbles: !0,
+          composed: !0
+        })
+      ))) : e.key === "ArrowLeft" && (e.preventDefault(), this._hasChildren && this.expanded && (this.expanded = !1, this.dispatchEvent(
+        new CustomEvent("sp-collapse", {
+          detail: { value: this.value },
+          bubbles: !0,
+          composed: !0
+        })
+      ))));
+    };
+  }
+  render() {
+    return m.call(this);
+  }
+};
+t.styles = h(c);
+s([
+  l({ type: String })
+], t.prototype, "value", 2);
+s([
+  l({ type: String })
+], t.prototype, "label", 2);
+s([
+  l({ type: Boolean, reflect: !0 })
+], t.prototype, "expanded", 2);
+s([
+  l({ type: Boolean, reflect: !0 })
+], t.prototype, "selected", 2);
+s([
+  l({ type: Boolean })
+], t.prototype, "disabled", 2);
+s([
+  l({ type: String })
+], t.prototype, "icon", 2);
+s([
+  l({ type: Boolean })
+], t.prototype, "loading", 2);
+s([
+  l({ type: Number })
+], t.prototype, "level", 2);
+s([
+  u()
+], t.prototype, "_hasChildren", 2);
+t = s([
+  f("sp-tree-item")
+], t);
+export {
+  t as SpTreeItemComponent
+};

package/dist/components/tree/sp-tree-item.template.d.ts

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

package/dist/components/tree/sp-tree-item.template.d.ts.map

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

package/dist/components/tree/sp-tree-item.template.js

@@ -0,0 +1,59 @@
+import { nothing as s, html as e } from "lit";
+import { unsafeHTML as i } from "lit/directives/unsafe-html.js";
+function l() {
+  return e`
+    <div
+      class="sp-tree-item
+        ${this.selected ? "sp-tree-item--selected" : ""}
+        ${this.disabled ? "sp-tree-item--disabled" : ""}
+        ${this.expanded ? "sp-tree-item--expanded" : ""}"
+    >
+      <div
+        class="sp-tree-item-row"
+        role="treeitem"
+        aria-selected=${this.selected}
+        aria-expanded=${this._hasChildren ? String(this.expanded) : s}
+        aria-disabled=${this.disabled}
+        aria-level=${this.level}
+        tabindex=${this.disabled ? "-1" : "0"}
+        @click=${this._handleClick}
+        @keydown=${this._handleKeydown}
+      >
+        ${this._hasChildren ? e`
+              <span
+                class="sp-tree-item-toggle"
+                @click=${this._toggleExpand}
+              >
+                <svg
+                  viewBox="0 0 12 12"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="1.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  class="${this.expanded ? "rotated" : ""}"
+                  aria-hidden="true"
+                >
+                  <polyline points="3,2 9,6 3,10"></polyline>
+                </svg>
+              </span>
+            ` : e`<span class="sp-tree-item-spacer"></span>`}
+
+        ${this.icon ? e`<span class="sp-tree-item-icon">${i(this.icon)}</span>` : s}
+
+        <slot name="icon"></slot>
+
+        <span class="sp-tree-item-label">${this.label}</span>
+
+        ${this.loading ? e`<span class="sp-tree-item-spinner" aria-label="Loading"></span>` : s}
+      </div>
+
+      <div class="sp-tree-item-children" ?hidden=${!this.expanded}>
+        <slot @slotchange=${this._onSlotChange}></slot>
+      </div>
+    </div>
+  `;
+}
+export {
+  l as treeItemTemplate
+};

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

@@ -0,0 +1,4 @@
+const t = ":host{display:block}.sp-tree{font-family:inherit;font-size:.9rem;color:var(--sp-text, #111827)}";
+export {
+  t as default
+};

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

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import { SpTreeSelectionMode } from './sp-tree.types.js';
+/**
+ * Tree component for hierarchical data.
+ *
+ * @element sp-tree
+ *
+ * @prop {SpTreeSelectionMode} selectionMode   - "none" | "single" | "multiple"
+ * @prop {string}              selectedValues  - Comma-separated selected values
+ *
+ * @fires {CustomEvent<{values:string[]}>} sp-selection-change - Emitted when selection changes
+ *
+ * @slot - sp-tree-item elements
+ */
+export declare class SpTreeComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    selectionMode: SpTreeSelectionMode;
+    selectedValues: string;
+    label: string;
+    private _getVisibleItems;
+    private _getVisibleItemsFrom;
+    private _getAllItems;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _syncSelection;
+    private _handleItemClick;
+    private _handleKeydown;
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-tree": SpTreeComponent;
+    }
+}
+//# sourceMappingURL=sp-tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-tree.d.ts","sourceRoot":"","sources":["../../../src/components/tree/sp-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D;;;;;;;;;;;GAWG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAqB;IAG3C,aAAa,EAAE,mBAAmB,CAAY;IAG9C,cAAc,SAAM;IAGpB,KAAK,SAAM;IAEX,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAc5B,OAAO,CAAC,YAAY;IAMX,iBAAiB;IAQjB,oBAAoB;IAMpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM9C,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,gBAAgB,CA2BtB;IAEF,OAAO,CAAC,cAAc,CAmCpB;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,eAAe,CAAC;KAC5B;CACF"}

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

@@ -0,0 +1,106 @@
+import { unsafeCSS as p, LitElement as h } from "lit";
+import { property as u, customElement as m } from "lit/decorators.js";
+import f from "./sp-tree.css.js";
+import { treeTemplate as v } from "./sp-tree.template.js";
+var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, d = (s, e, l, i) => {
+  for (var n = i > 1 ? void 0 : i ? _(e, l) : e, r = s.length - 1, c; r >= 0; r--)
+    (c = s[r]) && (n = (i ? c(e, l, n) : c(n)) || n);
+  return i && n && y(e, l, n), n;
+};
+let a = class extends h {
+  constructor() {
+    super(...arguments), this.selectionMode = "single", this.selectedValues = "", this.label = "", this._handleItemClick = (s) => {
+      const e = s.target;
+      if (this.selectionMode === "none") return;
+      const l = this._getAllItems();
+      this.selectionMode === "single" ? l.forEach((n) => {
+        n.selected = n === e;
+      }) : this.selectionMode === "multiple" && (e.selected = !e.selected);
+      const i = l.filter((n) => n.selected).map((n) => n.value);
+      this.selectedValues = i.join(","), this.dispatchEvent(
+        new CustomEvent("sp-selection-change", {
+          detail: { values: i },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }, this._handleKeydown = (s) => {
+      var i, n, r, c;
+      const e = this._getVisibleItems();
+      if (e.length === 0) return;
+      const l = e.findIndex(
+        (t) => {
+          var o;
+          return t === document.activeElement || ((o = t.shadowRoot) == null ? void 0 : o.activeElement) != null;
+        }
+      );
+      if (s.key === "ArrowDown") {
+        s.preventDefault();
+        const t = l < e.length - 1 ? l + 1 : 0, o = (n = (i = e[t]) == null ? void 0 : i.shadowRoot) == null ? void 0 : n.querySelector(".sp-tree-item-row");
+        o == null || o.focus();
+      } else if (s.key === "ArrowUp") {
+        s.preventDefault();
+        const t = l > 0 ? l - 1 : e.length - 1, o = (c = (r = e[t]) == null ? void 0 : r.shadowRoot) == null ? void 0 : c.querySelector(".sp-tree-item-row");
+        o == null || o.focus();
+      } else if (s.key === "ArrowRight" && l >= 0) {
+        const t = e[l];
+        t && t._hasChildren && !t.expanded && (t.expanded = !0, t.dispatchEvent(new CustomEvent("sp-expand", { detail: { value: t.value }, bubbles: !0, composed: !0 })), s.preventDefault());
+      } else if (s.key === "ArrowLeft" && l >= 0) {
+        const t = e[l];
+        t && t._hasChildren && t.expanded && (t.expanded = !1, t.dispatchEvent(new CustomEvent("sp-collapse", { detail: { value: t.value }, bubbles: !0, composed: !0 })), s.preventDefault());
+      }
+    };
+  }
+  _getVisibleItems() {
+    return this._getVisibleItemsFrom(this);
+  }
+  _getVisibleItemsFrom(s) {
+    const e = [];
+    for (const l of Array.from(s.children))
+      if (l.tagName.toLowerCase() === "sp-tree-item") {
+        const i = l;
+        e.push(i), i.expanded && e.push(...this._getVisibleItemsFrom(i));
+      }
+    return e;
+  }
+  _getAllItems() {
+    return Array.from(
+      this.querySelectorAll("sp-tree-item")
+    );
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("sp-click", this._handleItemClick), this.addEventListener("keydown", this._handleKeydown), this.updateComplete.then(() => this._syncSelection());
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("sp-click", this._handleItemClick), this.removeEventListener("keydown", this._handleKeydown);
+  }
+  updated(s) {
+    s.has("selectedValues") && this._syncSelection();
+  }
+  _syncSelection() {
+    if (!this.selectedValues) return;
+    const s = this.selectedValues.split(",").map((e) => e.trim()).filter(Boolean);
+    this._getAllItems().forEach((e) => {
+      e.selected = s.includes(e.value);
+    });
+  }
+  render() {
+    return v.call(this);
+  }
+};
+a.styles = p(f);
+d([
+  u({ type: String, attribute: "selection-mode" })
+], a.prototype, "selectionMode", 2);
+d([
+  u({ type: String, attribute: "selected-values" })
+], a.prototype, "selectedValues", 2);
+d([
+  u({ type: String })
+], a.prototype, "label", 2);
+a = d([
+  m("sp-tree")
+], a);
+export {
+  a as SpTreeComponent
+};

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { nothing as e, html as t } from "lit";
+function r() {
+  return t`
+    <div class="sp-tree" role="tree" aria-label=${this.label || e}>
+      <slot></slot>
+    </div>
+  `;
+}
+export {
+  r as treeTemplate
+};

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

@@ -0,0 +1,16 @@
+export type SpTreeSelectionMode = "none" | "single" | "multiple";
+export interface SpTreeProps {
+    selectionMode: SpTreeSelectionMode;
+    selectedValues: string;
+}
+export interface SpTreeItemProps {
+    value: string;
+    label: string;
+    expanded: boolean;
+    selected: boolean;
+    disabled: boolean;
+    icon: string;
+    loading: boolean;
+    level: number;
+}
+//# sourceMappingURL=sp-tree.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sp-tree.types.d.ts","sourceRoot":"","sources":["../../../src/components/tree/sp-tree.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE,mBAAmB,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/components/visually-hidden/index.d.ts

@@ -0,0 +1,3 @@
+export { SpVisuallyHiddenComponent } from './sp-visually-hidden.js';
+export type { SpVisuallyHiddenProps } from './sp-visually-hidden.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/visually-hidden/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/visually-hidden/sp-visually-hidden.css.js

@@ -0,0 +1,4 @@
+const t = ":host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host([focusable]:focus-within){position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}@media(prefers-reduced-motion:reduce){:host{transition:none!important}}";
+export {
+  t as default
+};

package/dist/components/visually-hidden/sp-visually-hidden.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * Visually hides content while keeping it accessible to screen readers.
+ *
+ * @element sp-visually-hidden
+ *
+ * @prop {boolean} focusable - When true, content becomes visible on focus (skip-link pattern)
+ *
+ * @slot - Content to be visually hidden
+ */
+export declare class SpVisuallyHiddenComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    focusable: boolean;
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sp-visually-hidden": SpVisuallyHiddenComponent;
+    }
+}
+//# sourceMappingURL=sp-visually-hidden.d.ts.map

package/dist/components/visually-hidden/sp-visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-visually-hidden.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/sp-visually-hidden.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C;;;;;;;;GAQG;AACH,qBACa,yBAA0B,SAAQ,UAAU;IACvD,OAAgB,MAAM,0BAAqB;IAG3C,SAAS,UAAS;IAET,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,yBAAyB,CAAC;KACjD;CACF"}

package/dist/components/visually-hidden/sp-visually-hidden.js

@@ -0,0 +1,27 @@
+import { unsafeCSS as m, LitElement as u } from "lit";
+import { property as a, customElement as i } from "lit/decorators.js";
+import c from "./sp-visually-hidden.css.js";
+import { visuallyHiddenTemplate as v } from "./sp-visually-hidden.template.js";
+var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, f = (n, r, o, t) => {
+  for (var e = t > 1 ? void 0 : t ? d(r, o) : r, l = n.length - 1, p; l >= 0; l--)
+    (p = n[l]) && (e = (t ? p(r, o, e) : p(e)) || e);
+  return t && e && y(r, o, e), e;
+};
+let s = class extends u {
+  constructor() {
+    super(...arguments), this.focusable = !1;
+  }
+  render() {
+    return v();
+  }
+};
+s.styles = m(c);
+f([
+  a({ type: Boolean, reflect: !0 })
+], s.prototype, "focusable", 2);
+s = f([
+  i("sp-visually-hidden")
+], s);
+export {
+  s as SpVisuallyHiddenComponent
+};

package/dist/components/visually-hidden/sp-visually-hidden.template.d.ts

@@ -0,0 +1,3 @@
+import { TemplateResult } from 'lit';
+export declare function visuallyHiddenTemplate(): TemplateResult;
+//# sourceMappingURL=sp-visually-hidden.template.d.ts.map

package/dist/components/visually-hidden/sp-visually-hidden.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-visually-hidden.template.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/sp-visually-hidden.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,wBAAgB,sBAAsB,IAAI,cAAc,CAEvD"}

package/dist/components/visually-hidden/sp-visually-hidden.template.js

@@ -0,0 +1,7 @@
+import { html as t } from "lit";
+function o() {
+  return t`<slot></slot>`;
+}
+export {
+  o as visuallyHiddenTemplate
+};

package/dist/components/visually-hidden/sp-visually-hidden.types.d.ts

@@ -0,0 +1,4 @@
+export interface SpVisuallyHiddenProps {
+    focusable: boolean;
+}
+//# sourceMappingURL=sp-visually-hidden.types.d.ts.map

package/dist/components/visually-hidden/sp-visually-hidden.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sp-visually-hidden.types.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/sp-visually-hidden.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,OAAO,CAAC;CACpB"}

package/dist/index.d.ts

@@ -0,0 +1,59 @@
+export * from './components/button/index.js';
+export * from './components/input/index.js';
+export * from './components/textarea/index.js';
+export * from './components/select/index.js';
+export * from './components/checkbox/index.js';
+export * from './components/radio/index.js';
+export * from './components/switch/index.js';
+export * from './components/form-field/index.js';
+export * from './components/alert/index.js';
+export * from './components/toast/index.js';
+export * from './components/spinner/index.js';
+export * from './components/progress-bar/index.js';
+export * from './components/skeleton/index.js';
+export * from './components/badge/index.js';
+export * from './components/avatar/index.js';
+export * from './components/tag/index.js';
+export * from './components/card/index.js';
+export * from './components/divider/index.js';
+export * from './components/modal/index.js';
+export * from './components/drawer/index.js';
+export * from './components/popover/index.js';
+export * from './components/tooltip/index.js';
+export * from './components/tabs/index.js';
+export * from './components/breadcrumb/index.js';
+export * from './components/pagination/index.js';
+export * from './components/accordion/index.js';
+export * from './components/menu/index.js';
+export * from './components/stepper/index.js';
+export * from './components/navbar/index.js';
+export * from './components/sidebar/index.js';
+export * from './components/table/index.js';
+export * from './components/timeline/index.js';
+export * from './components/stat/index.js';
+export * from './components/empty-state/index.js';
+export * from './components/icon/index.js';
+export * from './components/copy-button/index.js';
+export * from './components/visually-hidden/index.js';
+export * from './components/otp-input/index.js';
+export * from './components/slider/index.js';
+export * from './components/rating/index.js';
+export * from './components/file-upload/index.js';
+export * from './components/combobox/index.js';
+export * from './components/carousel/index.js';
+export * from './components/calendar/index.js';
+export * from './components/number-input/index.js';
+export * from './components/kbd/index.js';
+export * from './components/checkbox-group/index.js';
+export * from './components/tag-input/index.js';
+export * from './components/toast-stack/index.js';
+export * from './components/confirm-dialog/index.js';
+export * from './components/color-picker/index.js';
+export * from './components/time-picker/index.js';
+export * from './components/command-palette/index.js';
+export * from './components/split-panel/index.js';
+export * from './components/scroll-area/index.js';
+export * from './components/tree/index.js';
+export * from './components/gallery/index.js';
+export * from './components/autocomplete/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sCAAsC,CAAC;AACrD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC"}