@krollins/blueprint 0.2.2 → 0.3.0

package/dist/components/pagination.js

@@ -1,320 +1,2 @@
-import { css as d, LitElement as v, html as l } from "lit";
-import { property as p, customElement as f } from "lit/decorators.js";
-import { repeat as _ } from "lit/directives/repeat.js";
-import { b as c } from "../shared/boolean-converter-XDGfS9LC.js";
-const m = d`
-  /* Base styles */
-  :host {
-    display: inline-block;
-  }
-
-  .pagination {
-    display: flex;
-    align-items: center;
-    gap: var(--bp-spacing-sm);
-    font-family: var(--bp-font-sans);
-  }
-
-  .pagination__button {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    min-width: var(--bp-spacing-10);
-    height: var(--bp-spacing-10);
-    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);
-    border: var(--bp-border-width) solid var(--bp-color-border);
-    border-radius: var(--bp-border-radius-md);
-    background-color: var(--bp-color-background);
-    color: var(--bp-color-text);
-    font-family: var(--bp-font-sans);
-    font-size: var(--bp-font-size-base);
-    font-weight: var(--bp-font-weight-medium);
-    line-height: var(--bp-line-height-tight);
-    cursor: pointer;
-    transition:
-      background-color var(--bp-transition-fast),
-      border-color var(--bp-transition-fast),
-      color var(--bp-transition-fast),
-      transform var(--bp-transition-fast);
-    user-select: none;
-  }
-
-  .pagination__button:hover:not(:disabled) {
-    background-color: var(--bp-color-surface);
-    border-color: var(--bp-color-border-strong);
-    color: var(--bp-color-text);
-  }
-
-  .pagination__button:active:not(:disabled) {
-    background-color: var(--bp-color-surface);
-    border-color: var(--bp-color-border-strong);
-    transform: translateY(1px) scale(0.98);
-    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-  }
-
-  .pagination__button:focus-visible {
-    outline: var(--bp-border-width) solid var(--bp-color-primary);
-    outline-offset: var(--bp-spacing-0-5);
-  }
-
-  .pagination__button:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .pagination__button--active {
-    background-color: var(--bp-color-primary);
-    border-color: var(--bp-color-primary);
-    color: var(--bp-color-text-inverse);
-    font-weight: var(--bp-font-weight-semibold);
-  }
-
-  .pagination__button--active:hover:not(:disabled) {
-    background-color: var(--bp-color-primary-hover);
-    border-color: var(--bp-color-primary-hover);
-  }
-
-  .pagination__button--active:focus-visible {
-    outline: 2px solid var(--bp-color-text-inverse);
-    outline-offset: 2px;
-  }
-
-  /* Navigation buttons (first, last, prev, next) - ghost style for visual hierarchy */
-  .pagination__button--first,
-  .pagination__button--last,
-  .pagination__button--prev,
-  .pagination__button--next {
-    color: var(--bp-color-text-muted);
-    background-color: transparent;
-  }
-
-  .pagination__button--first:hover:not(:disabled),
-  .pagination__button--last:hover:not(:disabled),
-  .pagination__button--prev:hover:not(:disabled),
-  .pagination__button--next:hover:not(:disabled) {
-    color: var(--bp-color-text);
-    background-color: var(--bp-color-surface);
-  }
-
-  .pagination__ellipsis {
-    display: inline-flex;
-    align-items: end;
-    justify-content: center;
-    min-width: var(--bp-spacing-2xl);
-    height: var(--bp-spacing-2xl);
-    color: var(--bp-color-text-muted);
-    font-size: var(--bp-font-size-base);
-    user-select: none;
-  }
-
-  .pagination__info {
-    margin-left: var(--bp-spacing-lg);
-    color: var(--bp-color-text-muted);
-    font-size: var(--bp-font-size-sm);
-    white-space: nowrap;
-  }
-
-  /* Sizes */
-  .pagination--sm .pagination__button {
-    min-width: var(--bp-spacing-xl);
-    height: var(--bp-spacing-xl);
-    padding: var(--bp-spacing-2xs) var(--bp-spacing-xs);
-    font-size: var(--bp-font-size-sm);
-  }
-
-  .pagination--sm .pagination__ellipsis {
-    min-width: var(--bp-spacing-xl);
-    height: var(--bp-spacing-xl);
-    font-size: var(--bp-font-size-sm);
-  }
-
-  .pagination--sm .pagination__info {
-    font-size: var(--bp-font-size-xs);
-  }
-
-  .pagination--lg .pagination__button {
-    min-width: var(--bp-spacing-2xl);
-    height: var(--bp-spacing-2xl);
-    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
-    font-size: var(--bp-font-size-lg);
-  }
-
-  .pagination--lg .pagination__ellipsis {
-    min-width: var(--bp-spacing-2xl);
-    height: var(--bp-spacing-2xl);
-    font-size: var(--bp-font-size-lg);
-  }
-
-  .pagination--lg .pagination__info {
-    font-size: var(--bp-font-size-base);
-  }
-
-  .pagination--lg {
-    gap: var(--bp-spacing-md);
-  }
-
-  /* Touch target size: ensure 44x44px minimum on touch devices */
-  @media (pointer: coarse) {
-    .pagination__button {
-      min-width: 44px;
-      min-height: 44px;
-    }
-  }
-`;
-var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (t, n, s, a) => {
-  for (var i = a > 1 ? void 0 : a ? y(n, s) : n, b = t.length - 1, g; b >= 0; b--)
-    (g = t[b]) && (i = (a ? g(n, s, i) : g(i)) || i);
-  return a && i && x(n, s, i), i;
-};
-let e = class extends v {
-  constructor() {
-    super(), this.currentPage = 1, this.totalPages = 1, this.siblingCount = 1, this.boundaryCount = 1, this.showFirstLast = !0, this.showPrevNext = !0, this.showInfo = !1, this.disabled = !1, this.size = "md";
-  }
-  handlePageChange(t) {
-    this.disabled || t < 1 || t > this.totalPages || t === this.currentPage || (this.currentPage = t, this.dispatchEvent(
-      new CustomEvent("bp-page-change", {
-        detail: { page: t },
-        bubbles: !0,
-        composed: !0
-      })
-    ));
-  }
-  getPageNumbers() {
-    const t = [], n = this.totalPages, s = this.currentPage, a = this.siblingCount, i = this.boundaryCount, b = Math.max(1, s - a), g = Math.min(n, s + a);
-    for (let o = 1; o <= Math.min(i, n); o++)
-      t.push(o);
-    b > i + 1 && t.push("ellipsis");
-    for (let o = b; o <= g; o++)
-      o > i && o <= n - i && t.push(o);
-    g < n - i && t.push("ellipsis");
-    for (let o = Math.max(n - i + 1, i + 1); o <= n; o++)
-      t.includes(o) || t.push(o);
-    return t.filter((o, u, h) => h.indexOf(o) === u);
-  }
-  render() {
-    const t = this.getPageNumbers(), n = this.currentPage === 1, s = this.currentPage === this.totalPages;
-    return l`
-      <nav
-        class="pagination pagination--${this.size}"
-        part="container"
-        aria-label="Pagination"
-      >
-        ${this.showFirstLast ? l`
-              <button
-                class="pagination__button pagination__button--first"
-                part="button button-first"
-                ?disabled=${this.disabled || n}
-                @click=${() => this.handlePageChange(1)}
-                aria-label="First page"
-              >
-                «
-              </button>
-            ` : ""}
-        ${this.showPrevNext ? l`
-              <button
-                class="pagination__button pagination__button--prev"
-                part="button button-prev"
-                ?disabled=${this.disabled || n}
-                @click=${() => this.handlePageChange(this.currentPage - 1)}
-                aria-label="Previous page"
-              >
-                ‹
-              </button>
-            ` : ""}
-        ${_(
-      t,
-      (a, i) => a === "ellipsis" ? `ellipsis-${i}` : a,
-      (a) => a === "ellipsis" ? l`
-                  <span
-                    class="pagination__ellipsis"
-                    part="button-ellipsis"
-                    aria-hidden="true"
-                    >…</span
-                  >
-                ` : l`
-                  <button
-                    class="pagination__button pagination__button--page ${a === this.currentPage ? "pagination__button--active" : ""}"
-                    part="button button-page"
-                    ?disabled=${this.disabled}
-                    @click=${() => this.handlePageChange(a)}
-                    aria-label="Page ${a}"
-                    aria-current=${a === this.currentPage ? "page" : "false"}
-                  >
-                    ${a}
-                  </button>
-                `
-    )}
-        ${this.showPrevNext ? l`
-              <button
-                class="pagination__button pagination__button--next"
-                part="button button-next"
-                ?disabled=${this.disabled || s}
-                @click=${() => this.handlePageChange(this.currentPage + 1)}
-                aria-label="Next page"
-              >
-                ›
-              </button>
-            ` : ""}
-        ${this.showFirstLast ? l`
-              <button
-                class="pagination__button pagination__button--last"
-                part="button button-last"
-                ?disabled=${this.disabled || s}
-                @click=${() => this.handlePageChange(this.totalPages)}
-                aria-label="Last page"
-              >
-                »
-              </button>
-            ` : ""}
-        ${this.showInfo ? l`
-              <span class="pagination__info" part="info" aria-live="polite">
-                Page ${this.currentPage} of ${this.totalPages}
-              </span>
-            ` : ""}
-      </nav>
-    `;
-  }
-};
-e.styles = [m];
-r([
-  p({ type: Number, attribute: "current-page" })
-], e.prototype, "currentPage", 2);
-r([
-  p({ type: Number, attribute: "total-pages" })
-], e.prototype, "totalPages", 2);
-r([
-  p({ type: Number, attribute: "sibling-count" })
-], e.prototype, "siblingCount", 2);
-r([
-  p({ type: Number, attribute: "boundary-count" })
-], e.prototype, "boundaryCount", 2);
-r([
-  p({
-    converter: c,
-    reflect: !0,
-    attribute: "show-first-last"
-  })
-], e.prototype, "showFirstLast", 2);
-r([
-  p({
-    converter: c,
-    reflect: !0,
-    attribute: "show-prev-next"
-  })
-], e.prototype, "showPrevNext", 2);
-r([
-  p({ type: Boolean, attribute: "show-info" })
-], e.prototype, "showInfo", 2);
-r([
-  p({ type: Boolean })
-], e.prototype, "disabled", 2);
-r([
-  p({ type: String })
-], e.prototype, "size", 2);
-e = r([
-  f("bp-pagination")
-], e);
-export {
-  e as BpPagination
-};
-//# sourceMappingURL=pagination.js.map
+import { t as e } from "../shared/pagination-sPm2C9Gl.js";
+export { e as BpPagination };

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

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import '../icon/icon.js';
+import { BpIcon } from '../icon/icon.js';
 export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 export type PopoverTrigger = 'click' | 'hover' | 'focus' | 'manual';
 /**
@@ -25,6 +25,11 @@ export type PopoverTrigger = 'click' | 'hover' | 'focus' | 'manual';
  * @csspart close-button - The close button (when showClose is true)
  */
 export declare class BpPopover extends LitElement {
+    /**
+     * Child components that self-register as custom elements on import.
+     * Value imports prevent bundler tree-shaking of the registration side effect.
+     */
+    static dependencies: (typeof BpIcon)[];
     /** Whether the popover is currently open */
     open: boolean;
     /** Placement of the popover relative to the trigger */

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../source/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,4CAA4C;IACQ,IAAI,EAAE,OAAO,CAAC;IAElE,uDAAuD;IA0B/C,SAAS,EAAE,gBAAgB,CAAC;IAEpC,mCAAmC;IAiB3B,OAAO,EAAE,cAAc,CAAC;IAEhC,uDAAuD;IAClB,KAAK,EAAE,OAAO,CAAC;IAEpD,oDAAoD;IAE5C,SAAS,EAAE,OAAO,CAAC;IAE3B,kDAAkD;IAM1C,mBAAmB,EAAE,OAAO,CAAC;IAErC,iDAAiD;IAMzC,aAAa,EAAE,OAAO,CAAC;IAE/B,2DAA2D;IACvB,QAAQ,EAAE,MAAM,CAAC;IAErD,+DAA+D;IAEvD,SAAS,EAAE,MAAM,CAAC;IAE1B,8DAA8D;IAEtD,SAAS,EAAE,MAAM,CAAC;IAE1B,sCAAsC;IACD,QAAQ,EAAE,OAAO,CAAC;IAEvD,6CAA6C;IACT,KAAK,EAAE,MAAM,CAAC;IAElD,kDAAkD;IACzC,OAAO,CAAC,SAAS,CAAS;IAEnC,kDAAkD;IACzC,OAAO,CAAC,SAAS,CAAS;IAEP,OAAO,CAAC,cAAc,CAAe;IAEjE,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,SAAS,CAA4D;IAE7E,MAAM,CAAC,MAAM,4BAAmB;;IAkBhC,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAS5B,uBAAuB;IACvB,IAAI,IAAI,IAAI;IAiBZ,uBAAuB;IACvB,IAAI,IAAI,IAAI;IAiBZ,qCAAqC;IACrC,MAAM,IAAI,IAAI;IAQd;;;OAGG;IACH,OAAO,CAAC,aAAa;IAWrB;;;;OAIG;IACH,OAAO,CAAC,kBAAkB,CAIxB;IAEF;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAU1B;IAEF;;;OAGG;IACH,OAAO,CAAC,uBAAuB,CAO7B;IAEF;;;OAGG;IACH,OAAO,CAAC,uBAAuB,CAO7B;IAEF;;;OAGG;IACH,OAAO,CAAC,qBAAqB,CAG3B;IAEF;;;OAGG;IACH,OAAO,CAAC,qBAAqB,CAO3B;IAEF;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAGxB;IAEF;;;OAGG;IACH,OAAO,CAAC,iBAAiB,CAGvB;IAEF;;;;OAIG;IACH,OAAO,CAAC,mBAAmB,CAQzB;IAEF;;;;OAIG;IACH,OAAO,CAAC,qBAAqB,CAQ3B;IAEF;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAEtB;IAEF;;;;OAIG;IACH,OAAO,CAAC,sBAAsB,CAK5B;IAEF;;;;OAIG;IACH,OAAO,CAAC,sBAAsB,CAK5B;IAEF,MAAM;CAyFP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../source/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC;;;OAGG;IACH,MAAM,CAAC,YAAY,oBAAY;IAC/B,4CAA4C;IACQ,IAAI,EAAE,OAAO,CAAC;IAElE,uDAAuD;IA0B/C,SAAS,EAAE,gBAAgB,CAAC;IAEpC,mCAAmC;IAiB3B,OAAO,EAAE,cAAc,CAAC;IAEhC,uDAAuD;IAClB,KAAK,EAAE,OAAO,CAAC;IAEpD,oDAAoD;IAE5C,SAAS,EAAE,OAAO,CAAC;IAE3B,kDAAkD;IAM1C,mBAAmB,EAAE,OAAO,CAAC;IAErC,iDAAiD;IAMzC,aAAa,EAAE,OAAO,CAAC;IAE/B,2DAA2D;IACvB,QAAQ,EAAE,MAAM,CAAC;IAErD,+DAA+D;IAEvD,SAAS,EAAE,MAAM,CAAC;IAE1B,8DAA8D;IAEtD,SAAS,EAAE,MAAM,CAAC;IAE1B,sCAAsC;IACD,QAAQ,EAAE,OAAO,CAAC;IAEvD,6CAA6C;IACT,KAAK,EAAE,MAAM,CAAC;IAElD,kDAAkD;IACzC,OAAO,CAAC,SAAS,CAAS;IAEnC,kDAAkD;IACzC,OAAO,CAAC,SAAS,CAAS;IAEP,OAAO,CAAC,cAAc,CAAe;IAEjE,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,SAAS,CAA4D;IAE7E,MAAM,CAAC,MAAM,4BAAmB;IAEhC,cAcC;IAED,iBAAiB,IAAI,IAAI,CAMxB;IAED,oBAAoB,IAAI,IAAI,CAO3B;IAED,uBAAuB;IACvB,IAAI,IAAI,IAAI,CAeX;IAED,uBAAuB;IACvB,IAAI,IAAI,IAAI,CAeX;IAED,qCAAqC;IACrC,MAAM,IAAI,IAAI,CAMb;IAED;;;OAGG;IACH,OAAO,CAAC,aAAa;IAWrB;;;;OAIG;IACH,OAAO,CAAC,kBAAkB,CAIxB;IAEF;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAU1B;IAEF;;;OAGG;IACH,OAAO,CAAC,uBAAuB,CAO7B;IAEF;;;OAGG;IACH,OAAO,CAAC,uBAAuB,CAO7B;IAEF;;;OAGG;IACH,OAAO,CAAC,qBAAqB,CAG3B;IAEF;;;OAGG;IACH,OAAO,CAAC,qBAAqB,CAO3B;IAEF;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAGxB;IAEF;;;OAGG;IACH,OAAO,CAAC,iBAAiB,CAGvB;IAEF;;;;OAIG;IACH,OAAO,CAAC,mBAAmB,CAQzB;IAEF;;;;OAIG;IACH,OAAO,CAAC,qBAAqB,CAQ3B;IAEF;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAEtB;IAEF;;;;OAIG;IACH,OAAO,CAAC,sBAAsB,CAK5B;IAEF;;;;OAIG;IACH,OAAO,CAAC,sBAAsB,CAK5B;IAEF,MAAM,yCAqGL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.style.d.ts","sourceRoot":"","sources":["../../../source/components/popover/popover.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAoVzB,CAAC"}
+{"version":3,"file":"popover.style.d.ts","sourceRoot":"","sources":["../../../source/components/popover/popover.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAwVzB,CAAC"}