@ismail-elkorchi/ui-primitives 0.1.0 → 0.1.1

package/dist/src/atomic/content/uik-icon/styles.js

@@ -0,0 +1,62 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+  }
+
+  .icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--uik-component-icon-size-md);
+    height: var(--uik-component-icon-size-md);
+    color: oklch(var(--uik-component-icon-color-default));
+  }
+
+  :host([size='xs']) .icon {
+    width: var(--uik-component-icon-size-xs);
+    height: var(--uik-component-icon-size-xs);
+  }
+
+  :host([size='sm']) .icon {
+    width: var(--uik-component-icon-size-sm);
+    height: var(--uik-component-icon-size-sm);
+  }
+
+  :host([size='lg']) .icon {
+    width: var(--uik-component-icon-size-lg);
+    height: var(--uik-component-icon-size-lg);
+  }
+
+  :host([tone='muted']) .icon {
+    color: oklch(var(--uik-component-icon-color-muted));
+  }
+
+  :host([tone='danger']) .icon {
+    color: oklch(var(--uik-component-icon-color-danger));
+  }
+
+  :host([tone='success']) .icon {
+    color: oklch(var(--uik-component-icon-color-success));
+  }
+
+  :host([tone='warning']) .icon {
+    color: oklch(var(--uik-component-icon-color-warning));
+  }
+
+  :host([tone='info']) .icon {
+    color: oklch(var(--uik-component-icon-color-info));
+  }
+
+  :host([tone='inverse']) .icon {
+    color: oklch(var(--uik-component-icon-color-inverse));
+  }
+
+  ::slotted(svg) {
+    width: 100%;
+    height: 100%;
+    fill: currentcolor;
+    stroke: currentcolor;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/content/uik-icon/styles.js.map

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

package/dist/src/atomic/content/uik-text/element.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+export declare class UikText extends LitElement {
+    accessor as: 'p' | 'span' | 'div' | 'label';
+    accessor size: 'sm' | 'md' | 'lg' | 'xl';
+    accessor weight: 'regular' | 'medium' | 'semibold' | 'bold';
+    accessor tone: 'default' | 'muted' | 'strong' | 'danger' | 'success' | 'warning' | 'info';
+    accessor truncate: boolean;
+    static readonly styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/atomic/content/uik-text/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-text/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAKrC,qBACa,OAAQ,SAAQ,UAAU;IACX,QAAQ,CAAC,EAAE,EAAE,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAU;IACpB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAChD,QAAQ,CAAC,MAAM,EACtE,SAAS,GACT,QAAQ,GACR,UAAU,GACV,MAAM,CAAa;IACoC,QAAQ,CAAC,IAAI,EACpE,SAAS,GACT,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,CAAa;IACqC,QAAQ,CAAC,QAAQ,UAAS;IAEtF,gBAAyB,MAAM,0BAAU;IAEhC,MAAM;CA6BhB"}

package/dist/src/atomic/content/uik-text/element.js

@@ -0,0 +1,76 @@
+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 { styles } from './styles';
+let UikText = class UikText extends LitElement {
+    #as_accessor_storage = 'span';
+    get as() { return this.#as_accessor_storage; }
+    set as(value) { this.#as_accessor_storage = value; }
+    #size_accessor_storage = 'md';
+    get size() { return this.#size_accessor_storage; }
+    set size(value) { this.#size_accessor_storage = value; }
+    #weight_accessor_storage = 'regular';
+    get weight() { return this.#weight_accessor_storage; }
+    set weight(value) { this.#weight_accessor_storage = value; }
+    #tone_accessor_storage = 'default';
+    get tone() { return this.#tone_accessor_storage; }
+    set tone(value) { this.#tone_accessor_storage = value; }
+    #truncate_accessor_storage = false;
+    get truncate() { return this.#truncate_accessor_storage; }
+    set truncate(value) { this.#truncate_accessor_storage = value; }
+    static styles = styles;
+    render() {
+        switch (this.as) {
+            case 'p':
+                return html `
+          <p part="base" class="text">
+            <slot></slot>
+          </p>
+        `;
+            case 'div':
+                return html `
+          <div part="base" class="text">
+            <slot></slot>
+          </div>
+        `;
+            case 'label':
+                return html `
+          <label part="base" class="text">
+            <slot></slot>
+          </label>
+        `;
+            case 'span':
+            default:
+                return html `
+          <span part="base" class="text">
+            <slot></slot>
+          </span>
+        `;
+        }
+    }
+};
+__decorate([
+    property({ type: String })
+], UikText.prototype, "as", null);
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikText.prototype, "size", null);
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikText.prototype, "weight", null);
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikText.prototype, "tone", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikText.prototype, "truncate", null);
+UikText = __decorate([
+    customElement('uik-text')
+], UikText);
+export { UikText };
+//# sourceMappingURL=element.js.map

package/dist/src/atomic/content/uik-text/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-text/element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGzB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IACF,uBAAqC,MAAM,CAAC;IAA5C,IAAA,EAAE,wCAA0C;IAA5C,IAAA,EAAE,8CAA0C;IACX,yBAAkC,IAAI,CAAC;IAAvC,IAAA,IAAI,0CAAmC;IAAvC,IAAA,IAAI,gDAAmC;IACvC,2BAIvD,SAAS,CAAC;IAJ6C,IAAA,MAAM,4CAInD;IAJ6C,IAAA,MAAM,kDAInD;IAC6C,yBAOvD,SAAS,CAAC;IAP6C,IAAA,IAAI,0CAOjD;IAP6C,IAAA,IAAI,gDAOjD;IAC8C,6BAAW,KAAK,CAAC;IAAjB,IAAA,QAAQ,8CAAS;IAAjB,IAAA,QAAQ,oDAAS;IAEtF,MAAM,CAAmB,MAAM,GAAG,MAAM,CAAC;IAEhC,MAAM;QACb,QAAQ,IAAI,CAAC,EAAE,EAAE,CAAC;YAChB,KAAK,GAAG;gBACN,OAAO,IAAI,CAAA;;;;SAIV,CAAC;YACJ,KAAK,KAAK;gBACR,OAAO,IAAI,CAAA;;;;SAIV,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO,IAAI,CAAA;;;;SAIV,CAAC;YACJ,KAAK,MAAM,CAAC;YACZ;gBACE,OAAO,IAAI,CAAA;;;;SAIV,CAAC;QACN,CAAC;IACH,CAAC;;AA/CkC;IAAlC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;iCAAsD;AACX;IAAnE,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;mCAAiD;AACvC;IAAnE,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;qCAInC;AAC6C;IAAnE,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;mCAOnC;AAC8C;IAApE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;uCAA2B;AAhB3E,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAiDnB"}

package/dist/src/atomic/content/uik-text/index.d.ts

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

package/dist/src/atomic/content/uik-text/index.d.ts.map

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

package/dist/src/atomic/content/uik-text/index.js

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

package/dist/src/atomic/content/uik-text/index.js.map

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

package/dist/src/atomic/content/uik-text/styles.d.ts

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

package/dist/src/atomic/content/uik-text/styles.d.ts.map

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

package/dist/src/atomic/content/uik-text/styles.js

@@ -0,0 +1,73 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .text {
+    margin: var(--uik-space-0);
+    font-family: var(--uik-typography-font-family-sans);
+    font-size: var(--uik-component-text-size-md);
+    font-weight: var(--uik-component-text-weight-regular);
+    line-height: var(--uik-component-text-line-height-md);
+    color: oklch(var(--uik-component-text-color-default));
+  }
+
+  :host([size='sm']) .text {
+    font-size: var(--uik-component-text-size-sm);
+    line-height: var(--uik-component-text-line-height-sm);
+  }
+
+  :host([size='lg']) .text {
+    font-size: var(--uik-component-text-size-lg);
+    line-height: var(--uik-component-text-line-height-lg);
+  }
+
+  :host([size='xl']) .text {
+    font-size: var(--uik-component-text-size-xl);
+    line-height: var(--uik-component-text-line-height-xl);
+  }
+
+  :host([weight='medium']) .text {
+    font-weight: var(--uik-component-text-weight-medium);
+  }
+
+  :host([weight='semibold']) .text {
+    font-weight: var(--uik-component-text-weight-semibold);
+  }
+
+  :host([weight='bold']) .text {
+    font-weight: var(--uik-component-text-weight-bold);
+  }
+
+  :host([tone='muted']) .text {
+    color: oklch(var(--uik-component-text-color-muted));
+  }
+
+  :host([tone='strong']) .text {
+    color: oklch(var(--uik-component-text-color-strong));
+  }
+
+  :host([tone='danger']) .text {
+    color: oklch(var(--uik-component-text-color-danger));
+  }
+
+  :host([tone='success']) .text {
+    color: oklch(var(--uik-component-text-color-success));
+  }
+
+  :host([tone='warning']) .text {
+    color: oklch(var(--uik-component-text-color-warning));
+  }
+
+  :host([tone='info']) .text {
+    color: oklch(var(--uik-component-text-color-info));
+  }
+
+  :host([truncate]) .text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/content/uik-text/styles.js.map

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

package/dist/src/atomic/content/uik-visually-hidden/element.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class UikVisuallyHidden extends LitElement {
+    static readonly styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/atomic/content/uik-visually-hidden/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-visually-hidden/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAKrC,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,gBAAyB,MAAM,0BAAU;IAEhC,MAAM;CAKhB"}

package/dist/src/atomic/content/uik-visually-hidden/element.js

@@ -0,0 +1,22 @@
+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 } from 'lit/decorators.js';
+import { styles } from './styles';
+let UikVisuallyHidden = class UikVisuallyHidden extends LitElement {
+    static styles = styles;
+    render() {
+        return html `
+      <span part="base"><slot></slot></span>
+    `;
+    }
+};
+UikVisuallyHidden = __decorate([
+    customElement('uik-visually-hidden')
+], UikVisuallyHidden);
+export { UikVisuallyHidden };
+//# sourceMappingURL=element.js.map

package/dist/src/atomic/content/uik-visually-hidden/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-visually-hidden/element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGzB,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAmB,MAAM,GAAG,MAAM,CAAC;IAEhC,MAAM;QACb,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;;AAPU,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAQ7B"}

package/dist/src/atomic/content/uik-visually-hidden/index.d.ts

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

package/dist/src/atomic/content/uik-visually-hidden/index.d.ts.map

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

package/dist/src/atomic/content/uik-visually-hidden/index.js

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

package/dist/src/atomic/content/uik-visually-hidden/index.js.map

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

package/dist/src/atomic/content/uik-visually-hidden/styles.d.ts

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

package/dist/src/atomic/content/uik-visually-hidden/styles.d.ts.map

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

package/dist/src/atomic/content/uik-visually-hidden/styles.js

@@ -0,0 +1,19 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    position: absolute;
+    width: var(--uik-border-width-1);
+    height: var(--uik-border-width-1);
+    padding: var(--uik-space-0);
+    margin: calc(var(--uik-border-width-1) * -1);
+    overflow: hidden;
+    white-space: nowrap;
+    border: var(--uik-border-width-0) solid oklch(var(--uik-border-default) / var(--uik-opacity-0));
+    clip-path: inset(50%);
+  }
+
+  span {
+    display: inline-block;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/content/uik-visually-hidden/styles.js.map

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

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

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+export declare class UikButton extends LitElement {
+    static formAssociated: boolean;
+    accessor variant: 'solid' | 'danger' | 'outline' | 'secondary' | 'ghost' | 'link';
+    accessor size: 'default' | 'sm' | 'lg' | 'icon';
+    accessor type: 'button' | 'submit' | 'reset';
+    accessor tabIndexValue: number;
+    accessor disabled: boolean;
+    accessor active: boolean;
+    accessor muted: boolean;
+    accessor ariaLabelValue: string;
+    accessor ariaLabelledbyValue: string;
+    accessor ariaPressedValue: string;
+    private readonly internals;
+    static readonly styles: import("lit").CSSResult;
+    private get buttonElement();
+    focus(options?: FocusOptions): void;
+    render(): import("lit-html").TemplateResult<1>;
+    formDisabledCallback(disabled: boolean): void;
+    private onClick;
+}
+//# sourceMappingURL=element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-button/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAMrC,qBACa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,cAAc,UAAQ;IAEY,QAAQ,CAAC,OAAO,EACrD,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,CAAW;IACoB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAa;IAC3E,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IACxD,QAAQ,CAAC,aAAa,SAAK;IACX,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,MAAM,UAAS;IACxB,QAAQ,CAAC,KAAK,UAAS;IAC5B,QAAQ,CAAC,cAAc,SAAM;IACxB,QAAQ,CAAC,mBAAmB,SAAM;IACrC,QAAQ,CAAC,gBAAgB,SAAM;IAEtE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA0B;IAEpD,gBAAyB,MAAM,0BAAU;IAEzC,OAAO,KAAK,aAAa,GAExB;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,MAAM;IAiBf,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAItC,OAAO,CAAC,OAAO,CAYb;CACH"}

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

@@ -0,0 +1,120 @@
+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 UikButton = class UikButton extends LitElement {
+    static formAssociated = true;
+    #variant_accessor_storage = 'solid';
+    get variant() { return this.#variant_accessor_storage; }
+    set variant(value) { this.#variant_accessor_storage = value; }
+    #size_accessor_storage = 'default';
+    get size() { return this.#size_accessor_storage; }
+    set size(value) { this.#size_accessor_storage = value; }
+    #type_accessor_storage = 'button';
+    get type() { return this.#type_accessor_storage; }
+    set type(value) { this.#type_accessor_storage = value; }
+    #tabIndexValue_accessor_storage = 0;
+    get tabIndexValue() { return this.#tabIndexValue_accessor_storage; }
+    set tabIndexValue(value) { this.#tabIndexValue_accessor_storage = value; }
+    #disabled_accessor_storage = false;
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_accessor_storage = value; }
+    #active_accessor_storage = false;
+    get active() { return this.#active_accessor_storage; }
+    set active(value) { this.#active_accessor_storage = value; }
+    #muted_accessor_storage = false;
+    get muted() { return this.#muted_accessor_storage; }
+    set muted(value) { this.#muted_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; }
+    #ariaPressedValue_accessor_storage = '';
+    get ariaPressedValue() { return this.#ariaPressedValue_accessor_storage; }
+    set ariaPressedValue(value) { this.#ariaPressedValue_accessor_storage = value; }
+    internals = this.attachInternals();
+    static styles = styles;
+    get buttonElement() {
+        return this.renderRoot.querySelector('button');
+    }
+    focus(options) {
+        this.buttonElement?.focus(options);
+    }
+    render() {
+        return html `
+      <button
+        part="base"
+        class="variant-${this.variant} size-${this.size}"
+        type=${this.type}
+        tabindex=${this.tabIndexValue}
+        aria-label=${ifDefined(this.ariaLabelValue || undefined)}
+        aria-labelledby=${ifDefined(this.ariaLabelledbyValue || undefined)}
+        aria-pressed=${ifDefined(this.ariaPressedValue || undefined)}
+        ?disabled=${this.disabled}
+        @click=${this.onClick}>
+        <slot></slot>
+      </button>
+    `;
+    }
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    onClick = (event) => {
+        if (this.disabled)
+            return;
+        const form = this.internals.form;
+        if (!form)
+            return;
+        if (this.type === 'submit') {
+            event.preventDefault();
+            form.requestSubmit();
+        }
+        else if (this.type === 'reset') {
+            event.preventDefault();
+            form.reset();
+        }
+    };
+};
+__decorate([
+    property({ type: String, reflect: true })
+], UikButton.prototype, "variant", null);
+__decorate([
+    property({ type: String, reflect: true })
+], UikButton.prototype, "size", null);
+__decorate([
+    property({ type: String })
+], UikButton.prototype, "type", null);
+__decorate([
+    property({ type: Number })
+], UikButton.prototype, "tabIndexValue", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UikButton.prototype, "disabled", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UikButton.prototype, "active", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UikButton.prototype, "muted", null);
+__decorate([
+    property({ attribute: 'aria-label' })
+], UikButton.prototype, "ariaLabelValue", null);
+__decorate([
+    property({ attribute: 'aria-labelledby' })
+], UikButton.prototype, "ariaLabelledbyValue", null);
+__decorate([
+    property({ attribute: 'aria-pressed' })
+], UikButton.prototype, "ariaPressedValue", null);
+UikButton = __decorate([
+    customElement('uik-button')
+], UikButton);
+export { UikButton };
+//# sourceMappingURL=element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-button/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,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;IAEqB,4BAMrC,OAAO,CAAC;IAN6B,IAAA,OAAO,6CAMpC;IAN6B,IAAA,OAAO,mDAMpC;IAC6B,yBAAyC,SAAS,CAAC;IAAnD,IAAA,IAAI,0CAA+C;IAAnD,IAAA,IAAI,gDAA+C;IAClE,yBAAsC,QAAQ,CAAC;IAA/C,IAAA,IAAI,0CAA2C;IAA/C,IAAA,IAAI,gDAA2C;IAC/C,kCAAgB,CAAC,CAAC;IAAlB,IAAA,aAAa,mDAAK;IAAlB,IAAA,aAAa,yDAAK;IACF,6BAAW,KAAK,CAAC;IAAjB,IAAA,QAAQ,8CAAS;IAAjB,IAAA,QAAQ,oDAAS;IACjB,2BAAS,KAAK,CAAC;IAAf,IAAA,MAAM,4CAAS;IAAf,IAAA,MAAM,kDAAS;IACf,0BAAQ,KAAK,CAAC;IAAd,IAAA,KAAK,2CAAS;IAAd,IAAA,KAAK,iDAAS;IACnB,mCAAiB,EAAE,CAAC;IAApB,IAAA,cAAc,oDAAM;IAApB,IAAA,cAAc,0DAAM;IACf,wCAAsB,EAAE,CAAC;IAAzB,IAAA,mBAAmB,yDAAM;IAAzB,IAAA,mBAAmB,+DAAM;IAC5B,qCAAmB,EAAE,CAAC;IAAtB,IAAA,gBAAgB,sDAAM;IAAtB,IAAA,gBAAgB,4DAAM;IAErD,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IAEpD,MAAM,CAAmB,MAAM,GAAG,MAAM,CAAC;IAEzC,IAAY,aAAa;QACvB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;IAEQ,KAAK,CAAC,OAAsB;QACnC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;;yBAGU,IAAI,CAAC,OAAO,SAAS,IAAI,CAAC,IAAI;eACxC,IAAI,CAAC,IAAI;mBACL,IAAI,CAAC,aAAa;qBAChB,SAAS,CAAC,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC;0BACtC,SAAS,CAAC,IAAI,CAAC,mBAAmB,IAAI,SAAS,CAAC;uBACnD,SAAS,CAAC,IAAI,CAAC,gBAAgB,IAAI,SAAS,CAAC;oBAChD,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,OAAO;;;KAGxB,CAAC;IACJ,CAAC;IAED,oBAAoB,CAAC,QAAiB;QACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAEO,OAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;QACtC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QACjC,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC,CAAC;;AA9DgD;IAAjD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;wCAMnB;AAC6B;IAAjD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;qCAA6D;AAClE;IAAlC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCAAyD;AAC/C;IAAlC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CAA4B;AACF;IAAlD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yCAA2B;AACjB;IAAlD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;uCAAyB;AACf;IAAlD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;sCAAwB;AACnB;IAA7C,QAAQ,CAAC,EAAC,SAAS,EAAE,YAAY,EAAC,CAAC;+CAA8B;AACf;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,iBAAiB,EAAC,CAAC;oDAAmC;AAC5B;IAA/C,QAAQ,CAAC,EAAC,SAAS,EAAE,cAAc,EAAC,CAAC;iDAAgC;AAlB3D,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAkErB"}

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

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

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

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

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

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

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

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

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

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