@jsekulowicz/ds-components 0.1.0

package/dist/atoms/nav-item/nav-item.js

@@ -0,0 +1,137 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { navItemStyles } from './nav-item.styles.js';
+import '../tooltip/define.js';
+const HOVER_TOOLTIP_DELAY_MS = 2000;
+/**
+ * @tag ds-nav-item
+ * @summary Interactive navigation link. Renders an `<a>` and reflects `current` state via `aria-current`.
+ * @slot default - The label.
+ * @slot icon - Optional leading icon (typically `<ds-icon>`). Required when `compact` is set.
+ * @csspart link - The internal `<a>` (or `<span>` when disabled).
+ * @csspart icon - The icon slot wrapper.
+ * @csspart label - The label slot wrapper.
+ */
+export class DsNavItem extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.href = '';
+        this.current = false;
+        this.disabled = false;
+        this.compact = false;
+        this._hasIcon = false;
+        this._labelText = '';
+        this.#onIconSlotChange = () => {
+            this._hasIcon = this.#hasAssignedIcon();
+            this.#warnIfMissingIcon();
+        };
+        this.#onLabelSlotChange = (e) => {
+            const slot = e.target;
+            const nodes = slot.assignedNodes({ flatten: true });
+            this._labelText = nodes
+                .map((n) => n.textContent ?? '')
+                .join('')
+                .trim();
+        };
+    }
+    static { this.styles = [...DsElement.styles, navItemStyles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'listitem');
+    }
+    updated(changed) {
+        if (changed.has('compact') || changed.has('_hasIcon')) {
+            this.#warnIfMissingIcon();
+        }
+    }
+    #hasAssignedIcon() {
+        const slot = this.renderRoot.querySelector('slot[name="icon"]');
+        if (!slot) {
+            return false;
+        }
+        return slot.assignedNodes({ flatten: true }).length > 0;
+    }
+    #warnIfMissingIcon() {
+        if (this.compact && !this.#hasAssignedIcon()) {
+            console.error('[ds-nav-item] compact mode requires a child element with slot="icon".', this);
+        }
+    }
+    #onIconSlotChange;
+    #onLabelSlotChange;
+    #renderInner() {
+        return html `<span class="icon" part="icon" ?hidden=${!this._hasIcon}>
+        <slot name="icon" @slotchange=${this.#onIconSlotChange}></slot>
+      </span>
+      <span class="label" part="label">
+        <slot @slotchange=${this.#onLabelSlotChange}></slot>
+      </span>`;
+    }
+    #renderLink() {
+        if (this.disabled) {
+            return html `<span
+        class="link"
+        part="link"
+        aria-disabled="true"
+        aria-label=${this.compact && this._labelText ? this._labelText : nothing}
+        >${this.#renderInner()}</span
+      >`;
+        }
+        return html `<a
+      class="link"
+      part="link"
+      href=${this.href}
+      target=${this.target ?? nothing}
+      rel=${this.rel ?? nothing}
+      aria-current=${this.current ? 'page' : nothing}
+      aria-label=${this.compact && this._labelText ? this._labelText : nothing}
+    >
+      ${this.#renderInner()}
+    </a>`;
+    }
+    render() {
+        if (this.compact) {
+            return html `<ds-tooltip
+        class="tooltip-wrapper"
+        placement="right"
+        delay=${HOVER_TOOLTIP_DELAY_MS}
+        ?hover-only=${true}
+      >
+        ${this.#renderLink()}
+        <span slot="tip">${this._labelText}</span>
+      </ds-tooltip>`;
+        }
+        return this.#renderLink();
+    }
+}
+__decorate([
+    property()
+], DsNavItem.prototype, "href", void 0);
+__decorate([
+    property()
+], DsNavItem.prototype, "target", void 0);
+__decorate([
+    property()
+], DsNavItem.prototype, "rel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsNavItem.prototype, "current", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsNavItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsNavItem.prototype, "compact", void 0);
+__decorate([
+    state()
+], DsNavItem.prototype, "_hasIcon", void 0);
+__decorate([
+    state()
+], DsNavItem.prototype, "_labelText", void 0);
+//# sourceMappingURL=nav-item.js.map

package/dist/atoms/nav-item/nav-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-item.ts"],"names":[],"mappings":"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"}

package/dist/atoms/nav-item/nav-item.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const navItemStyles: import("lit").CSSResult;
+//# sourceMappingURL=nav-item.styles.d.ts.map

package/dist/atoms/nav-item/nav-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-item.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAyFzB,CAAC"}

package/dist/atoms/nav-item/nav-item.styles.js

@@ -0,0 +1,92 @@
+import { css } from 'lit';
+export const navItemStyles = css `
+  :host {
+    display: block;
+  }
+  :host([compact]) {
+    .link {
+      height: var(--ds-sidenav-item-compact-size);
+      width: var(--ds-sidenav-item-compact-size);
+    }
+  }
+  .link {
+    display: inline-flex;
+    align-items: center;
+    height: var(--ds-sidenav-item-height);
+    gap: var(--ds-space-1);
+    padding: var(--ds-space-2) var(--ds-space-3);
+    border-radius: var(--ds-radius-sm);
+    color: var(--ds-color-fg-muted);
+    font-family: var(--ds-font-body);
+    font-size: var(--ds-font-size-sm);
+    font-weight: var(--ds-font-weight-medium);
+    text-decoration: none;
+    transition:
+      background var(--ds-duration-fast) var(--ds-easing-standard),
+      color var(--ds-duration-fast) var(--ds-easing-standard),
+      padding var(--ds-duration-slow) var(--ds-easing-standard);
+  }
+  .link:hover {
+    background: var(--ds-color-bg-subtle);
+    color: var(--ds-color-fg);
+  }
+  .link:focus-visible {
+    outline: 2px solid transparent;
+    box-shadow: var(--ds-shadow-focus);
+  }
+  :host([current]) .link {
+    background: var(--ds-color-accent-subtle);
+    color: var(--ds-color-accent-active);
+  }
+  :host([disabled]) .link {
+    color: var(--ds-color-fg-subtle);
+    cursor: not-allowed;
+  }
+  .icon {
+    display: inline-flex;
+    flex: none;
+  }
+  .icon[hidden] {
+    display: none;
+  }
+  .label {
+    display: inline-flex;
+    min-width: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    max-width: 20rem;
+    opacity: 1;
+    transition:
+      max-width var(--ds-duration-slow) var(--ds-easing-standard),
+      opacity var(--ds-duration-fast) var(--ds-easing-standard);
+  }
+  :host-context(ds-sidenav) {
+    display: block;
+  }
+  :host-context(ds-sidenav) .link {
+    display: flex;
+    width: 100%;
+  }
+  :host([compact]) .label {
+    max-width: 0;
+    opacity: 0;
+  }
+  :host([compact]) .link {
+    justify-content: center;
+    padding: var(--ds-space-2);
+    gap: 0;
+  }
+  .tooltip-wrapper {
+    display: block;
+    width: 100%;
+  }
+  :host([compact]) .tooltip-wrapper {
+    display: flex;
+    justify-content: center;
+  }
+  :host([compact]) .tooltip-wrapper::part(anchor) {
+    display: inline-flex;
+    width: auto;
+  }
+`;
+//# sourceMappingURL=nav-item.styles.js.map

package/dist/atoms/nav-item/nav-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-item.styles.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF/B,CAAC"}

package/dist/atoms/radio/define.d.ts

@@ -0,0 +1,7 @@
+import { DsRadio } from './radio.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-radio': DsRadio;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/atoms/radio/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/radio/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAMrC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/atoms/radio/define.js

@@ -0,0 +1,5 @@
+import { DsRadio } from './radio.js';
+if (!customElements.get('ds-radio')) {
+    customElements.define('ds-radio', DsRadio);
+}
+//# sourceMappingURL=define.js.map

package/dist/atoms/radio/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/radio/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IACpC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7C,CAAC"}

package/dist/atoms/radio/index.d.ts

@@ -0,0 +1,2 @@
+export { DsRadio } from './radio.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/atoms/radio/index.js

@@ -0,0 +1,2 @@
+export { DsRadio } from './radio.js';
+//# sourceMappingURL=index.js.map

package/dist/atoms/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/atoms/radio/radio.d.ts

@@ -0,0 +1,19 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+declare const DsRadio_base: typeof DsElement & (new (...args: any[]) => import("@jsekulowicz/ds-core").FormControlHost & DsElement);
+/**
+ * @tag ds-radio
+ * @summary Single option in a radio group; coordinates via `name` within the same form/root.
+ * @slot default - The visible label.
+ * @event ds-change - Fires when this radio becomes checked.
+ */
+export declare class DsRadio extends DsRadio_base {
+    #private;
+    static styles: import("lit").CSSResult[];
+    checked: boolean;
+    radioValue: string;
+    willUpdate(changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/atoms/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;;AAGnE;;;;;GAKG;AACH,qBAAa,OAAQ,SAAQ,YAA2B;;IACtD,OAAgB,MAAM,4BAAsC;IAEhB,OAAO,UAAS;IAChD,UAAU,SAAM;IAEnB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAiDzC,MAAM,IAAI,cAAc;CAclC"}

package/dist/atoms/radio/radio.js

@@ -0,0 +1,91 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement, FormControlMixin } from '@jsekulowicz/ds-core';
+import { radioStyles } from './radio.styles.js';
+/**
+ * @tag ds-radio
+ * @summary Single option in a radio group; coordinates via `name` within the same form/root.
+ * @slot default - The visible label.
+ * @event ds-change - Fires when this radio becomes checked.
+ */
+export class DsRadio extends FormControlMixin(DsElement) {
+    constructor() {
+        super(...arguments);
+        this.checked = false;
+        this.radioValue = '';
+        this.#onInputClick = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+            }
+        };
+        this.#select = () => {
+            if (this.disabled || this.checked) {
+                return;
+            }
+            this.checked = true;
+            this.#uncheckSiblings();
+            this.emit('ds-change', { detail: { value: this.radioValue } });
+        };
+        this.#onKey = (event) => {
+            if (event.key === ' ' || event.key === 'Enter') {
+                event.preventDefault();
+                this.#select();
+            }
+        };
+    }
+    static { this.styles = [...DsElement.styles, radioStyles]; }
+    willUpdate(changed) {
+        if (changed.has('checked')) {
+            this.value = this.checked ? this.radioValue || 'on' : null;
+        }
+    }
+    #escapeName(value) {
+        if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {
+            return CSS.escape(value);
+        }
+        return value.replaceAll('"', '\\"');
+    }
+    #uncheckSiblings() {
+        const scope = this.form ?? this.getRootNode();
+        if (!(scope instanceof HTMLElement) && !(scope instanceof ShadowRoot) && !(scope instanceof Document)) {
+            return;
+        }
+        const selector = `ds-radio[name="${this.#escapeName(this.name)}"]`;
+        const siblings = scope.querySelectorAll(selector);
+        siblings.forEach((sibling) => {
+            if (sibling !== this) {
+                sibling.checked = false;
+            }
+        });
+    }
+    #onInputClick;
+    #select;
+    #onKey;
+    render() {
+        return html `<label @click=${this.#select} @keydown=${this.#onKey}>
+      <input
+        type="radio"
+        name=${this.name || ''}
+        .checked=${this.checked}
+        value=${this.radioValue}
+        ?required=${this.required}
+        @click=${this.#onInputClick}
+      />
+      <span class="dot" part="dot" aria-hidden="true"></span>
+      <span part="label"><slot></slot></span>
+    </label>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsRadio.prototype, "checked", void 0);
+__decorate([
+    property()
+], DsRadio.prototype, "radioValue", void 0);
+//# sourceMappingURL=radio.js.map

package/dist/atoms/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/atoms/radio/radio.ts"],"names":[],"mappings":"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"}

package/dist/atoms/radio/radio.styles.d.ts

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

package/dist/atoms/radio/radio.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/radio/radio.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA0DvB,CAAC"}

package/dist/atoms/radio/radio.styles.js

@@ -0,0 +1,61 @@
+import { css } from 'lit';
+export const radioStyles = css `
+  :host {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--ds-space-2);
+    font-family: var(--ds-font-body);
+    font-size: var(--ds-font-size-sm);
+    color: var(--ds-color-fg);
+    cursor: pointer;
+  }
+  :host([disabled]) {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+  .dot {
+    width: 1.1rem;
+    height: 1.1rem;
+    border: 1.5px solid var(--ds-color-border-strong);
+    border-radius: 50%;
+    background: var(--ds-color-bg);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    transition: border-color var(--ds-duration-fast) var(--ds-easing-standard);
+    flex-shrink: 0;
+  }
+  :host(:focus-within) .dot {
+    box-shadow: var(--ds-shadow-focus);
+  }
+  .dot::after {
+    content: '';
+    width: 0.55rem;
+    height: 0.55rem;
+    border-radius: 50%;
+    background: var(--ds-color-accent);
+    transform: scale(0);
+    transition: transform var(--ds-duration-fast) var(--ds-easing-standard);
+  }
+  :host([checked]) .dot {
+    border-color: var(--ds-color-accent);
+  }
+  :host([checked]) .dot::after {
+    transform: scale(1);
+  }
+  input {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+  }
+  label {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--ds-space-2);
+    cursor: inherit;
+  }
+`;
+//# sourceMappingURL=radio.styles.js.map

package/dist/atoms/radio/radio.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.styles.js","sourceRoot":"","sources":["../../../src/atoms/radio/radio.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D7B,CAAC"}

package/dist/atoms/radio-group/define.d.ts

@@ -0,0 +1,7 @@
+import { DsRadioGroup } from './radio-group.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-radio-group': DsRadioGroup;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/atoms/radio-group/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/radio-group/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/atoms/radio-group/define.js

@@ -0,0 +1,5 @@
+import { DsRadioGroup } from './radio-group.js';
+if (!customElements.get('ds-radio-group')) {
+    customElements.define('ds-radio-group', DsRadioGroup);
+}
+//# sourceMappingURL=define.js.map

package/dist/atoms/radio-group/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/radio-group/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AACxD,CAAC"}

package/dist/atoms/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export { DsRadioGroup } from './radio-group.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/atoms/radio-group/index.js

@@ -0,0 +1,2 @@
+export { DsRadioGroup } from './radio-group.js';
+//# sourceMappingURL=index.js.map

package/dist/atoms/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,26 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-radio-group
+ * @summary Groups ds-radio buttons with a shared label, name, and validation state.
+ * @slot default - One or more ds-radio elements.
+ * @event ds-change - Fires when the selected radio changes. Detail: `{ value: string }`.
+ */
+export declare class DsRadioGroup extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    label: string;
+    name: string;
+    description: string;
+    error: string;
+    value: string;
+    required: boolean;
+    disabled: boolean;
+    invalid: boolean;
+    private _radios;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=radio-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/atoms/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMjD;;;;;GAKG;AACH,qBAAa,YAAa,SAAQ,SAAS;;IACzC,OAAgB,MAAM,4BAA4D;IAEtE,KAAK,SAAM;IACX,IAAI,SAAM;IACV,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,KAAK,SAAM;IACqB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,OAAO,UAAS;IAEX,OAAO,CAAC,OAAO,CAAa;IAEpE,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA2C5C,MAAM,IAAI,cAAc;CAclC"}