@krollins/blueprint 0.1.11 → 0.1.13

package/dist/components/input.js

@@ -0,0 +1,363 @@
+import { css as b, LitElement as d, nothing as h, html as a } from "lit";
+import { property as o, query as f, customElement as v } from "lit/decorators.js";
+import { ifDefined as s } from "lit/directives/if-defined.js";
+import { live as m } from "lit/directives/live.js";
+import { d as g } from "../shared/debounce-BckY30Sf.js";
+const y = b`
+  /* Base styles */
+  :host {
+    display: block;
+  }
+
+  .input-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: var(--bp-spacing-xs);
+  }
+
+  .input-label {
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-sm);
+    font-weight: var(--bp-font-weight-medium);
+    color: var(--bp-color-text);
+    line-height: var(--bp-line-height-normal);
+  }
+
+  .input-required {
+    color: var(--bp-color-error);
+    margin-left: var(--bp-spacing-xs);
+  }
+
+  .input {
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-base);
+    line-height: var(--bp-line-height-normal);
+    color: var(--bp-color-text);
+    background-color: var(--bp-color-background);
+    border: var(--bp-border-width) solid var(--bp-color-border);
+    border-radius: var(--bp-border-radius-md);
+    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
+    box-shadow: inset 0 1px 2px oklch(0 0 0 / 0.05);
+    transition:
+      border-color var(--bp-transition-fast),
+      box-shadow var(--bp-transition-fast);
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .input::placeholder {
+    color: var(--bp-color-text-muted);
+    opacity: var(--bp-opacity-subtle);
+  }
+
+  /* Variants */
+  .input--default {
+    border-color: var(--bp-color-border);
+  }
+
+  .input--success {
+    border-color: var(--bp-color-success);
+  }
+
+  .input--error {
+    border-color: var(--bp-color-error);
+  }
+
+  .input--warning {
+    border-color: var(--bp-color-warning);
+  }
+
+  .input--info {
+    border-color: var(--bp-color-info);
+  }
+
+  /* Sizes */
+  .input--sm {
+    font-size: var(--bp-font-size-sm);
+    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);
+  }
+
+  .input--md {
+    font-size: var(--bp-font-size-base);
+    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
+  }
+
+  .input--lg {
+    font-size: var(--bp-font-size-lg);
+    padding: var(--bp-spacing-md) var(--bp-spacing-lg);
+  }
+
+  /* States */
+  .input:hover:not(:disabled):not(:focus) {
+    border-color: var(--bp-color-border-strong);
+  }
+
+  .input:focus {
+    outline: none;
+    border-color: var(--bp-color-focus);
+    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-focus);
+  }
+
+  .input:focus-visible {
+    outline: none;
+    border-color: var(--bp-color-focus);
+    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-focus);
+  }
+
+  .input:disabled {
+    opacity: var(--bp-opacity-disabled);
+    cursor: not-allowed;
+    background-color: var(--bp-color-surface-subdued);
+  }
+
+  .input:read-only {
+    background-color: var(--bp-color-surface);
+    cursor: default;
+  }
+
+  /* Variant-specific focus states */
+  .input--success:focus,
+  .input--success:focus-visible {
+    border-color: var(--bp-color-success);
+    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-success);
+  }
+
+  .input--error:focus,
+  .input--error:focus-visible {
+    border-color: var(--bp-color-error);
+    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-error);
+  }
+
+  .input--warning:focus,
+  .input--warning:focus-visible {
+    border-color: var(--bp-color-warning);
+    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-warning);
+  }
+
+  .input--info:focus,
+  .input--info:focus-visible {
+    border-color: var(--bp-color-info);
+    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-info);
+  }
+
+  /* Messages */
+  .input-message {
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-sm);
+    line-height: var(--bp-line-height-normal);
+    color: var(--bp-color-text-muted);
+  }
+
+  .input-message--error {
+    color: var(--bp-color-error);
+  }
+
+  /* iOS zoom prevention: ensure 16px minimum on touch devices */
+  @media (max-width: 768px) {
+    .input--sm {
+      font-size: 16px;
+    }
+  }
+`;
+var x = Object.defineProperty, w = Object.getOwnPropertyDescriptor, t = (r, i, l, n) => {
+  for (var p = n > 1 ? void 0 : n ? w(i, l) : i, u = r.length - 1, c; u >= 0; u--)
+    (c = r[u]) && (p = (n ? c(i, l, p) : c(p)) || p);
+  return n && p && x(i, l, p), p;
+};
+let e = class extends d {
+  constructor() {
+    super(...arguments), this.variant = "default", this.size = "md", this.type = "text", this.value = "", this.disabled = !1, this.required = !1, this.readonly = !1, this.debouncedDispatchInput = g(
+      (r, i) => {
+        this.dispatchEvent(
+          new CustomEvent("bp-input", {
+            detail: { value: r, originalEvent: i },
+            bubbles: !0,
+            composed: !0
+          })
+        );
+      },
+      150
+    );
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.debouncedDispatchInput.cancel();
+  }
+  handleInput(r) {
+    const i = r.target;
+    this.value = i.value, this.debouncedDispatchInput(this.value, r);
+  }
+  handleChange(r) {
+    const i = r.target;
+    this.value = i.value, this.dispatchEvent(
+      new CustomEvent("bp-change", {
+        detail: { value: this.value, originalEvent: r },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  handleFocus(r) {
+    this.dispatchEvent(
+      new CustomEvent("bp-focus", {
+        detail: { originalEvent: r },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  handleBlur(r) {
+    this.debouncedDispatchInput.flush(), this.dispatchEvent(
+      new CustomEvent("bp-blur", {
+        detail: { originalEvent: r },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  /**
+   * Focuses the input element
+   */
+  focus() {
+    this.inputElement?.focus();
+  }
+  /**
+   * Blurs the input element
+   */
+  blur() {
+    this.inputElement?.blur();
+  }
+  /**
+   * Selects the text in the input
+   */
+  select() {
+    this.inputElement?.select();
+  }
+  get messageId() {
+    const r = this.variant === "error" && this.errorMessage, i = this.helperText && !r;
+    return r ? "error-message" : i ? "helper-text" : "";
+  }
+  render() {
+    const r = this.variant === "error" && this.errorMessage, i = this.helperText && !r;
+    return a`
+      <div class="input-wrapper">
+        ${this.label ? a`
+              <label class="input-label" for="input">
+                ${this.label}
+                ${this.required ? a`<span class="input-required">*</span>` : ""}
+              </label>
+            ` : ""}
+
+        <input
+          part="input"
+          id="input"
+          class="input input--${this.variant} input--${this.size}"
+          type=${this.type}
+          .value=${m(this.value)}
+          placeholder=${s(this.placeholder)}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          ?readonly=${this.readonly}
+          name=${s(this.name)}
+          autocomplete=${s(this.autocomplete)}
+          minlength=${s(this.minlength)}
+          maxlength=${s(this.maxlength)}
+          pattern=${s(this.pattern)}
+          step=${s(this.step)}
+          min=${s(this.min)}
+          max=${s(this.max)}
+          inputmode=${s(this.inputmode)}
+          aria-invalid=${this.variant === "error" ? "true" : "false"}
+          aria-describedby=${this.messageId || h}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+
+        ${r ? a`
+              <div
+                id="error-message"
+                class="input-message input-message--error"
+                role="alert"
+              >
+                ${this.errorMessage}
+              </div>
+            ` : ""}
+        ${i ? a`<div id="helper-text" class="input-message">
+              ${this.helperText}
+            </div>` : ""}
+      </div>
+    `;
+  }
+};
+e.styles = [y];
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "variant", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "size", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "type", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "value", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "placeholder", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "label", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "helperText", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "errorMessage", 2);
+t([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "disabled", 2);
+t([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "required", 2);
+t([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "readonly", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "name", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "autocomplete", 2);
+t([
+  o({ type: Number, reflect: !0 })
+], e.prototype, "minlength", 2);
+t([
+  o({ type: Number, reflect: !0 })
+], e.prototype, "maxlength", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "pattern", 2);
+t([
+  o({ type: Number, reflect: !0 })
+], e.prototype, "step", 2);
+t([
+  o({ type: Number, reflect: !0 })
+], e.prototype, "min", 2);
+t([
+  o({ type: Number, reflect: !0 })
+], e.prototype, "max", 2);
+t([
+  o({ type: String, reflect: !0 })
+], e.prototype, "inputmode", 2);
+t([
+  f("input")
+], e.prototype, "inputElement", 2);
+e = t([
+  v("bp-input")
+], e);
+export {
+  e as BpInput
+};
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../source/components/input/input.style.ts","../../source/components/input/input.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const inputStyles = css`\n  /* Base styles */\n  :host {\n    display: block;\n  }\n\n  .input-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bp-spacing-xs);\n  }\n\n  .input-label {\n    font-family: var(--bp-font-family);\n    font-size: var(--bp-font-size-sm);\n    font-weight: var(--bp-font-weight-medium);\n    color: var(--bp-color-text);\n    line-height: var(--bp-line-height-normal);\n  }\n\n  .input-required {\n    color: var(--bp-color-error);\n    margin-left: var(--bp-spacing-xs);\n  }\n\n  .input {\n    font-family: var(--bp-font-family);\n    font-size: var(--bp-font-size-base);\n    line-height: var(--bp-line-height-normal);\n    color: var(--bp-color-text);\n    background-color: var(--bp-color-background);\n    border: var(--bp-border-width) solid var(--bp-color-border);\n    border-radius: var(--bp-border-radius-md);\n    padding: var(--bp-spacing-sm) var(--bp-spacing-md);\n    box-shadow: inset 0 1px 2px oklch(0 0 0 / 0.05);\n    transition:\n      border-color var(--bp-transition-fast),\n      box-shadow var(--bp-transition-fast);\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .input::placeholder {\n    color: var(--bp-color-text-muted);\n    opacity: var(--bp-opacity-subtle);\n  }\n\n  /* Variants */\n  .input--default {\n    border-color: var(--bp-color-border);\n  }\n\n  .input--success {\n    border-color: var(--bp-color-success);\n  }\n\n  .input--error {\n    border-color: var(--bp-color-error);\n  }\n\n  .input--warning {\n    border-color: var(--bp-color-warning);\n  }\n\n  .input--info {\n    border-color: var(--bp-color-info);\n  }\n\n  /* Sizes */\n  .input--sm {\n    font-size: var(--bp-font-size-sm);\n    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);\n  }\n\n  .input--md {\n    font-size: var(--bp-font-size-base);\n    padding: var(--bp-spacing-sm) var(--bp-spacing-md);\n  }\n\n  .input--lg {\n    font-size: var(--bp-font-size-lg);\n    padding: var(--bp-spacing-md) var(--bp-spacing-lg);\n  }\n\n  /* States */\n  .input:hover:not(:disabled):not(:focus) {\n    border-color: var(--bp-color-border-strong);\n  }\n\n  .input:focus {\n    outline: none;\n    border-color: var(--bp-color-focus);\n    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-focus);\n  }\n\n  .input:focus-visible {\n    outline: none;\n    border-color: var(--bp-color-focus);\n    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-focus);\n  }\n\n  .input:disabled {\n    opacity: var(--bp-opacity-disabled);\n    cursor: not-allowed;\n    background-color: var(--bp-color-surface-subdued);\n  }\n\n  .input:read-only {\n    background-color: var(--bp-color-surface);\n    cursor: default;\n  }\n\n  /* Variant-specific focus states */\n  .input--success:focus,\n  .input--success:focus-visible {\n    border-color: var(--bp-color-success);\n    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-success);\n  }\n\n  .input--error:focus,\n  .input--error:focus-visible {\n    border-color: var(--bp-color-error);\n    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-error);\n  }\n\n  .input--warning:focus,\n  .input--warning:focus-visible {\n    border-color: var(--bp-color-warning);\n    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-warning);\n  }\n\n  .input--info:focus,\n  .input--info:focus-visible {\n    border-color: var(--bp-color-info);\n    box-shadow: 0 0 0 var(--bp-focus-offset) var(--bp-color-info);\n  }\n\n  /* Messages */\n  .input-message {\n    font-family: var(--bp-font-family);\n    font-size: var(--bp-font-size-sm);\n    line-height: var(--bp-line-height-normal);\n    color: var(--bp-color-text-muted);\n  }\n\n  .input-message--error {\n    color: var(--bp-color-error);\n  }\n\n  /* iOS zoom prevention: ensure 16px minimum on touch devices */\n  @media (max-width: 768px) {\n    .input--sm {\n      font-size: 16px;\n    }\n  }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { inputStyles } from './input.style.js';\nimport { debounce } from '../../utilities/debounce.js';\n\nexport type InputVariant = 'default' | 'success' | 'error' | 'warning' | 'info';\nexport type InputSize = 'sm' | 'md' | 'lg';\nexport type InputType =\n  | 'text'\n  | 'email'\n  | 'password'\n  | 'number'\n  | 'tel'\n  | 'url'\n  | 'search';\n\nexport type InputModeType =\n  | 'none'\n  | 'text'\n  | 'tel'\n  | 'url'\n  | 'email'\n  | 'numeric'\n  | 'decimal'\n  | 'search';\n\nexport type AutocompleteType =\n  | 'on'\n  | 'off'\n  | 'name'\n  | 'email'\n  | 'username'\n  | 'new-password'\n  | 'current-password'\n  | 'tel'\n  | 'url'\n  | 'street-address'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'country'\n  | 'country-name'\n  | 'postal-code'\n  | 'cc-name'\n  | 'cc-given-name'\n  | 'cc-additional-name'\n  | 'cc-family-name'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-csc'\n  | 'cc-type'\n  | 'transaction-currency'\n  | 'transaction-amount'\n  | 'language'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'sex'\n  | 'tel-country-code'\n  | 'tel-national'\n  | 'tel-area-code'\n  | 'tel-local'\n  | 'tel-extension'\n  | 'organization'\n  | 'organization-title';\n\n@customElement('bp-input')\nexport class BpInput extends LitElement {\n  @property({ type: String, reflect: true }) variant: InputVariant = 'default';\n  @property({ type: String, reflect: true }) size: InputSize = 'md';\n  @property({ type: String, reflect: true }) type: InputType = 'text';\n  @property({ type: String, reflect: true }) value: string = '';\n  @property({ type: String, reflect: true }) placeholder?: string;\n  @property({ type: String, reflect: true }) label?: string;\n  @property({ type: String, reflect: true }) helperText?: string;\n  @property({ type: String, reflect: true }) errorMessage?: string;\n  @property({ type: Boolean, reflect: true }) disabled: boolean = false;\n  @property({ type: Boolean, reflect: true }) required: boolean = false;\n  @property({ type: Boolean, reflect: true }) readonly: boolean = false;\n  @property({ type: String, reflect: true }) name?: string;\n  @property({ type: String, reflect: true }) autocomplete?: AutocompleteType;\n  @property({ type: Number, reflect: true }) minlength?: number;\n  @property({ type: Number, reflect: true }) maxlength?: number;\n  @property({ type: String, reflect: true }) pattern?: string;\n  @property({ type: Number, reflect: true }) step?: number;\n  @property({ type: Number, reflect: true }) min?: number;\n  @property({ type: Number, reflect: true }) max?: number;\n  @property({ type: String, reflect: true }) inputmode?: InputModeType;\n\n  @query('input') private inputElement?: HTMLInputElement;\n\n  private debouncedDispatchInput = debounce(\n    (value: string, originalEvent: InputEvent) => {\n      this.dispatchEvent(\n        new CustomEvent('bp-input', {\n          detail: { value, originalEvent },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    },\n    150\n  );\n\n  static styles = [inputStyles];\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.debouncedDispatchInput.cancel();\n  }\n\n  private handleInput(e: InputEvent) {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n    this.debouncedDispatchInput(this.value, e);\n  }\n\n  private handleChange(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n\n    this.dispatchEvent(\n      new CustomEvent('bp-change', {\n        detail: { value: this.value, originalEvent: e },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private handleFocus(e: FocusEvent) {\n    this.dispatchEvent(\n      new CustomEvent('bp-focus', {\n        detail: { originalEvent: e },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private handleBlur(e: FocusEvent) {\n    this.debouncedDispatchInput.flush();\n    this.dispatchEvent(\n      new CustomEvent('bp-blur', {\n        detail: { originalEvent: e },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  /**\n   * Focuses the input element\n   */\n  public focus() {\n    this.inputElement?.focus();\n  }\n\n  /**\n   * Blurs the input element\n   */\n  public blur() {\n    this.inputElement?.blur();\n  }\n\n  /**\n   * Selects the text in the input\n   */\n  public select() {\n    this.inputElement?.select();\n  }\n\n  private get messageId(): string {\n    const showError = this.variant === 'error' && this.errorMessage;\n    const showHelper = this.helperText && !showError;\n    if (showError) return 'error-message';\n    if (showHelper) return 'helper-text';\n    return '';\n  }\n\n  render() {\n    const showError = this.variant === 'error' && this.errorMessage;\n    const showHelper = this.helperText && !showError;\n\n    return html`\n      <div class=\"input-wrapper\">\n        ${this.label\n          ? html`\n              <label class=\"input-label\" for=\"input\">\n                ${this.label}\n                ${this.required\n                  ? html`<span class=\"input-required\">*</span>`\n                  : ''}\n              </label>\n            `\n          : ''}\n\n        <input\n          part=\"input\"\n          id=\"input\"\n          class=\"input input--${this.variant} input--${this.size}\"\n          type=${this.type}\n          .value=${live(this.value)}\n          placeholder=${ifDefined(this.placeholder)}\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          ?readonly=${this.readonly}\n          name=${ifDefined(this.name)}\n          autocomplete=${ifDefined(this.autocomplete)}\n          minlength=${ifDefined(this.minlength)}\n          maxlength=${ifDefined(this.maxlength)}\n          pattern=${ifDefined(this.pattern)}\n          step=${ifDefined(this.step)}\n          min=${ifDefined(this.min)}\n          max=${ifDefined(this.max)}\n          inputmode=${ifDefined(this.inputmode)}\n          aria-invalid=${this.variant === 'error' ? 'true' : 'false'}\n          aria-describedby=${this.messageId || nothing}\n          @input=${this.handleInput}\n          @change=${this.handleChange}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        />\n\n        ${showError\n          ? html`\n              <div\n                id=\"error-message\"\n                class=\"input-message input-message--error\"\n                role=\"alert\"\n              >\n                ${this.errorMessage}\n              </div>\n            `\n          : ''}\n        ${showHelper\n          ? html`<div id=\"helper-text\" class=\"input-message\">\n              ${this.helperText}\n            </div>`\n          : ''}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-input': BpInput;\n  }\n}\n"],"names":["inputStyles","css","BpInput","LitElement","debounce","value","originalEvent","e","target","showError","showHelper","html","live","ifDefined","nothing","__decorateClass","property","query","customElement"],"mappings":"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"}

package/dist/components/link.js

@@ -0,0 +1,178 @@
+import { css as d, LitElement as v, html as f } from "lit";
+import { property as i, customElement as u } from "lit/decorators.js";
+import { ifDefined as c } from "lit/directives/if-defined.js";
+const h = d`
+  /* Base styles */
+  :host {
+    display: inline;
+  }
+
+  .link {
+    display: inline;
+    font-family: var(--bp-font-family);
+    font-size: inherit;
+    font-weight: inherit;
+    color: var(--bp-color-primary);
+    text-decoration: none;
+    cursor: pointer;
+    transition: color var(--bp-transition-fast);
+  }
+
+  .link:hover {
+    color: var(--bp-color-primary-hover);
+  }
+
+  .link:active {
+    color: var(--bp-color-primary-active);
+    transform: translateY(var(--bp-spacing-0-5));
+  }
+
+  .link:visited {
+    color: var(--bp-color-primary);
+  }
+
+  .link:visited:hover {
+    color: var(--bp-color-primary-hover);
+  }
+
+  .link:focus-visible {
+    outline: var(--bp-focus-width) solid var(--bp-color-focus);
+    outline-offset: var(--bp-focus-offset);
+    border-radius: var(--bp-border-radius-sm);
+  }
+
+  .link[aria-disabled='true'] {
+    color: var(--bp-color-text-muted);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* Variants */
+  .link--primary {
+    font-weight: var(--bp-font-weight-semibold);
+  }
+
+  .link--muted {
+    color: var(--bp-color-text-muted);
+  }
+
+  .link--muted:hover {
+    color: var(--bp-color-text);
+  }
+
+  .link--muted:active {
+    color: var(--bp-color-text);
+  }
+
+  .link--muted:visited {
+    color: var(--bp-color-text-muted);
+  }
+
+  /* Underline variants */
+  .link--underline-always {
+    text-decoration: underline;
+  }
+
+  .link--underline-hover {
+    text-decoration: underline;
+    text-decoration-color: transparent;
+    transition: text-decoration-color var(--bp-transition-fast);
+  }
+
+  .link--underline-hover:hover {
+    text-decoration-color: currentColor;
+  }
+
+  .link--underline-none {
+    text-decoration: none;
+  }
+
+  .link--underline-none:hover {
+    text-decoration: none;
+  }
+
+  /* Size variants */
+  .link--size-sm {
+    font-size: var(--bp-font-size-sm);
+  }
+
+  .link--size-md {
+    font-size: inherit;
+  }
+
+  .link--size-lg {
+    font-size: var(--bp-font-size-lg);
+  }
+
+  /* External link indicator */
+  .link[target='_blank']::after {
+    content: '↗';
+    margin-left: var(--bp-spacing-1);
+    vertical-align: super;
+    line-height: 0;
+    opacity: 0.75;
+    transition: opacity var(--bp-transition-fast);
+  }
+
+  .link[target='_blank']:hover::after {
+    opacity: 1;
+  }
+`;
+var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, t = (o, n, a, l) => {
+  for (var r = l > 1 ? void 0 : l ? m(n, a) : n, s = o.length - 1, p; s >= 0; s--)
+    (p = o[s]) && (r = (l ? p(n, a, r) : p(r)) || r);
+  return l && r && b(n, a, r), r;
+};
+let e = class extends v {
+  constructor() {
+    super(), this.href = "", this.target = "", this.rel = "", this.variant = "default", this.underline = "hover", this.size = "md", this.disabled = !1;
+  }
+  handleClick(o) {
+    this.disabled && o.preventDefault();
+  }
+  render() {
+    const o = this.target === "_blank", n = this.rel || (o ? "noopener noreferrer" : void 0);
+    return f`
+      <a
+        class="link link--${this.variant} link--underline-${this.underline} link--size-${this.size}"
+        href=${c(this.disabled ? void 0 : this.href || void 0)}
+        target=${c(this.target || void 0)}
+        rel=${c(n)}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        @click=${this.handleClick}
+        part="link"
+      >
+        <slot></slot>
+      </a>
+    `;
+  }
+};
+e.styles = [h];
+t([
+  i({ type: String, reflect: !0 })
+], e.prototype, "href", 2);
+t([
+  i({ type: String, reflect: !0 })
+], e.prototype, "target", 2);
+t([
+  i({ type: String, reflect: !0 })
+], e.prototype, "rel", 2);
+t([
+  i({ type: String, reflect: !0 })
+], e.prototype, "variant", 2);
+t([
+  i({ type: String, reflect: !0 })
+], e.prototype, "underline", 2);
+t([
+  i({ type: String, reflect: !0 })
+], e.prototype, "size", 2);
+t([
+  i({ type: Boolean, reflect: !0 })
+], e.prototype, "disabled", 2);
+e = t([
+  u("bp-link")
+], e);
+export {
+  e as BpLink
+};
+//# sourceMappingURL=link.js.map

package/dist/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../source/components/link/link.style.ts","../../source/components/link/link.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const linkStyles = css`\n  /* Base styles */\n  :host {\n    display: inline;\n  }\n\n  .link {\n    display: inline;\n    font-family: var(--bp-font-family);\n    font-size: inherit;\n    font-weight: inherit;\n    color: var(--bp-color-primary);\n    text-decoration: none;\n    cursor: pointer;\n    transition: color var(--bp-transition-fast);\n  }\n\n  .link:hover {\n    color: var(--bp-color-primary-hover);\n  }\n\n  .link:active {\n    color: var(--bp-color-primary-active);\n    transform: translateY(var(--bp-spacing-0-5));\n  }\n\n  .link:visited {\n    color: var(--bp-color-primary);\n  }\n\n  .link:visited:hover {\n    color: var(--bp-color-primary-hover);\n  }\n\n  .link:focus-visible {\n    outline: var(--bp-focus-width) solid var(--bp-color-focus);\n    outline-offset: var(--bp-focus-offset);\n    border-radius: var(--bp-border-radius-sm);\n  }\n\n  .link[aria-disabled='true'] {\n    color: var(--bp-color-text-muted);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  /* Variants */\n  .link--primary {\n    font-weight: var(--bp-font-weight-semibold);\n  }\n\n  .link--muted {\n    color: var(--bp-color-text-muted);\n  }\n\n  .link--muted:hover {\n    color: var(--bp-color-text);\n  }\n\n  .link--muted:active {\n    color: var(--bp-color-text);\n  }\n\n  .link--muted:visited {\n    color: var(--bp-color-text-muted);\n  }\n\n  /* Underline variants */\n  .link--underline-always {\n    text-decoration: underline;\n  }\n\n  .link--underline-hover {\n    text-decoration: underline;\n    text-decoration-color: transparent;\n    transition: text-decoration-color var(--bp-transition-fast);\n  }\n\n  .link--underline-hover:hover {\n    text-decoration-color: currentColor;\n  }\n\n  .link--underline-none {\n    text-decoration: none;\n  }\n\n  .link--underline-none:hover {\n    text-decoration: none;\n  }\n\n  /* Size variants */\n  .link--size-sm {\n    font-size: var(--bp-font-size-sm);\n  }\n\n  .link--size-md {\n    font-size: inherit;\n  }\n\n  .link--size-lg {\n    font-size: var(--bp-font-size-lg);\n  }\n\n  /* External link indicator */\n  .link[target='_blank']::after {\n    content: '↗';\n    margin-left: var(--bp-spacing-1);\n    vertical-align: super;\n    line-height: 0;\n    opacity: 0.75;\n    transition: opacity var(--bp-transition-fast);\n  }\n\n  .link[target='_blank']:hover::after {\n    opacity: 1;\n  }\n`;\n","import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { linkStyles } from './link.style.js';\n\nexport type LinkVariant = 'default' | 'primary' | 'muted';\nexport type LinkUnderline = 'always' | 'hover' | 'none';\nexport type LinkSize = 'sm' | 'md' | 'lg';\n\n/**\n * A link component that provides styled anchor elements with variants.\n * Supports internal and external links with accessibility features.\n */\n@customElement('bp-link')\nexport class BpLink extends LitElement {\n  /**\n   * The URL the link points to.\n   * @type {string}\n   * @default ''\n   */\n  @property({ type: String, reflect: true }) declare href: string;\n\n  /**\n   * Where to display the linked URL (same semantics as anchor target).\n   * @type {string}\n   * @default ''\n   */\n  @property({ type: String, reflect: true }) declare target: string;\n\n  /**\n   * Relationship of the linked URL (same semantics as anchor rel).\n   * @type {string}\n   * @default ''\n   */\n  @property({ type: String, reflect: true }) declare rel: string;\n\n  /**\n   * Visual variant of the link.\n   * @type {'default' | 'primary' | 'muted'}\n   * @default 'default'\n   */\n  @property({ type: String, reflect: true }) declare variant: LinkVariant;\n\n  /**\n   * Underline style for the link.\n   * @type {'always' | 'hover' | 'none'}\n   * @default 'hover'\n   */\n  @property({ type: String, reflect: true }) declare underline: LinkUnderline;\n\n  /**\n   * Size of the link text.\n   * @type {'sm' | 'md' | 'lg'}\n   * @default 'md'\n   */\n  @property({ type: String, reflect: true }) declare size: LinkSize;\n\n  /**\n   * Whether the link is disabled.\n   * @type {boolean}\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true }) declare disabled: boolean;\n\n  static styles = [linkStyles];\n\n  constructor() {\n    super();\n    this.href = '';\n    this.target = '';\n    this.rel = '';\n    this.variant = 'default';\n    this.underline = 'hover';\n    this.size = 'md';\n    this.disabled = false;\n  }\n\n  private handleClick(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n    }\n  }\n\n  render() {\n    const isExternal = this.target === '_blank';\n    const computedRel =\n      this.rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n    return html`\n      <a\n        class=\"link link--${this.variant} link--underline-${this\n          .underline} link--size-${this.size}\"\n        href=${ifDefined(this.disabled ? undefined : this.href || undefined)}\n        target=${ifDefined(this.target || undefined)}\n        rel=${ifDefined(computedRel)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        @click=${this.handleClick}\n        part=\"link\"\n      >\n        <slot></slot>\n      </a>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-link': BpLink;\n  }\n}\n"],"names":["linkStyles","css","BpLink","LitElement","event","isExternal","computedRel","html","ifDefined","__decorateClass","property","customElement"],"mappings":";;;AAEO,MAAMA,IAAaC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;ACYnB,IAAMC,IAAN,cAAqBC,EAAW;AAAA,EAoDrC,cAAc;AACZ,UAAA,GACA,KAAK,OAAO,IACZ,KAAK,SAAS,IACd,KAAK,MAAM,IACX,KAAK,UAAU,WACf,KAAK,YAAY,SACjB,KAAK,OAAO,MACZ,KAAK,WAAW;AAAA,EAClB;AAAA,EAEQ,YAAYC,GAAmB;AACrC,IAAI,KAAK,YACPA,EAAM,eAAA;AAAA,EAEV;AAAA,EAEA,SAAS;AACP,UAAMC,IAAa,KAAK,WAAW,UAC7BC,IACJ,KAAK,QAAQD,IAAa,wBAAwB;AAEpD,WAAOE;AAAA;AAAA,4BAEiB,KAAK,OAAO,oBAAoB,KACjD,SAAS,eAAe,KAAK,IAAI;AAAA,eAC7BC,EAAU,KAAK,WAAW,SAAY,KAAK,QAAQ,MAAS,CAAC;AAAA,iBAC3DA,EAAU,KAAK,UAAU,MAAS,CAAC;AAAA,cACtCA,EAAUF,CAAW,CAAC;AAAA,wBACZ,KAAK,WAAW,SAAS,OAAO;AAAA,iBACvC,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM/B;AACF;AAzFaJ,EAkDJ,SAAS,CAACF,CAAU;AA5CwBS,EAAA;AAAA,EAAlDC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAN9BR,EAMwC,WAAA,QAAA,CAAA;AAOAO,EAAA;AAAA,EAAlDC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAb9BR,EAawC,WAAA,UAAA,CAAA;AAOAO,EAAA;AAAA,EAAlDC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GApB9BR,EAoBwC,WAAA,OAAA,CAAA;AAOAO,EAAA;AAAA,EAAlDC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GA3B9BR,EA2BwC,WAAA,WAAA,CAAA;AAOAO,EAAA;AAAA,EAAlDC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAlC9BR,EAkCwC,WAAA,aAAA,CAAA;AAOAO,EAAA;AAAA,EAAlDC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAzC9BR,EAyCwC,WAAA,QAAA,CAAA;AAOCO,EAAA;AAAA,EAAnDC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAhD/BR,EAgDyC,WAAA,YAAA,CAAA;AAhDzCA,IAANO,EAAA;AAAA,EADNE,EAAc,SAAS;AAAA,GACXT,CAAA;"}