@ismail-elkorchi/ui-primitives 0.1.0 → 0.1.1

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

@@ -0,0 +1,180 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+    height: var(--uik-component-button-md-height);
+  }
+
+  :host([size='sm']) {
+    height: var(--uik-component-button-sm-height);
+  }
+
+  :host([size='lg']) {
+    height: var(--uik-component-button-lg-height);
+  }
+
+  :host([size='icon']) {
+    width: var(--uik-component-button-md-height);
+    height: var(--uik-component-button-md-height);
+  }
+
+  button {
+    --_uik-button-bg: oklch(var(--uik-component-button-solid-bg-default));
+    --_uik-button-bg-hover: oklch(var(--uik-component-button-solid-bg-hover));
+    --_uik-button-bg-active: oklch(var(--uik-component-button-solid-bg-active));
+    --_uik-button-fg: oklch(var(--uik-component-button-solid-fg));
+    --_uik-button-border-color: oklch(var(--uik-component-button-solid-border));
+    --_uik-button-shadow: var(--uik-component-button-solid-shadow);
+    --_uik-button-padding-x: var(--uik-component-button-md-padding-x);
+    --_uik-button-padding-y: var(--uik-component-button-md-padding-y);
+    --_uik-button-radius: var(--uik-component-button-md-radius);
+
+    display: inline-flex;
+    gap: var(--uik-component-button-base-gap);
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    padding: var(--_uik-button-padding-y) var(--_uik-button-padding-x);
+    font-family: var(--uik-component-button-base-font-family);
+    font-size: var(--uik-component-button-base-font-size);
+    font-weight: var(--uik-component-button-base-font-weight);
+    line-height: var(--uik-component-button-base-line-height);
+    color: var(--_uik-button-fg);
+    white-space: nowrap;
+    cursor: pointer;
+    background-color: var(--_uik-button-bg);
+    border-color: var(--_uik-button-border-color);
+    border-style: var(--uik-border-style-solid);
+    border-width: var(--uik-component-button-base-border-width);
+    border-radius: var(--_uik-button-radius);
+    box-shadow: var(--_uik-button-shadow);
+    transition:
+      color var(--uik-component-button-base-transition-duration) var(--uik-component-button-base-transition-ease),
+      background-color var(--uik-component-button-base-transition-duration)
+        var(--uik-component-button-base-transition-ease),
+      border-color var(--uik-component-button-base-transition-duration) var(--uik-component-button-base-transition-ease),
+      box-shadow var(--uik-motion-transition-shadow);
+  }
+
+  button:hover {
+    color: var(--_uik-button-fg-hover, var(--_uik-button-fg));
+    background-color: var(--_uik-button-bg-hover);
+  }
+
+  button:active {
+    background-color: var(--_uik-button-bg-active);
+  }
+
+  button:focus-visible {
+    outline: none;
+    box-shadow:
+      var(--_uik-button-shadow),
+      0 0 0 var(--uik-component-button-base-focus-ring-offset) oklch(var(--uik-focus-ring-offset-bg)),
+      0 0 0 calc(
+          var(--uik-component-button-base-focus-ring-offset) + var(--uik-component-button-base-focus-ring-width)
+        )
+        oklch(var(--uik-component-button-base-focus-ring) / var(--uik-component-button-base-focus-ring-opacity));
+  }
+
+  button:disabled {
+    pointer-events: none;
+    opacity: var(--uik-component-button-base-disabled-opacity);
+  }
+
+  .size-default {
+    --_uik-button-padding-x: var(--uik-component-button-md-padding-x);
+    --_uik-button-padding-y: var(--uik-component-button-md-padding-y);
+    --_uik-button-radius: var(--uik-component-button-md-radius);
+  }
+
+  .size-sm {
+    --_uik-button-padding-x: var(--uik-component-button-sm-padding-x);
+    --_uik-button-padding-y: var(--uik-component-button-sm-padding-y);
+    --_uik-button-radius: var(--uik-component-button-sm-radius);
+  }
+
+  .size-lg {
+    --_uik-button-padding-x: var(--uik-component-button-lg-padding-x);
+    --_uik-button-padding-y: var(--uik-component-button-lg-padding-y);
+    --_uik-button-radius: var(--uik-component-button-lg-radius);
+  }
+
+  .size-icon {
+    --_uik-button-padding-x: var(--uik-space-0);
+    --_uik-button-padding-y: var(--uik-space-0);
+    --_uik-button-radius: var(--uik-component-button-md-radius);
+  }
+
+  .variant-solid {
+    --_uik-button-bg: oklch(var(--uik-component-button-solid-bg-default));
+    --_uik-button-bg-hover: oklch(var(--uik-component-button-solid-bg-hover));
+    --_uik-button-bg-active: oklch(var(--uik-component-button-solid-bg-active));
+    --_uik-button-fg: oklch(var(--uik-component-button-solid-fg));
+    --_uik-button-border-color: oklch(var(--uik-component-button-solid-border));
+    --_uik-button-shadow: var(--uik-component-button-solid-shadow);
+  }
+
+  .variant-danger {
+    --_uik-button-bg: oklch(var(--uik-component-button-danger-bg-default));
+    --_uik-button-bg-hover: oklch(var(--uik-component-button-danger-bg-hover));
+    --_uik-button-bg-active: oklch(var(--uik-component-button-danger-bg-active));
+    --_uik-button-fg: oklch(var(--uik-component-button-danger-fg));
+    --_uik-button-border-color: oklch(var(--uik-component-button-danger-border));
+    --_uik-button-shadow: var(--uik-component-button-danger-shadow);
+  }
+
+  .variant-outline {
+    --_uik-button-bg: oklch(var(--uik-component-button-outline-bg-default));
+    --_uik-button-bg-hover: oklch(var(--uik-component-button-outline-bg-hover));
+    --_uik-button-bg-active: oklch(var(--uik-component-button-outline-bg-active));
+    --_uik-button-fg: oklch(var(--uik-component-button-outline-fg));
+    --_uik-button-border-color: oklch(var(--uik-component-button-outline-border));
+    --_uik-button-shadow: var(--uik-component-button-outline-shadow);
+  }
+
+  .variant-secondary {
+    --_uik-button-bg: oklch(var(--uik-component-button-secondary-bg-default));
+    --_uik-button-bg-hover: oklch(var(--uik-component-button-secondary-bg-hover));
+    --_uik-button-bg-active: oklch(var(--uik-component-button-secondary-bg-active));
+    --_uik-button-fg: oklch(var(--uik-component-button-secondary-fg));
+    --_uik-button-border-color: oklch(var(--uik-component-button-secondary-border));
+    --_uik-button-shadow: var(--uik-component-button-secondary-shadow);
+  }
+
+  .variant-ghost {
+    --_uik-button-bg: oklch(var(--uik-component-button-ghost-bg-default));
+    --_uik-button-bg-hover: oklch(var(--uik-component-button-ghost-bg-hover));
+    --_uik-button-bg-active: oklch(var(--uik-component-button-ghost-bg-active));
+    --_uik-button-fg: oklch(var(--uik-component-button-ghost-fg));
+    --_uik-button-border-color: oklch(var(--uik-component-button-ghost-border));
+    --_uik-button-shadow: var(--uik-component-button-ghost-shadow);
+  }
+
+  :host([muted]) .variant-ghost {
+    --_uik-button-fg: oklch(var(--uik-text-muted));
+    --_uik-button-fg-hover: oklch(var(--uik-component-button-ghost-fg));
+  }
+
+  :host([active]) .variant-ghost {
+    --_uik-button-bg: oklch(var(--uik-component-button-ghost-bg-active));
+    --_uik-button-bg-hover: oklch(var(--uik-component-button-ghost-bg-active));
+  }
+
+  .variant-link {
+    --_uik-button-bg: oklch(var(--uik-component-button-link-bg-default));
+    --_uik-button-bg-hover: oklch(var(--uik-component-button-link-bg-hover));
+    --_uik-button-bg-active: oklch(var(--uik-component-button-link-bg-active));
+    --_uik-button-fg: oklch(var(--uik-component-button-link-fg));
+    --_uik-button-border-color: oklch(var(--uik-component-button-link-border));
+    --_uik-button-shadow: var(--uik-component-button-link-shadow);
+
+    text-underline-offset: var(--uik-component-button-link-underline-offset);
+  }
+
+  .variant-link:hover {
+    text-decoration: underline;
+    text-decoration-style: var(--uik-component-button-link-decoration-hover);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+export declare class UikCheckbox extends LitElement {
+    static formAssociated: boolean;
+    accessor value: string;
+    accessor name: string;
+    accessor checked: boolean;
+    accessor indeterminate: boolean;
+    accessor disabled: boolean;
+    accessor required: boolean;
+    accessor invalid: boolean;
+    accessor tabIndexValue: number;
+    accessor ariaLabelValue: string;
+    accessor ariaLabelledbyValue: string;
+    accessor ariaDescribedbyValue: string;
+    private readonly internals;
+    private readonly controlId;
+    private readonly hintId;
+    private readonly errorId;
+    private defaultChecked;
+    private defaultIndeterminate;
+    static readonly styles: import("lit").CSSResult;
+    private get inputElement();
+    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;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-checkbox/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AASrC,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,cAAc,UAAQ;IAEH,QAAQ,CAAC,KAAK,SAAQ;IACW,QAAQ,CAAC,IAAI,SAAM;IAClB,QAAQ,CAAC,OAAO,UAAS;IACzB,QAAQ,CAAC,aAAa,UAAS;IAC/B,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,OAAO,UAAS;IAC3D,QAAQ,CAAC,aAAa,SAAK;IAChB,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,CAA4B;IACtD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA4B;IACnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA6B;IACrD,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,oBAAoB,CAAS;IAErC,gBAAyB,MAAM,0BAAU;IAEzC,OAAO,KAAK,YAAY,GAEvB;IAEQ,iBAAiB;IAMjB,YAAY;IAOZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAItC,iBAAiB;IAOjB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI;IAa/D,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,QAAQ,CAMd;IAEO,MAAM;CA8ChB"}

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

@@ -0,0 +1,212 @@
+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';
+import { buildDescribedBy, createId, hasSlotContent } from '../../../internal';
+let UikCheckbox = class UikCheckbox extends LitElement {
+    static formAssociated = true;
+    #value_accessor_storage = 'on';
+    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; }
+    #checked_accessor_storage = false;
+    get checked() { return this.#checked_accessor_storage; }
+    set checked(value) { this.#checked_accessor_storage = value; }
+    #indeterminate_accessor_storage = false;
+    get indeterminate() { return this.#indeterminate_accessor_storage; }
+    set indeterminate(value) { this.#indeterminate_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; }
+    #invalid_accessor_storage = false;
+    get invalid() { return this.#invalid_accessor_storage; }
+    set invalid(value) { this.#invalid_accessor_storage = value; }
+    #tabIndexValue_accessor_storage = 0;
+    get tabIndexValue() { return this.#tabIndexValue_accessor_storage; }
+    set tabIndexValue(value) { this.#tabIndexValue_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 = createId('uik-checkbox');
+    hintId = `${this.controlId}-hint`;
+    errorId = `${this.controlId}-error`;
+    defaultChecked = false;
+    defaultIndeterminate = false;
+    static styles = styles;
+    get inputElement() {
+        return this.renderRoot.querySelector('input');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.defaultChecked = this.checked;
+        this.defaultIndeterminate = this.indeterminate;
+    }
+    firstUpdated() {
+        this.defaultChecked = this.checked;
+        this.defaultIndeterminate = this.indeterminate;
+        this.syncFormValue();
+        this.syncValidity();
+    }
+    updated(changed) {
+        if (changed.has('checked') || changed.has('disabled') || changed.has('value')) {
+            this.syncFormValue();
+        }
+        if (changed.has('required') || changed.has('invalid') || changed.has('checked')) {
+            this.syncValidity();
+        }
+    }
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    formResetCallback() {
+        this.checked = this.defaultChecked;
+        this.indeterminate = this.defaultIndeterminate;
+        this.syncFormValue();
+        this.syncValidity();
+    }
+    formStateRestoreCallback(state) {
+        if (state === null) {
+            this.checked = false;
+            this.indeterminate = false;
+        }
+        else if (typeof state === 'string') {
+            this.checked = true;
+            this.indeterminate = false;
+            this.value = state;
+        }
+        this.syncFormValue();
+        this.syncValidity();
+    }
+    syncFormValue() {
+        const value = this.disabled || !this.checked ? null : this.value;
+        this.internals.setFormValue(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) {
+        return hasSlotContent(this, name);
+    }
+    onSlotChange = (event) => {
+        const slot = event.target;
+        if (slot.name === 'error') {
+            this.syncValidity();
+        }
+        this.requestUpdate();
+    };
+    onChange = (event) => {
+        const input = event.target;
+        this.checked = input.checked;
+        this.indeterminate = false;
+        this.syncFormValue();
+        this.syncValidity();
+    };
+    render() {
+        const hasLabel = this.hasSlotContent('label');
+        const hasHint = this.hasSlotContent('hint');
+        const hasError = this.hasSlotContent('error');
+        const describedBy = buildDescribedBy(this.ariaDescribedbyValue, hasHint ? this.hintId : null, hasError ? this.errorId : null);
+        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="control" class="control">
+          <input
+            part="base"
+            id=${this.controlId}
+            type="checkbox"
+            name=${this.name}
+            .value=${this.value}
+            ?checked=${this.checked}
+            .indeterminate=${this.indeterminate}
+            ?disabled=${this.disabled}
+            ?required=${this.required}
+            tabindex=${this.tabIndexValue}
+            aria-invalid=${ifDefined(ariaInvalid)}
+            aria-describedby=${ifDefined(describedBy)}
+            aria-label=${ifDefined(ariaLabel)}
+            aria-labelledby=${ifDefined(ariaLabelledby)}
+            @change=${this.onChange} />
+          <span part="label" class="control-text" ?hidden=${!hasLabel}>
+            <slot name="label" @slotchange=${this.onSlotChange}></slot>
+          </span>
+        </label>
+        <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 })
+], UikCheckbox.prototype, "value", null);
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikCheckbox.prototype, "name", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikCheckbox.prototype, "checked", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikCheckbox.prototype, "indeterminate", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikCheckbox.prototype, "disabled", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikCheckbox.prototype, "required", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikCheckbox.prototype, "invalid", null);
+__decorate([
+    property({ type: Number })
+], UikCheckbox.prototype, "tabIndexValue", null);
+__decorate([
+    property({ attribute: 'aria-label' })
+], UikCheckbox.prototype, "ariaLabelValue", null);
+__decorate([
+    property({ attribute: 'aria-labelledby' })
+], UikCheckbox.prototype, "ariaLabelledbyValue", null);
+__decorate([
+    property({ attribute: 'aria-describedby' })
+], UikCheckbox.prototype, "ariaDescribedbyValue", null);
+UikCheckbox = __decorate([
+    customElement('uik-checkbox')
+], UikCheckbox);
+export { UikCheckbox };
+//# sourceMappingURL=element.js.map

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

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

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

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

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

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

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

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

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

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

package/dist/src/atomic/control/uik-checkbox/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-checkbox/styles.d.ts.map

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

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

@@ -0,0 +1,66 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .field {
+    display: grid;
+    gap: var(--uik-space-2);
+  }
+
+  .control {
+    display: inline-flex;
+    gap: var(--uik-space-2);
+    align-items: center;
+    font-size: var(--uik-typography-font-size-3);
+    line-height: var(--uik-typography-line-height-4);
+    color: oklch(var(--uik-text-default));
+    cursor: pointer;
+  }
+
+  .control-text {
+    color: oklch(var(--uik-text-default));
+  }
+
+  .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));
+  }
+
+  input {
+    width: var(--uik-component-checkbox-size);
+    height: var(--uik-component-checkbox-size);
+    margin: var(--uik-space-0);
+    accent-color: oklch(var(--uik-component-checkbox-accent));
+  }
+
+  input: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));
+  }
+
+  :host([disabled]) .control {
+    cursor: not-allowed;
+    opacity: var(--uik-field-disabled-opacity);
+  }
+
+  @media (forced-colors: active) {
+    input: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-checkbox/styles.js.map

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

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

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+export declare class UikInput extends LitElement {
+    static formAssociated: boolean;
+    accessor type: string;
+    accessor placeholder: string;
+    accessor value: string;
+    accessor name: string;
+    accessor autocomplete: string;
+    accessor inputMode: string;
+    accessor enterKeyHint: string;
+    accessor disabled: boolean;
+    accessor required: boolean;
+    accessor readonly: boolean;
+    accessor invalid: boolean;
+    accessor ariaLabelValue: string;
+    accessor ariaLabelledbyValue: string;
+    accessor ariaDescribedbyValue: string;
+    private readonly internals;
+    private readonly controlId;
+    private readonly labelId;
+    private readonly hintId;
+    private readonly errorId;
+    static readonly styles: import("lit").CSSResult;
+    private get inputElement();
+    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;
+    private onInput;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-input/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAUrC,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,cAAc,UAAQ;IAEH,QAAQ,CAAC,IAAI,SAAU;IACvB,QAAQ,CAAC,WAAW,SAAM;IAC1B,QAAQ,CAAC,KAAK,SAAM;IACL,QAAQ,CAAC,IAAI,SAAM;IACrB,QAAQ,CAAC,YAAY,SAAM;IAClE,SAAsD,SAAS,SAAM;IACrE,SAAyD,YAAY,SAAM;IACjC,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,OAAO,UAAS;IAC9B,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,CAAoC;IAC9D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA6B;IACrD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA4B;IACnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA6B;IAErD,gBAAyB,MAAM,0BAAU;IAEzC,OAAO,KAAK,YAAY,GAEvB;IAEQ,YAAY;IAKZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAItC,iBAAiB;IAKjB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI;IAO/D,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,QAAQ,CAKd;IAEF,OAAO,CAAC,OAAO,CAKb;IAEO,MAAM;CAmDhB"}