@krollins/blueprint 0.2.2 → 0.3.0

package/dist/components/progress.js

@@ -1,219 +1,2 @@
-import { css as g, LitElement as b, html as p } from "lit";
-import { property as a, customElement as m } from "lit/decorators.js";
-const u = g`
-  /* Base styles */
-  :host {
-    display: block;
-  }
-
-  .progress-container {
-    width: 100%;
-  }
-
-  .progress-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: var(--bp-spacing-sm);
-    font-family: var(--bp-font-family);
-    font-size: var(--bp-font-size-sm);
-    color: var(--bp-color-text);
-  }
-
-  .progress-label {
-    font-weight: var(--bp-font-weight-medium);
-  }
-
-  .progress-value {
-    color: var(--bp-color-text);
-    opacity: 0.85;
-    font-feature-settings: 'tnum';
-    font-variant-numeric: tabular-nums;
-  }
-
-  .progress {
-    position: relative;
-    width: 100%;
-    background-color: var(--bp-color-border);
-    opacity: 0.3;
-    border-radius: var(--bp-border-radius-full);
-    overflow: hidden;
-  }
-
-  .progress-bar {
-    height: 100%;
-    border-radius: var(--bp-border-radius-full);
-    transition:
-      width var(--bp-transition-base),
-      background-color var(--bp-transition-base);
-    opacity: 1;
-  }
-
-  /* Sizes */
-  .progress--sm {
-    height: var(--bp-spacing-2);
-  }
-
-  .progress--md {
-    height: var(--bp-spacing-3);
-  }
-
-  .progress--lg {
-    height: var(--bp-spacing-4);
-  }
-
-  /* Variants */
-  .progress--primary .progress-bar {
-    background-color: var(--bp-color-primary);
-  }
-
-  .progress--success .progress-bar {
-    background-color: var(--bp-color-success);
-  }
-
-  .progress--warning .progress-bar {
-    background-color: var(--bp-color-warning);
-  }
-
-  .progress--error .progress-bar {
-    background-color: var(--bp-color-error);
-  }
-
-  .progress--info .progress-bar {
-    background-color: var(--bp-color-info);
-  }
-
-  /* Indeterminate state */
-  .progress--indeterminate .progress-bar {
-    width: 40%;
-    animation: indeterminate 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-    transform-origin: 0 0;
-  }
-
-  @keyframes indeterminate {
-    0% {
-      transform: translateX(-100%) scaleX(1);
-    }
-    40% {
-      transform: translateX(-10%) scaleX(1.5);
-    }
-    100% {
-      transform: translateX(250%) scaleX(0.5);
-    }
-  }
-
-  /* States */
-  .progress:focus-visible {
-    outline: var(--bp-focus-ring);
-    outline-offset: var(--bp-focus-offset);
-  }
-
-  .progress--complete .progress-bar {
-    animation: complete-pulse 600ms ease-out;
-  }
-
-  @keyframes complete-pulse {
-    0%,
-    100% {
-      transform: scaleY(1);
-    }
-    50% {
-      transform: scaleY(1.15);
-    }
-  }
-
-  .progress--complete.progress--primary .progress-bar {
-    background-color: var(--bp-color-success);
-  }
-`;
-var h = Object.defineProperty, d = Object.getOwnPropertyDescriptor, e = (s, o, n, i) => {
-  for (var t = i > 1 ? void 0 : i ? d(o, n) : o, l = s.length - 1, c; l >= 0; l--)
-    (c = s[l]) && (t = (i ? c(o, n, t) : c(t)) || t);
-  return i && t && h(o, n, t), t;
-};
-let r = class extends b {
-  constructor() {
-    super(), this.value = 0, this.max = 100, this.variant = "primary", this.size = "md", this.label = "", this.showValue = !1, this.indeterminate = !1;
-  }
-  get percentage() {
-    if (this.max <= 0) return 0;
-    const s = this.value / this.max * 100;
-    return Math.min(100, Math.max(0, s));
-  }
-  get complete() {
-    return this.percentage >= 100 && !this.indeterminate;
-  }
-  updated(s) {
-    super.updated(s), s.has("value") && this.percentage >= 100 && this.dispatchEvent(
-      new CustomEvent("bp-complete", {
-        detail: {
-          value: this.value,
-          max: this.max,
-          percentage: this.percentage
-        },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  render() {
-    return p`
-      <div class="progress-container">
-        ${this.label || this.showValue ? p`
-              <div class="progress-header" part="header">
-                ${this.label ? p`<span class="progress-label">${this.label}</span>` : null}
-                ${this.showValue && !this.indeterminate ? p`<span class="progress-value"
-                      >${Math.round(this.percentage)}%</span
-                    >` : null}
-              </div>
-            ` : null}
-        <div
-          class="progress progress--${this.variant} progress--${this.size} ${this.indeterminate ? "progress--indeterminate" : ""} ${this.complete ? "progress--complete" : ""}"
-          part="track"
-          role="progressbar"
-          aria-valuemin="0"
-          aria-valuemax="${this.max}"
-          aria-valuenow="${this.indeterminate ? void 0 : this.value}"
-          aria-label="${this.label || "Progress"}"
-          aria-live="polite"
-          aria-atomic="false"
-        >
-          <div
-            class="progress-bar"
-            part="bar"
-            style="width: ${this.indeterminate ? "100%" : this.percentage + "%"}"
-          ></div>
-        </div>
-      </div>
-    `;
-  }
-};
-r.styles = [u];
-e([
-  a({ type: Number })
-], r.prototype, "value", 2);
-e([
-  a({ type: Number })
-], r.prototype, "max", 2);
-e([
-  a({ type: String, reflect: !0 })
-], r.prototype, "variant", 2);
-e([
-  a({ type: String, reflect: !0 })
-], r.prototype, "size", 2);
-e([
-  a({ type: String })
-], r.prototype, "label", 2);
-e([
-  a({ type: Boolean })
-], r.prototype, "showValue", 2);
-e([
-  a({ type: Boolean })
-], r.prototype, "indeterminate", 2);
-r = e([
-  m("bp-progress")
-], r);
-export {
-  r as BpProgress
-};
-//# sourceMappingURL=progress.js.map
+import { t as e } from "../shared/progress-BPsiJ-Bl.js";
+export { e as BpProgress };

package/dist/components/radio/radio.d.ts

@@ -61,6 +61,18 @@ export declare class BpRadio extends LitElement {
     private internals;
     constructor();
     connectedCallback(): void;
+    /**
+     * Standalone radios are each in the tab order. Inside a
+     * <bp-radio-group> the group manages a roving tabindex instead.
+     */
+    private updateTabIndex;
+    private handleKeyDown;
+    /**
+     * Checks this radio (unchecking others with the same name) and fires
+     * bp-change, as a user selection would. Does nothing when disabled or
+     * already checked.
+     */
+    select(): void;
     updated(changedProperties: Map<string, unknown>): void;
     private updateAriaAttributes;
     private updateFormValue;

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../source/components/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACC,KAAK,EAAE,gBAAgB,CAAC;IAE9D;;OAEG;IACiD,OAAO,EAAE,OAAO,CAAC;IAErE;;OAEG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE;;OAEG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE;;;OAGG;IACgD,IAAI,EAAE,MAAM,CAAC;IAEhE;;OAEG;IACiC,KAAK,EAAE,MAAM,CAAC;IAElD;;OAEG;IACgD,IAAI,EAAE,SAAS,CAAC;IAEnE;;OAEG;IACiD,KAAK,EAAE,OAAO,CAAC;IAE1D,OAAO,CAAC,QAAQ,CAAS;IAElC,MAAM,CAAC,MAAM,4BAAiB;IAE9B,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,SAAS,CAA4C;;IAiB7D,iBAAiB,IAAI,IAAI;IAMzB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IActD,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,kBAAkB;IAkB1B;;OAEG;IACH,KAAK,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,YAAY,GAAG,IAAI;IAI9C;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,aAAa,IAAI,OAAO;IAIxB;;OAEG;IACH,cAAc,IAAI,OAAO;IAIzB,MAAM;CAqCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../source/components/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACC,KAAK,EAAE,gBAAgB,CAAC;IAE9D;;OAEG;IACiD,OAAO,EAAE,OAAO,CAAC;IAErE;;OAEG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE;;OAEG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE;;;OAGG;IACgD,IAAI,EAAE,MAAM,CAAC;IAEhE;;OAEG;IACiC,KAAK,EAAE,MAAM,CAAC;IAElD;;OAEG;IACgD,IAAI,EAAE,SAAS,CAAC;IAEnE;;OAEG;IACiD,KAAK,EAAE,OAAO,CAAC;IAE1D,OAAO,CAAC,QAAQ,CAAS;IAElC,MAAM,CAAC,MAAM,4BAAiB;IAE9B,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,SAAS,CAA4C;IAE7D,cAkBC;IAED,iBAAiB,IAAI,IAAI,CAKxB;IAED;;;OAGG;IACH,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,aAAa,CAKnB;IAEF;;;;OAIG;IACH,MAAM,IAAI,IAAI,CAWb;IAED,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAgBrD;IAED,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,WAAW,CAQjB;IAEF,OAAO,CAAC,UAAU,CAQhB;IAEF,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,kBAAkB;IAiB1B;;OAEG;IACH,KAAK,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,YAAY,GAAG,IAAI,CAE7C;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,CAEX;IAED;;OAEG;IACH,aAAa,IAAI,OAAO,CAEvB;IAED;;OAEG;IACH,cAAc,IAAI,OAAO,CAExB;IAED,MAAM,yCAoCL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/radio-group/radio-group.d.ts

@@ -0,0 +1,87 @@
+import { LitElement, type PropertyValues } from 'lit';
+import type { BpRadio } from '../radio/radio.js';
+export type RadioGroupOrientation = 'vertical' | 'horizontal';
+declare const BpRadioGroup_base: (new (...args: any[]) => import("../../index.js").FormControlInterface) & {
+    formAssociated: boolean;
+} & typeof LitElement;
+/**
+ * Groups `<bp-radio>` elements into a single choice: one `value`, one
+ * `name` for form submission, a visible label, and the keyboard model of a
+ * native radio group (Tab enters at the selected radio, arrow keys move and
+ * select).
+ *
+ * Put `name`, `value`, `required` and `disabled` on the group, not on the
+ * radios: the group submits the selected value itself, so it clears `name`
+ * on its radios to avoid submitting the value twice.
+ *
+ * @element bp-radio-group
+ *
+ * @slot - The `<bp-radio>` options
+ *
+ * @fires bp-change - When the selection changes. Detail: `{ value: string }`
+ *
+ * @csspart group - The element with role="radiogroup"
+ * @csspart label - The group label
+ * @csspart helper-text - The helper text
+ * @csspart options - The wrapper around the radios
+ * @csspart error-message - The error message
+ */
+export declare class BpRadioGroup extends BpRadioGroup_base {
+    /** Visible group label */
+    label: string;
+    /** Helper text displayed below the options */
+    helperText: string;
+    /**
+     * Error text. When set, the group is invalid: the message replaces the
+     * helper text and is announced.
+     */
+    errorMessage: string;
+    /** @deprecated Use `helperText`. */
+    description: string;
+    /** Name submitted with the form */
+    name: string;
+    /** Value of the selected radio ('' when none is selected) */
+    value: string;
+    /** Requires a selection before the form can submit */
+    required: boolean;
+    /** Disables every radio in the group */
+    disabled: boolean;
+    /** Stack the radios vertically or lay them out in a wrapping row */
+    orientation: RadioGroupOrientation;
+    /** Radios this group disabled, so re-enabling leaves the rest alone */
+    private disabledByGroup;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    /** The `<bp-radio>` elements in the group, in document order */
+    get radios(): BpRadio[];
+    protected updated(changed: PropertyValues): void;
+    private syncDisabled;
+    /** Mirror `value` onto the radios and keep exactly one in the tab order */
+    private syncRadios;
+    private handleSlotChange;
+    private handleRadioChange;
+    private handleKeyDown;
+    /** Like a native radio group, submit nothing until a radio is selected */
+    getFormValue(): string | null;
+    getFormValidity(): {
+        flags: {
+            valueMissing: boolean;
+        };
+        message: string;
+    } | {
+        flags: {
+            valueMissing?: undefined;
+        };
+        message: string;
+    };
+    /** Point the browser's "please select" bubble at the group's tab stop */
+    getValidityAnchor(): HTMLElement | null;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-radio-group': BpRadioGroup;
+    }
+}
+export {};
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../source/components/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAUrE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,YAAY,CAAC;;;;AAK9D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,YAAa,SAAQ,iBAA4B;IAC5D,0BAA0B;IACU,KAAK,EAAE,MAAM,CAAC;IAElD,8CAA8C;IACV,UAAU,EAAE,MAAM,CAAC;IAEvD;;;OAGG;IACiC,YAAY,EAAE,MAAM,CAAC;IAEzD,oCAAoC;IACA,WAAW,EAAE,MAAM,CAAC;IAExD,mCAAmC;IACgB,IAAI,EAAE,MAAM,CAAC;IAEhE,6DAA6D;IACV,KAAK,EAAE,MAAM,CAAC;IAEjE,sDAAsD;IACF,QAAQ,EAAE,OAAO,CAAC;IAEtE,wCAAwC;IACY,QAAQ,EAAE,OAAO,CAAC;IAEtE,oEAAoE;IAE5D,WAAW,EAAE,qBAAqB,CAAC;IAE3C,uEAAuE;IACvE,OAAO,CAAC,eAAe,CAAsB;IAE7C,MAAM,CAAC,MAAM,4BAA0C;IAEvD,cAaC;IAED,gEAAgE;IAChE,IAAI,MAAM,IAAI,OAAO,EAAE,CAWtB;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAI/C;IAED,OAAO,CAAC,YAAY;IAcpB,2EAA2E;IAC3E,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,iBAAiB,CAoBvB;IAEF,OAAO,CAAC,aAAa,CAYnB;IAEF,0EAA0E;IAC1E,YAAY,IAAI,MAAM,GAAG,IAAI,CAE5B;IAED,eAAe;;YAGA,YAAY;;;;;;;;MAK1B;IAED,yEAAyE;IACzE,iBAAiB,IAAI,WAAW,GAAG,IAAI,CAEtC;IAED,MAAM,yCA4CL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/radio-group/radio-group.style.d.ts

@@ -0,0 +1,2 @@
+export declare const radioGroupStyles: import("lit").CSSResult;
+//# sourceMappingURL=radio-group.style.d.ts.map

package/dist/components/radio-group/radio-group.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.style.d.ts","sourceRoot":"","sources":["../../../source/components/radio-group/radio-group.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBA+B5B,CAAC"}

package/dist/components/radio-group.js

@@ -0,0 +1,2 @@
+import { t as e } from "../shared/radio-group-Cey9Yz5s.js";
+export { e as BpRadioGroup };

package/dist/components/radio.js

@@ -1,321 +1,2 @@
-import { css as p, LitElement as h, html as u } from "lit";
-import { query as b, property as s, state as f, customElement as v } from "lit/decorators.js";
-import { ifDefined as n } from "lit/directives/if-defined.js";
-import { live as m } from "lit/directives/live.js";
-const _ = p`
-  /* Base styles */
-  :host {
-    display: inline-block;
-  }
-
-  .radio {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--bp-spacing-sm);
-    cursor: pointer;
-    font-family: var(--bp-font-family);
-    font-size: var(--bp-font-size-base);
-    color: var(--bp-color-text);
-    user-select: none;
-  }
-
-  .radio__input {
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    height: 0;
-    margin: 0;
-    padding: 0;
-  }
-
-  .radio__circle {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    border: var(--bp-border-width) solid var(--bp-color-border-strong);
-    border-radius: 50%;
-    background-color: var(--bp-color-surface);
-    transition: all var(--bp-transition-fast);
-  }
-
-  .radio__circle-inner {
-    width: 50%;
-    height: 50%;
-    border-radius: 50%;
-    background-color: var(--bp-color-text-inverse);
-    opacity: 0;
-    transform: scale(0);
-    transition:
-      opacity var(--bp-duration-fast) var(--bp-ease-out),
-      transform var(--bp-duration-fast) var(--bp-ease-bounce);
-  }
-
-  .radio__label {
-    line-height: var(--bp-line-height-normal);
-  }
-
-  /* Sizes */
-  .radio--sm .radio__circle {
-    width: var(--bp-spacing-4);
-    height: var(--bp-spacing-4);
-  }
-
-  .radio--sm .radio__label {
-    font-size: var(--bp-font-size-sm);
-  }
-
-  .radio--md .radio__circle {
-    width: var(--bp-spacing-5);
-    height: var(--bp-spacing-5);
-  }
-
-  .radio--md .radio__label {
-    font-size: var(--bp-font-size-base);
-  }
-
-  .radio--lg .radio__circle {
-    width: var(--bp-spacing-6);
-    height: var(--bp-spacing-6);
-  }
-
-  .radio--lg .radio__label {
-    font-size: var(--bp-font-size-lg);
-  }
-
-  /* States - Checked */
-  .radio__input:checked ~ .radio__circle {
-    background-color: var(--bp-color-primary);
-    border-color: var(--bp-color-primary);
-  }
-
-  .radio__input:checked ~ .radio__circle .radio__circle-inner {
-    opacity: 1;
-    transform: scale(1);
-  }
-
-  /* States - Focus */
-  .radio--focused .radio__circle {
-    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
-    outline-offset: var(--bp-focus-offset);
-    z-index: 1;
-  }
-
-  /* States - Hover */
-  .radio:hover:not(.radio--disabled) .radio__circle {
-    border-color: var(--bp-color-primary);
-    background-color: color-mix(
-      in srgb,
-      var(--bp-color-primary) 8%,
-      transparent
-    );
-  }
-
-  .radio:hover:not(.radio--disabled) .radio__input:checked ~ .radio__circle {
-    background-color: var(--bp-color-primary-hover);
-    border-color: var(--bp-color-primary-hover);
-  }
-
-  /* States - Active */
-  .radio:active:not(.radio--disabled) .radio__circle {
-    transform: scale(0.95);
-  }
-
-  /* States - Error */
-  .radio--error .radio__circle {
-    border-color: var(--bp-color-error);
-  }
-
-  .radio--error.radio--focused .radio__circle {
-    outline-color: var(--bp-color-error);
-  }
-
-  .radio--error .radio__input:checked ~ .radio__circle {
-    background-color: var(--bp-color-error);
-    border-color: var(--bp-color-error);
-  }
-
-  /* States - Disabled */
-  .radio--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  /* Touch target size: ensure 44x44px minimum on touch devices */
-  @media (pointer: coarse) {
-    .radio {
-      min-height: 44px;
-      padding: var(--bp-spacing-xs) 0;
-    }
-
-    .radio__circle {
-      position: relative;
-    }
-
-    /* Expand touch target with pseudo-element */
-    .radio__circle::before {
-      content: '';
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: 44px;
-      height: 44px;
-    }
-  }
-`;
-var y = Object.defineProperty, g = Object.getOwnPropertyDescriptor, t = (e, a, i, l) => {
-  for (var o = l > 1 ? void 0 : l ? g(a, i) : a, c = e.length - 1, d; c >= 0; c--)
-    (d = e[c]) && (o = (l ? d(a, i, o) : d(o)) || o);
-  return l && o && y(a, i, o), o;
-};
-let r = class extends h {
-  constructor() {
-    super(), this.hasFocus = !1, this.internals = null, this.checked = !1, this.disabled = !1, this.required = !1, this.name = "", this.value = "", this.size = "md", this.error = !1, "attachInternals" in this && (this.internals = this.attachInternals());
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "radio"), this.updateAriaAttributes();
-  }
-  updated(e) {
-    super.updated(e), (e.has("checked") || e.has("disabled") || e.has("required") || e.has("error")) && (this.updateAriaAttributes(), this.updateFormValue());
-  }
-  updateAriaAttributes() {
-    this.setAttribute("aria-checked", this.checked.toString()), this.setAttribute("aria-disabled", this.disabled.toString()), this.required ? this.setAttribute("aria-required", "true") : this.removeAttribute("aria-required"), this.error ? this.setAttribute("aria-invalid", "true") : this.removeAttribute("aria-invalid");
-  }
-  updateFormValue() {
-    this.internals && (this.checked ? this.internals.setFormValue(this.value || "on") : this.internals.setFormValue(null));
-  }
-  handleChange(e) {
-    const a = e.target;
-    this.checked = a.checked, this.checked && this.name && this.uncheckOtherRadios(), this.dispatchEvent(
-      new CustomEvent("bp-change", {
-        detail: { checked: this.checked, value: this.value },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  handleFocus() {
-    this.hasFocus = !0, this.dispatchEvent(
-      new CustomEvent("bp-focus", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  handleBlur() {
-    this.hasFocus = !1, this.dispatchEvent(
-      new CustomEvent("bp-blur", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  handleClick() {
-    this.disabled || this.input?.focus();
-  }
-  uncheckOtherRadios() {
-    if (!this.name) return;
-    const e = this.getRootNode();
-    Array.from(
-      e.querySelectorAll(`bp-radio[name="${this.name}"]`)
-    ).forEach((i) => {
-      i !== this && i.checked && !i.disabled && (i.checked = !1);
-    });
-  }
-  /**
-   * Sets focus on the radio.
-   */
-  focus(e) {
-    this.input?.focus(e);
-  }
-  /**
-   * Removes focus from the radio.
-   */
-  blur() {
-    this.input?.blur();
-  }
-  /**
-   * Checks if the radio satisfies its required constraint.
-   */
-  checkValidity() {
-    return this.input?.checkValidity() ?? !0;
-  }
-  /**
-   * Checks validity and shows validation message if invalid.
-   */
-  reportValidity() {
-    return this.input?.reportValidity() ?? !0;
-  }
-  render() {
-    const e = [
-      "radio",
-      `radio--${this.size}`,
-      this.disabled ? "radio--disabled" : "",
-      this.error ? "radio--error" : "",
-      this.hasFocus ? "radio--focused" : ""
-    ].filter(Boolean).join(" ");
-    return u`
-      <label class=${e} part="radio" @click=${this.handleClick}>
-        <input
-          class="radio__input"
-          part="input"
-          type="radio"
-          name=${n(this.name || void 0)}
-          value=${n(this.value || void 0)}
-          .checked=${m(this.checked)}
-          ?disabled=${this.disabled}
-          ?required=${this.required}
-          @change=${this.handleChange}
-          @focus=${this.handleFocus}
-          @blur=${this.handleBlur}
-          aria-hidden="true"
-          tabindex="-1"
-        />
-        <span class="radio__circle" part="circle">
-          <span class="radio__circle-inner"></span>
-        </span>
-        <span class="radio__label" part="label">
-          <slot></slot>
-        </span>
-      </label>
-    `;
-  }
-};
-r.styles = [_];
-r.formAssociated = !0;
-t([
-  b('input[type="radio"]')
-], r.prototype, "input", 2);
-t([
-  s({ type: Boolean, reflect: !0 })
-], r.prototype, "checked", 2);
-t([
-  s({ type: Boolean, reflect: !0 })
-], r.prototype, "disabled", 2);
-t([
-  s({ type: Boolean, reflect: !0 })
-], r.prototype, "required", 2);
-t([
-  s({ type: String, reflect: !0 })
-], r.prototype, "name", 2);
-t([
-  s({ type: String })
-], r.prototype, "value", 2);
-t([
-  s({ type: String, reflect: !0 })
-], r.prototype, "size", 2);
-t([
-  s({ type: Boolean, reflect: !0 })
-], r.prototype, "error", 2);
-t([
-  f()
-], r.prototype, "hasFocus", 2);
-r = t([
-  v("bp-radio")
-], r);
-export {
-  r as BpRadio
-};
-//# sourceMappingURL=radio.js.map
+import { t as e } from "../shared/radio-DnuSzORk.js";
+export { e as BpRadio };