@ismail-elkorchi/ui-primitives 0.1.0 → 0.1.1

package/dist/src/atomic/control/uik-input/element.js

@@ -0,0 +1,232 @@
+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 { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { styles } from './styles';
+let inputId = 0;
+let UikInput = class UikInput extends LitElement {
+    static formAssociated = true;
+    #type_accessor_storage = 'text';
+    get type() { return this.#type_accessor_storage; }
+    set type(value) { this.#type_accessor_storage = value; }
+    #placeholder_accessor_storage = '';
+    get placeholder() { return this.#placeholder_accessor_storage; }
+    set placeholder(value) { this.#placeholder_accessor_storage = value; }
+    #value_accessor_storage = '';
+    get value() { return this.#value_accessor_storage; }
+    set value(value) { this.#value_accessor_storage = value; }
+    #name_accessor_storage = '';
+    get name() { return this.#name_accessor_storage; }
+    set name(value) { this.#name_accessor_storage = value; }
+    #autocomplete_accessor_storage = '';
+    get autocomplete() { return this.#autocomplete_accessor_storage; }
+    set autocomplete(value) { this.#autocomplete_accessor_storage = value; }
+    #inputMode_accessor_storage = '';
+    get inputMode() { return this.#inputMode_accessor_storage; }
+    set inputMode(value) { this.#inputMode_accessor_storage = value; }
+    #enterKeyHint_accessor_storage = '';
+    get enterKeyHint() { return this.#enterKeyHint_accessor_storage; }
+    set enterKeyHint(value) { this.#enterKeyHint_accessor_storage = value; }
+    #disabled_accessor_storage = false;
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_accessor_storage = value; }
+    #required_accessor_storage = false;
+    get required() { return this.#required_accessor_storage; }
+    set required(value) { this.#required_accessor_storage = value; }
+    #readonly_accessor_storage = false;
+    get readonly() { return this.#readonly_accessor_storage; }
+    set readonly(value) { this.#readonly_accessor_storage = value; }
+    #invalid_accessor_storage = false;
+    get invalid() { return this.#invalid_accessor_storage; }
+    set invalid(value) { this.#invalid_accessor_storage = value; }
+    #ariaLabelValue_accessor_storage = '';
+    get ariaLabelValue() { return this.#ariaLabelValue_accessor_storage; }
+    set ariaLabelValue(value) { this.#ariaLabelValue_accessor_storage = value; }
+    #ariaLabelledbyValue_accessor_storage = '';
+    get ariaLabelledbyValue() { return this.#ariaLabelledbyValue_accessor_storage; }
+    set ariaLabelledbyValue(value) { this.#ariaLabelledbyValue_accessor_storage = value; }
+    #ariaDescribedbyValue_accessor_storage = '';
+    get ariaDescribedbyValue() { return this.#ariaDescribedbyValue_accessor_storage; }
+    set ariaDescribedbyValue(value) { this.#ariaDescribedbyValue_accessor_storage = value; }
+    internals = this.attachInternals();
+    controlId = `uik-input-${String(++inputId)}`;
+    labelId = `${this.controlId}-label`;
+    hintId = `${this.controlId}-hint`;
+    errorId = `${this.controlId}-error`;
+    static styles = styles;
+    get inputElement() {
+        return this.renderRoot.querySelector('input');
+    }
+    firstUpdated() {
+        this.syncFormValue();
+        this.syncValidity();
+    }
+    updated(changed) {
+        if (changed.has('value') || changed.has('disabled')) {
+            this.syncFormValue();
+        }
+        if (changed.has('required') || changed.has('type') || changed.has('invalid') || changed.has('value')) {
+            this.syncValidity();
+        }
+    }
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    formResetCallback() {
+        this.value = '';
+        this.syncFormValue();
+    }
+    formStateRestoreCallback(state) {
+        if (typeof state === 'string') {
+            this.value = state;
+            this.syncFormValue();
+        }
+    }
+    syncFormValue() {
+        this.internals.setFormValue(this.disabled ? null : this.value);
+    }
+    syncValidity() {
+        const input = this.inputElement;
+        if (!input)
+            return;
+        if (this.invalid || this.hasSlotContent('error')) {
+            this.internals.setValidity({ customError: true }, 'Invalid', input);
+            return;
+        }
+        if (input.checkValidity()) {
+            this.internals.setValidity({});
+        }
+        else {
+            this.internals.setValidity(input.validity, input.validationMessage, input);
+        }
+    }
+    hasSlotContent(name) {
+        const elements = Array.from(this.children).filter(element => element.getAttribute('slot') === name);
+        if (elements.length === 0)
+            return false;
+        return elements.some(element => {
+            const text = element.textContent;
+            return text.trim().length > 0 || element.childElementCount > 0;
+        });
+    }
+    onSlotChange = (event) => {
+        const slot = event.target;
+        if (slot.name === 'error') {
+            this.syncValidity();
+        }
+        this.requestUpdate();
+    };
+    onChange = (event) => {
+        const input = event.target;
+        this.value = input.value;
+        this.syncFormValue();
+        this.syncValidity();
+    };
+    onInput = (event) => {
+        const input = event.target;
+        this.value = input.value;
+        this.syncFormValue();
+        this.syncValidity();
+    };
+    render() {
+        const hasLabel = this.hasSlotContent('label');
+        const hasHint = this.hasSlotContent('hint');
+        const hasError = this.hasSlotContent('error');
+        const describedBy = [
+            this.ariaDescribedbyValue,
+            hasHint ? this.hintId : null,
+            hasError ? this.errorId : null,
+        ]
+            .filter(Boolean)
+            .join(' ');
+        const ariaInvalid = this.invalid || hasError ? 'true' : undefined;
+        const ariaLabel = hasLabel ? undefined : this.ariaLabelValue || undefined;
+        const ariaLabelledby = hasLabel ? undefined : this.ariaLabelledbyValue || undefined;
+        return html `
+      <div class="field">
+        <label part="label" class="label" id=${this.labelId} for=${this.controlId} ?hidden=${!hasLabel}>
+          <slot name="label" @slotchange=${this.onSlotChange}></slot>
+        </label>
+        <div part="control" class="control">
+          <input
+            part="base"
+            id=${this.controlId}
+            type=${this.type}
+            name=${this.name}
+            autocomplete=${ifDefined(this.autocomplete || undefined)}
+            inputmode=${ifDefined(this.inputMode || undefined)}
+            enterkeyhint=${ifDefined(this.enterKeyHint || undefined)}
+            placeholder=${this.placeholder}
+            .value=${this.value}
+            ?disabled=${this.disabled}
+            ?required=${this.required}
+            ?readonly=${this.readonly}
+            aria-invalid=${ifDefined(ariaInvalid)}
+            aria-describedby=${ifDefined(describedBy || undefined)}
+            aria-label=${ifDefined(ariaLabel)}
+            aria-labelledby=${ifDefined(ariaLabelledby)}
+            @change=${this.onChange}
+            @input=${this.onInput} />
+        </div>
+        <div part="hint" class="hint" id=${this.hintId} ?hidden=${!hasHint}>
+          <slot name="hint" @slotchange=${this.onSlotChange}></slot>
+        </div>
+        <div part="error" class="error" id=${this.errorId} ?hidden=${!hasError}>
+          <slot name="error" @slotchange=${this.onSlotChange}></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], UikInput.prototype, "type", null);
+__decorate([
+    property({ type: String })
+], UikInput.prototype, "placeholder", null);
+__decorate([
+    property({ type: String })
+], UikInput.prototype, "value", null);
+__decorate([
+    property({ type: String, reflect: true })
+], UikInput.prototype, "name", null);
+__decorate([
+    property({ attribute: 'autocomplete' })
+], UikInput.prototype, "autocomplete", null);
+__decorate([
+    property({ attribute: 'inputmode' })
+], UikInput.prototype, "inputMode", null);
+__decorate([
+    property({ attribute: 'enterkeyhint' })
+], UikInput.prototype, "enterKeyHint", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UikInput.prototype, "disabled", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UikInput.prototype, "required", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UikInput.prototype, "readonly", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UikInput.prototype, "invalid", null);
+__decorate([
+    property({ attribute: 'aria-label' })
+], UikInput.prototype, "ariaLabelValue", null);
+__decorate([
+    property({ attribute: 'aria-labelledby' })
+], UikInput.prototype, "ariaLabelledbyValue", null);
+__decorate([
+    property({ attribute: 'aria-describedby' })
+], UikInput.prototype, "ariaDescribedbyValue", null);
+UikInput = __decorate([
+    customElement('uik-input')
+], UikInput);
+export { UikInput };
+//# sourceMappingURL=element.js.map

package/dist/src/atomic/control/uik-input/element.js.map

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

package/dist/src/atomic/control/uik-input/index.d.ts

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

package/dist/src/atomic/control/uik-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/control/uik-input/index.js

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

package/dist/src/atomic/control/uik-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/control/uik-input/styles.d.ts

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

package/dist/src/atomic/control/uik-input/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-input/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAoFlB,CAAC"}

package/dist/src/atomic/control/uik-input/styles.js

@@ -0,0 +1,87 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    min-width: 0;
+  }
+
+  .field {
+    display: grid;
+    gap: var(--uik-space-2);
+  }
+
+  .label {
+    font-size: var(--uik-typography-font-size-2);
+    font-weight: var(--uik-typography-font-weight-medium);
+    line-height: var(--uik-typography-line-height-2);
+    color: oklch(var(--uik-text-strong));
+  }
+
+  .hint {
+    font-size: var(--uik-typography-font-size-1);
+    line-height: var(--uik-typography-line-height-2);
+    color: oklch(var(--uik-text-muted));
+  }
+
+  .error {
+    font-size: var(--uik-typography-font-size-1);
+    line-height: var(--uik-typography-line-height-2);
+    color: oklch(var(--uik-text-danger));
+  }
+
+  :host([disabled]) .label {
+    color: oklch(var(--uik-text-disabled));
+  }
+
+  input {
+    box-sizing: border-box;
+    display: flex;
+    width: 100%;
+    height: var(--uik-component-input-base-height);
+    padding: var(--uik-component-input-base-padding-y) var(--uik-component-input-base-padding-x);
+    font-size: var(--uik-component-input-base-font-size);
+    font-weight: var(--uik-component-input-base-font-weight);
+    line-height: var(--uik-component-input-base-line-height);
+    color: oklch(var(--uik-component-input-base-fg));
+    background-color: oklch(var(--uik-component-input-base-bg));
+    border-color: oklch(var(--uik-component-input-base-border-default));
+    border-style: var(--uik-border-style-solid);
+    border-width: var(--uik-component-input-base-border-width);
+    border-radius: var(--uik-component-input-base-radius);
+    box-shadow: var(--uik-component-input-base-shadow);
+    transition:
+      border-color var(--uik-motion-transition-colors),
+      box-shadow var(--uik-motion-transition-shadow),
+      background-color var(--uik-motion-transition-colors),
+      color var(--uik-motion-transition-colors);
+  }
+
+  input:hover {
+    border-color: oklch(var(--uik-component-input-base-border-hover));
+  }
+
+  input::placeholder {
+    color: oklch(var(--uik-component-input-base-placeholder));
+  }
+
+  input::selection {
+    color: oklch(var(--uik-component-input-base-selection-fg));
+    background-color: oklch(var(--uik-component-input-base-selection-bg));
+  }
+
+  input:focus-visible {
+    outline: none;
+    border-color: oklch(var(--uik-component-input-base-border-focus));
+    box-shadow:
+      var(--uik-component-input-base-shadow),
+      0 0 0 var(--uik-component-input-base-focus-ring-offset) oklch(var(--uik-focus-ring-offset-bg)),
+      0 0 0 calc(var(--uik-component-input-base-focus-ring-offset) + var(--uik-component-input-base-focus-ring-width))
+        oklch(var(--uik-component-input-base-focus-ring) / var(--uik-component-input-base-focus-ring-opacity));
+  }
+
+  input:disabled {
+    cursor: not-allowed;
+    opacity: var(--uik-component-input-base-disabled-opacity);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/control/uik-input/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFxB,CAAC"}

package/dist/src/atomic/control/uik-link/element.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class UikLink extends LitElement {
+    accessor href: string;
+    accessor target: string;
+    accessor rel: string;
+    accessor download: string;
+    accessor ariaLabelValue: string;
+    accessor ariaLabelledbyValue: string;
+    accessor ariaDescribedbyValue: string;
+    static readonly styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/atomic/control/uik-link/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-link/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAMrC,qBACa,OAAQ,SAAQ,UAAU;IACX,QAAQ,CAAC,IAAI,SAAM;IACnB,QAAQ,CAAC,MAAM,SAAM;IACrB,QAAQ,CAAC,GAAG,SAAM;IAClB,QAAQ,CAAC,QAAQ,SAAM;IACZ,QAAQ,CAAC,cAAc,SAAM;IACxB,QAAQ,CAAC,mBAAmB,SAAM;IACjC,QAAQ,CAAC,oBAAoB,SAAM;IAE9E,gBAAyB,MAAM,0BAAU;IAEhC,MAAM;CAehB"}

package/dist/src/atomic/control/uik-link/element.js

@@ -0,0 +1,75 @@
+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 { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { styles } from './styles';
+let UikLink = class UikLink extends LitElement {
+    #href_accessor_storage = '';
+    get href() { return this.#href_accessor_storage; }
+    set href(value) { this.#href_accessor_storage = value; }
+    #target_accessor_storage = '';
+    get target() { return this.#target_accessor_storage; }
+    set target(value) { this.#target_accessor_storage = value; }
+    #rel_accessor_storage = '';
+    get rel() { return this.#rel_accessor_storage; }
+    set rel(value) { this.#rel_accessor_storage = value; }
+    #download_accessor_storage = '';
+    get download() { return this.#download_accessor_storage; }
+    set download(value) { this.#download_accessor_storage = value; }
+    #ariaLabelValue_accessor_storage = '';
+    get ariaLabelValue() { return this.#ariaLabelValue_accessor_storage; }
+    set ariaLabelValue(value) { this.#ariaLabelValue_accessor_storage = value; }
+    #ariaLabelledbyValue_accessor_storage = '';
+    get ariaLabelledbyValue() { return this.#ariaLabelledbyValue_accessor_storage; }
+    set ariaLabelledbyValue(value) { this.#ariaLabelledbyValue_accessor_storage = value; }
+    #ariaDescribedbyValue_accessor_storage = '';
+    get ariaDescribedbyValue() { return this.#ariaDescribedbyValue_accessor_storage; }
+    set ariaDescribedbyValue(value) { this.#ariaDescribedbyValue_accessor_storage = value; }
+    static styles = styles;
+    render() {
+        return html `
+      <a
+        part="base"
+        href=${ifDefined(this.href || undefined)}
+        target=${ifDefined(this.target || undefined)}
+        rel=${ifDefined(this.rel || undefined)}
+        download=${ifDefined(this.download || undefined)}
+        aria-label=${ifDefined(this.ariaLabelValue || undefined)}
+        aria-labelledby=${ifDefined(this.ariaLabelledbyValue || undefined)}
+        aria-describedby=${ifDefined(this.ariaDescribedbyValue || undefined)}>
+        <slot></slot>
+      </a>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], UikLink.prototype, "href", null);
+__decorate([
+    property({ type: String })
+], UikLink.prototype, "target", null);
+__decorate([
+    property({ type: String })
+], UikLink.prototype, "rel", null);
+__decorate([
+    property({ type: String })
+], UikLink.prototype, "download", null);
+__decorate([
+    property({ attribute: 'aria-label' })
+], UikLink.prototype, "ariaLabelValue", null);
+__decorate([
+    property({ attribute: 'aria-labelledby' })
+], UikLink.prototype, "ariaLabelledbyValue", null);
+__decorate([
+    property({ attribute: 'aria-describedby' })
+], UikLink.prototype, "ariaDescribedbyValue", null);
+UikLink = __decorate([
+    customElement('uik-link')
+], UikLink);
+export { UikLink };
+//# sourceMappingURL=element.js.map

package/dist/src/atomic/control/uik-link/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-link/element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGzB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IACF,yBAAO,EAAE,CAAC;IAAV,IAAA,IAAI,0CAAM;IAAV,IAAA,IAAI,gDAAM;IACV,2BAAS,EAAE,CAAC;IAAZ,IAAA,MAAM,4CAAM;IAAZ,IAAA,MAAM,kDAAM;IACZ,wBAAM,EAAE,CAAC;IAAT,IAAA,GAAG,yCAAM;IAAT,IAAA,GAAG,+CAAM;IACT,6BAAW,EAAE,CAAC;IAAd,IAAA,QAAQ,8CAAM;IAAd,IAAA,QAAQ,oDAAM;IACH,mCAAiB,EAAE,CAAC;IAApB,IAAA,cAAc,oDAAM;IAApB,IAAA,cAAc,0DAAM;IACf,wCAAsB,EAAE,CAAC;IAAzB,IAAA,mBAAmB,yDAAM;IAAzB,IAAA,mBAAmB,+DAAM;IACxB,yCAAuB,EAAE,CAAC;IAA1B,IAAA,oBAAoB,0DAAM;IAA1B,IAAA,oBAAoB,gEAAM;IAE9E,MAAM,CAAmB,MAAM,GAAG,MAAM,CAAC;IAEhC,MAAM;QACb,OAAO,IAAI,CAAA;;;eAGA,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC;iBAC/B,SAAS,CAAC,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC;cACtC,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,SAAS,CAAC;mBAC3B,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC;qBACnC,SAAS,CAAC,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC;0BACtC,SAAS,CAAC,IAAI,CAAC,mBAAmB,IAAI,SAAS,CAAC;2BAC/C,SAAS,CAAC,IAAI,CAAC,oBAAoB,IAAI,SAAS,CAAC;;;KAGvE,CAAC;IACJ,CAAC;;AAxBkC;IAAlC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCAAoB;AACV;IAAlC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCAAsB;AACZ;IAAlC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;kCAAmB;AACT;IAAlC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCAAwB;AACH;IAA7C,QAAQ,CAAC,EAAC,SAAS,EAAE,YAAY,EAAC,CAAC;6CAA8B;AACf;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,iBAAiB,EAAC,CAAC;kDAAmC;AACxB;IAAnD,QAAQ,CAAC,EAAC,SAAS,EAAE,kBAAkB,EAAC,CAAC;mDAAoC;AAPnE,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CA0BnB"}

package/dist/src/atomic/control/uik-link/index.d.ts

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

package/dist/src/atomic/control/uik-link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/control/uik-link/index.js

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

package/dist/src/atomic/control/uik-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/control/uik-link/styles.d.ts

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

package/dist/src/atomic/control/uik-link/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-link/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAwClB,CAAC"}

package/dist/src/atomic/control/uik-link/styles.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+  }
+
+  a {
+    font-family: var(--uik-typography-font-family-sans);
+    font-size: var(--uik-typography-font-size-3);
+    line-height: var(--uik-typography-line-height-3);
+    color: oklch(var(--uik-component-link-fg-default));
+    text-decoration: none;
+    text-decoration-thickness: var(--uik-border-width-1);
+    text-decoration-color: currentcolor;
+    text-underline-offset: var(--uik-component-link-underline-offset);
+    transition:
+      color var(--uik-motion-transition-colors),
+      text-decoration-color var(--uik-motion-transition-colors),
+      box-shadow var(--uik-motion-transition-shadow);
+  }
+
+  a:hover {
+    color: oklch(var(--uik-component-link-fg-hover));
+    text-decoration-line: underline;
+  }
+
+  a:focus-visible {
+    outline: none;
+    box-shadow:
+      0 0 0 var(--uik-focus-ring-offset-default) oklch(var(--uik-focus-ring-offset-bg)),
+      0 0 0 calc(var(--uik-focus-ring-offset-default) + var(--uik-focus-ring-width))
+        oklch(var(--uik-focus-ring-default) / var(--uik-focus-ring-opacity));
+  }
+
+  @media (forced-colors: active) {
+    a:focus-visible {
+      outline: var(--uik-border-width-1) solid currentcolor;
+      outline-offset: var(--uik-space-1);
+      box-shadow: none;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/control/uik-link/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCxB,CAAC"}

package/dist/src/atomic/control/uik-radio/element.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+export declare class UikRadio extends LitElement {
+    static formAssociated: boolean;
+    accessor value: string;
+    accessor name: string;
+    accessor checked: boolean;
+    accessor disabled: boolean;
+    accessor required: boolean;
+    accessor invalid: boolean;
+    accessor tabIndexValue: number;
+    accessor groupDisabled: boolean;
+    accessor ariaLabelValue: string;
+    accessor ariaLabelledbyValue: string;
+    accessor ariaDescribedbyValue: string;
+    private readonly internals;
+    private readonly controlId;
+    private readonly hintId;
+    private readonly errorId;
+    private defaultChecked;
+    static readonly styles: import("lit").CSSResult;
+    private get inputElement();
+    private get isGrouped();
+    connectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    private syncFormValue;
+    private syncValidity;
+    private hasSlotContent;
+    private onSlotChange;
+    private onChange;
+    focus(options?: FocusOptions): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/atomic/control/uik-radio/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-radio/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AASrC,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,cAAc,UAAQ;IAEH,QAAQ,CAAC,KAAK,SAAQ;IACW,QAAQ,CAAC,IAAI,SAAM;IAClB,QAAQ,CAAC,OAAO,UAAS;IACzB,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,OAAO,UAAS;IAC3D,QAAQ,CAAC,aAAa,SAAK;IAC1B,QAAQ,CAAC,aAAa,UAAS;IACrB,QAAQ,CAAC,cAAc,SAAM;IACxB,QAAQ,CAAC,mBAAmB,SAAM;IACjC,QAAQ,CAAC,oBAAoB,SAAM;IAE9E,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA0B;IACpD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyB;IACnD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA4B;IACnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA6B;IACrD,OAAO,CAAC,cAAc,CAAS;IAE/B,gBAAyB,MAAM,0BAAU;IAEzC,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,SAAS,GAEpB;IAEQ,iBAAiB;IAKjB,YAAY;IAMZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAItC,iBAAiB;IAMjB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI;IAW/D,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,QAAQ,CAMd;IAEO,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,MAAM;CA6ChB"}