reke-ui 0.1.2 → 0.2.0

package/dist/components/reke-date-range/reke-date-range.styles.js

@@ -1,8 +1,7 @@
-import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
-import { css as e } from "lit";
-const t = [
-  r,
-  e`
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as t } from "lit";
+//#region src/components/reke-date-range/reke-date-range.styles.ts
+var n = [e, t`
     :host {
       display: inline-block;
       position: relative;
@@ -20,7 +19,7 @@ const t = [
       display: block;
       margin-bottom: 6px;
       font-size: 12px;
-      color: var(--reke-color-text-ghost, #737373);
+      color: var(--reke-color-text-ghost, #7A7A7A);
       transition: color 0.15s ease;
     }
 
@@ -48,7 +47,7 @@ const t = [
     }
 
     .trigger:hover {
-      border-color: var(--reke-color-text-muted, #525252);
+      border-color: var(--reke-color-border-hover, #3A3A3A);
     }
 
     .trigger--open {
@@ -165,7 +164,7 @@ const t = [
       border: none;
       border-radius: var(--reke-radius, 4px);
       background: transparent;
-      color: var(--reke-color-text-muted, #525252);
+      color: var(--reke-color-text-ghost, #7A7A7A);
       cursor: pointer;
       font-family: inherit;
     }
@@ -175,6 +174,11 @@ const t = [
       background: color-mix(in srgb, var(--reke-color-surface, #1A1A1A) 75%, var(--reke-color-border, #252525));
     }
 
+    .calendar__nav-btn:focus-visible {
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: 2px;
+    }
+
     .calendar__nav-btn svg {
       width: 14px;
       height: 14px;
@@ -197,7 +201,7 @@ const t = [
       text-align: center;
       font-size: 9px;
       font-weight: 600;
-      color: var(--reke-color-text-disabled, #3B3B3B);
+      color: var(--reke-color-text-label, #8A8A8A);
       padding: 4px 0;
       text-transform: uppercase;
     }
@@ -230,8 +234,13 @@ const t = [
       background: color-mix(in srgb, var(--reke-color-surface, #1A1A1A) 70%, var(--reke-color-border, #252525));
     }
 
+    .calendar__day:focus-visible {
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: -2px;
+    }
+
     .calendar__day--other {
-      color: var(--reke-color-text-disabled, #3B3B3B);
+      color: var(--reke-color-text-ghost, #7A7A7A);
     }
 
     .calendar__day--today {
@@ -307,16 +316,20 @@ const t = [
       text-decoration: underline;
     }
 
+    .calendar__action--today:focus-visible,
+    .calendar__action--clear:focus-visible {
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: 2px;
+    }
+
     .calendar__action--clear {
-      color: var(--reke-color-text-muted, #525252);
+      color: var(--reke-color-text-label, #8A8A8A);
       font-weight: 400;
     }
 
     .calendar__action--clear:hover {
       color: var(--reke-color-text, #E5E5E5);
     }
-  `
-];
-export {
-  t as styles
-};
+  `];
+//#endregion
+export { n as styles };

package/dist/components/reke-dialog/reke-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/reke-dialog/reke-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAgB,MAAM,4BAAU;IAGhC,IAAI,UAAS;IAGb,OAAO,SAAM;IAGb,OAAO,EAAE,aAAa,CAAW;IAEjC,kEAAkE;IAElE,QAAQ,EAAE,cAAc,CAAW;IAEnC,OAAO,CAAC,cAAc,CAIpB;IAEO,iBAAiB;IAKjB,oBAAoB;IAK7B,IAAI;IAIJ,KAAK;IAKI,MAAM;CAkDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"reke-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/reke-dialog/reke-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAgB,MAAM,4BAAU;IAGhC,IAAI,UAAS;IAGb,OAAO,SAAM;IAGb,OAAO,EAAE,aAAa,CAAW;IAEjC,kEAAkE;IAElE,QAAQ,EAAE,cAAc,CAAW;IAEnC,OAAO,CAAC,cAAc,CAIpB;IAEO,iBAAiB;IAKjB,oBAAoB;IAK7B,IAAI;IAIJ,KAAK;IAKI,MAAM;CAoDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/reke-dialog/reke-dialog.js

@@ -1,52 +1,52 @@
-import { nothing as c, html as p } from "lit";
-import { property as l, customElement as m } from "lit/decorators.js";
-import { classMap as h } from "lit/directives/class-map.js";
-import { RekeElement as v } from "../../shared/base-element.js";
-import { styles as u } from "./reke-dialog.styles.js";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (e, s, r, i) => {
-  for (var t = i > 1 ? void 0 : i ? g(s, r) : s, n = e.length - 1, d; n >= 0; n--)
-    (d = e[n]) && (t = (i ? d(s, r, t) : d(t)) || t);
-  return i && t && f(s, r, t), t;
-};
-let o = class extends v {
-  constructor() {
-    super(...arguments), this.open = !1, this.heading = "", this.variant = "modal", this.position = "right", this._handleKeydown = (e) => {
-      e.key === "Escape" && this.open && this.close();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("keydown", this._handleKeydown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("keydown", this._handleKeydown);
-  }
-  show() {
-    this.open = !0;
-  }
-  close() {
-    this.open = !1, this.emit("reke-close");
-  }
-  render() {
-    if (!this.open) return c;
-    const e = this.variant === "drawer", s = {
-      backdrop: !0,
-      "backdrop--drawer": e,
-      [`backdrop--${this.position}`]: e
-    }, r = {
-      dialog: !e,
-      drawer: e,
-      [`drawer--${this.position}`]: e
-    };
-    return p`
-      <div class=${h(s)} @click=${this.close}>
+import { RekeElement as e } from "../../shared/base-element.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
+import { styles as n } from "./reke-dialog.styles.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/components/reke-dialog/reke-dialog.ts
+var c = class extends e {
+	constructor(...e) {
+		super(...e), this.open = !1, this.heading = "", this.variant = "modal", this.position = "right", this._handleKeydown = (e) => {
+			e.key === "Escape" && this.open && this.close();
+		};
+	}
+	static {
+		this.styles = n;
+	}
+	connectedCallback() {
+		super.connectedCallback(), document.addEventListener("keydown", this._handleKeydown);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("keydown", this._handleKeydown);
+	}
+	show() {
+		this.open = !0;
+	}
+	close() {
+		this.open = !1, this.emit("reke-close");
+	}
+	render() {
+		if (!this.open) return i;
+		let e = this.variant === "drawer", t = {
+			backdrop: !0,
+			"backdrop--drawer": e,
+			[`backdrop--${this.position}`]: e
+		}, n = {
+			dialog: !e,
+			drawer: e,
+			[`drawer--${this.position}`]: e
+		};
+		return r`
+      <div class=${s(t)} @click=${this.close}>
         <div
-          class=${h(r)}
+          class=${s(n)}
           role="dialog"
           aria-modal="true"
           aria-label=${this.heading}
-          @click=${(i) => i.stopPropagation()}
+          @click=${(e) => e.stopPropagation()}
         >
-          ${this.heading ? p`
+          ${this.heading ? r`
                 <div class="dialog-header">
                   <h2 class="dialog-title">${this.heading}</h2>
                   <button
@@ -57,7 +57,7 @@ let o = class extends v {
                     &times;
                   </button>
                 </div>
-              ` : c}
+              ` : i}
           <div class="dialog-body">
             <slot></slot>
           </div>
@@ -67,24 +67,11 @@ let o = class extends v {
         </div>
       </div>
     `;
-  }
-};
-o.styles = u;
-a([
-  l({ type: Boolean, reflect: !0 })
-], o.prototype, "open", 2);
-a([
-  l()
-], o.prototype, "heading", 2);
-a([
-  l({ reflect: !0 })
-], o.prototype, "variant", 2);
-a([
-  l({ reflect: !0 })
-], o.prototype, "position", 2);
-o = a([
-  m("reke-dialog")
-], o);
-export {
-  o as RekeDialog
+	}
 };
+t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "open", void 0), t([o()], c.prototype, "heading", void 0), t([o({ reflect: !0 })], c.prototype, "variant", void 0), t([o({ reflect: !0 })], c.prototype, "position", void 0), c = t([a("reke-dialog")], c);
+//#endregion
+export { c as RekeDialog };

package/dist/components/reke-dialog/reke-dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-dialog/reke-dialog.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAgIlB,CAAC"}
+{"version":3,"file":"reke-dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-dialog/reke-dialog.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAiIlB,CAAC"}

package/dist/components/reke-dialog/reke-dialog.styles.js

@@ -1,8 +1,7 @@
 import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
-import { css as o } from "lit";
-const i = [
-  e,
-  o`
+import { css as t } from "lit";
+//#region src/components/reke-dialog/reke-dialog.styles.ts
+var n = [e, t`
     :host {
       display: block;
     }
@@ -13,6 +12,7 @@ const i = [
       position: fixed;
       inset: 0;
       background: rgba(0, 0, 0, 0.6);
+      backdrop-filter: blur(2px);
       display: flex;
       align-items: center;
       justify-content: center;
@@ -36,7 +36,7 @@ const i = [
     .dialog {
       background: var(--reke-color-bg, #0f0f10);
       border: 1px solid var(--reke-color-border, #252525);
-      border-radius: var(--reke-radius, 4px);
+      border-radius: 6px;
       min-width: 400px;
       max-width: 560px;
       width: 100%;
@@ -127,8 +127,6 @@ const i = [
       gap: 8px;
       flex-shrink: 0;
     }
-  `
-];
-export {
-  i as styles
-};
+  `];
+//#endregion
+export { n as styles };

package/dist/components/reke-file-upload/reke-file-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-file-upload.d.ts","sourceRoot":"","sources":["../../../src/components/reke-file-upload/reke-file-upload.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D;;;;;;;;;;;;;;;GAeG;AACH,qBACa,cAAe,SAAQ,WAAW;IAC7C,OAAgB,MAAM,4BAAU;IAEhC,kEAAkE;IAElE,MAAM,SAAM;IAGZ,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAGd,YAAY,SAAM;IAElB,oCAAoC;IAEpC,OAAO,UAAS;IAGhB,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,SAAS,CAAM;IAGvB,OAAO,CAAC,MAAM,CAAoB;IAElC,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,iBAAiB;IAQzB,gDAAgD;IAChD,KAAK;IAMI,MAAM;CA+ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"reke-file-upload.d.ts","sourceRoot":"","sources":["../../../src/components/reke-file-upload/reke-file-upload.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D;;;;;;;;;;;;;;;GAeG;AACH,qBACa,cAAe,SAAQ,WAAW;IAC7C,OAAgB,MAAM,4BAAU;IAEhC,kEAAkE;IAElE,MAAM,SAAM;IAGZ,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAGd,YAAY,SAAM;IAElB,oCAAoC;IAEpC,OAAO,UAAS;IAGhB,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,SAAS,CAAM;IAGvB,OAAO,CAAC,MAAM,CAAoB;IAElC,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,iBAAiB;IAQzB,gDAAgD;IAChD,KAAK;IAMI,MAAM;CAmDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/reke-file-upload/reke-file-upload.js

@@ -1,50 +1,48 @@
-import { nothing as d, html as o } from "lit";
-import { property as s, state as c, query as f, customElement as g } from "lit/decorators.js";
-import { classMap as m } from "lit/directives/class-map.js";
-import { RekeElement as u } from "../../shared/base-element.js";
-import { styles as _ } from "./reke-file-upload.styles.js";
-var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (e, t, p, l) => {
-  for (var a = l > 1 ? void 0 : l ? y(t, p) : t, n = e.length - 1, h; n >= 0; n--)
-    (h = e[n]) && (a = (l ? h(t, p, a) : h(a)) || a);
-  return l && a && v(t, p, a), a;
-};
-let r = class extends u {
-  constructor() {
-    super(...arguments), this.accept = "", this.hint = "", this.disabled = !1, this.error = !1, this.errorMessage = "", this.compact = !1, this._dragging = !1, this._fileName = "";
-  }
-  handleClick() {
-    this.disabled || this._input.click();
-  }
-  handleDragOver(e) {
-    e.preventDefault(), e.stopPropagation(), this.disabled || (this._dragging = !0);
-  }
-  handleDragLeave(e) {
-    e.preventDefault(), e.stopPropagation(), this._dragging = !1;
-  }
-  handleDrop(e) {
-    if (e.preventDefault(), e.stopPropagation(), this._dragging = !1, this.disabled) return;
-    const t = e.dataTransfer?.files[0];
-    t && (this._fileName = t.name, this.emit("reke-file-select", { file: t }));
-  }
-  handleInputChange() {
-    const e = this._input.files?.[0];
-    e && (this._fileName = e.name, this.emit("reke-file-select", { file: e }));
-  }
-  /** Clear the selected file programmatically. */
-  clear() {
-    this._fileName = "", this._input && (this._input.value = ""), this.emit("reke-file-clear");
-  }
-  render() {
-    const e = {
-      dropzone: !0,
-      "dropzone--dragging": this._dragging,
-      "dropzone--error": this.error,
-      "dropzone--compact": this.compact
-    };
-    return o`
+import { RekeElement as e } from "../../shared/base-element.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
+import { styles as n } from "./reke-file-upload.styles.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o, query as s, state as c } from "lit/decorators.js";
+import { classMap as l } from "lit/directives/class-map.js";
+//#region src/components/reke-file-upload/reke-file-upload.ts
+var u = class extends e {
+	constructor(...e) {
+		super(...e), this.accept = "", this.hint = "", this.disabled = !1, this.error = !1, this.errorMessage = "", this.compact = !1, this._dragging = !1, this._fileName = "";
+	}
+	static {
+		this.styles = n;
+	}
+	handleClick() {
+		this.disabled || this._input.click();
+	}
+	handleDragOver(e) {
+		e.preventDefault(), e.stopPropagation(), this.disabled || (this._dragging = !0);
+	}
+	handleDragLeave(e) {
+		e.preventDefault(), e.stopPropagation(), this._dragging = !1;
+	}
+	handleDrop(e) {
+		if (e.preventDefault(), e.stopPropagation(), this._dragging = !1, this.disabled) return;
+		let t = e.dataTransfer?.files[0];
+		t && (this._fileName = t.name, this.emit("reke-file-select", { file: t }));
+	}
+	handleInputChange() {
+		let e = this._input.files?.[0];
+		e && (this._fileName = e.name, this.emit("reke-file-select", { file: e }));
+	}
+	clear() {
+		this._fileName = "", this._input && (this._input.value = ""), this.emit("reke-file-clear");
+	}
+	render() {
+		return r`
       <div
         part="dropzone"
-        class=${m(e)}
+        class=${l({
+			dropzone: !0,
+			"dropzone--dragging": this._dragging,
+			"dropzone--error": this.error,
+			"dropzone--compact": this.compact
+		})}
         @click=${this.handleClick}
         @dragover=${this.handleDragOver}
         @dragleave=${this.handleDragLeave}
@@ -52,57 +50,35 @@ let r = class extends u {
         role="button"
         tabindex="0"
         aria-label="Upload file"
-        @keydown=${(t) => {
-      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.handleClick());
-    }}
+        @keydown=${(e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClick());
+		}}
       >
         <div class="icon" aria-hidden="true">&#8593;</div>
         <div class="text">
-          ${this._fileName ? o`<span class="text__file">${this._fileName}</span>` : o`<span class="text__primary">
+          ${this._fileName ? r`<span class="text__file">${this._fileName}</span>` : r`<span class="text__primary">
                 ${this._dragging ? "drop file here" : "drag or select file"}
               </span>`}
-          ${this.error && this.errorMessage ? o`<span class="text__error">${this.errorMessage}</span>` : this.hint ? o`<span class="text__secondary">${this.hint}</span>` : d}
+          ${this.error && this.errorMessage ? r`<span class="text__error">${this.errorMessage}</span>` : this.hint ? r`<span class="text__secondary">${this.hint}</span>` : i}
         </div>
       </div>
       <input
         type="file"
-        accept=${this.accept || d}
+        accept=${this.accept || i}
         @change=${this.handleInputChange}
       />
     `;
-  }
-};
-r.styles = _;
-i([
-  s()
-], r.prototype, "accept", 2);
-i([
-  s()
-], r.prototype, "hint", 2);
-i([
-  s({ type: Boolean, reflect: !0 })
-], r.prototype, "disabled", 2);
-i([
-  s({ type: Boolean, reflect: !0 })
-], r.prototype, "error", 2);
-i([
-  s({ attribute: "error-message" })
-], r.prototype, "errorMessage", 2);
-i([
-  s({ type: Boolean, reflect: !0 })
-], r.prototype, "compact", 2);
-i([
-  c()
-], r.prototype, "_dragging", 2);
-i([
-  c()
-], r.prototype, "_fileName", 2);
-i([
-  f('input[type="file"]')
-], r.prototype, "_input", 2);
-r = i([
-  g("reke-file-upload")
-], r);
-export {
-  r as RekeFileUpload
+	}
 };
+t([o()], u.prototype, "accept", void 0), t([o()], u.prototype, "hint", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "disabled", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "error", void 0), t([o({ attribute: "error-message" })], u.prototype, "errorMessage", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "compact", void 0), t([c()], u.prototype, "_dragging", void 0), t([c()], u.prototype, "_fileName", void 0), t([s("input[type=\"file\"]")], u.prototype, "_input", void 0), u = t([a("reke-file-upload")], u);
+//#endregion
+export { u as RekeFileUpload };

package/dist/components/reke-file-upload/reke-file-upload.styles.js

@@ -1,8 +1,7 @@
 import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
-import { css as r } from "lit";
-const a = [
-  e,
-  r`
+import { css as t } from "lit";
+//#region src/components/reke-file-upload/reke-file-upload.styles.ts
+var n = [e, t`
     :host {
       display: block;
     }
@@ -81,7 +80,7 @@ const a = [
     .text__secondary {
       font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
       font-size: var(--reke-font-size-2xs, 11px);
-      color: var(--reke-color-text-disabled, #3b3b3b);
+      color: var(--reke-color-text-ghost, #7A7A7A);
     }
 
     .text__file {
@@ -100,8 +99,6 @@ const a = [
     input[type='file'] {
       display: none;
     }
-  `
-];
-export {
-  a as styles
-};
+  `];
+//#endregion
+export { n as styles };

package/dist/components/reke-input/reke-input.js

@@ -1,73 +1,54 @@
-import { nothing as n, html as u } from "lit";
-import { property as l, customElement as d } from "lit/decorators.js";
-import { classMap as c } from "lit/directives/class-map.js";
-import { RekeElement as m } from "../../shared/base-element.js";
-import { styles as b } from "./reke-input.styles.js";
-var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, t = (s, a, p, i) => {
-  for (var r = i > 1 ? void 0 : i ? y(a, p) : a, o = s.length - 1, h; o >= 0; o--)
-    (h = s[o]) && (r = (i ? h(a, p, r) : h(r)) || r);
-  return i && r && v(a, p, r), r;
-};
-let e = class extends m {
-  constructor() {
-    super(...arguments), this.value = "", this.placeholder = "", this.type = "text", this.size = "md", this.disabled = !1, this.error = !1, this.label = "";
-  }
-  handleInput(s) {
-    const a = s.target;
-    this.value = a.value, this.emit("reke-input", { value: this.value });
-  }
-  handleChange() {
-    this.emit("reke-change", { value: this.value });
-  }
-  render() {
-    const s = {
-      input: !0,
-      [`input--${this.size}`]: !0,
-      "input--error": this.error
-    };
-    return u`
-      ${this.label ? u`<label class="label">${this.label}</label>` : n}
+import { RekeElement as e } from "../../shared/base-element.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
+import { styles as n } from "./reke-input.styles.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/components/reke-input/reke-input.ts
+var c = class extends e {
+	constructor(...e) {
+		super(...e), this.value = "", this.placeholder = "", this.type = "text", this.size = "md", this.disabled = !1, this.error = !1, this.label = "";
+	}
+	static {
+		this.styles = n;
+	}
+	handleInput(e) {
+		let t = e.target;
+		this.value = t.value, this.emit("reke-input", { value: this.value });
+	}
+	handleChange() {
+		this.emit("reke-change", { value: this.value });
+	}
+	render() {
+		let e = {
+			input: !0,
+			[`input--${this.size}`]: !0,
+			"input--error": this.error
+		};
+		return r`
+      ${this.label ? r`<label class="label">${this.label}</label>` : i}
       <input
         part="input"
-        class=${c(s)}
+        class=${s(e)}
         type=${this.type}
         .value=${this.value}
-        placeholder=${this.placeholder || n}
+        placeholder=${this.placeholder || i}
         ?disabled=${this.disabled}
         aria-disabled=${this.disabled}
         aria-invalid=${this.error}
-        aria-label=${this.label || n}
+        aria-label=${this.label || i}
         @input=${this.handleInput}
         @change=${this.handleChange}
       />
     `;
-  }
-};
-e.styles = b;
-t([
-  l()
-], e.prototype, "value", 2);
-t([
-  l()
-], e.prototype, "placeholder", 2);
-t([
-  l()
-], e.prototype, "type", 2);
-t([
-  l({ reflect: !0 })
-], e.prototype, "size", 2);
-t([
-  l({ type: Boolean, reflect: !0 })
-], e.prototype, "disabled", 2);
-t([
-  l({ type: Boolean, reflect: !0 })
-], e.prototype, "error", 2);
-t([
-  l()
-], e.prototype, "label", 2);
-e = t([
-  d("reke-input")
-], e);
-export {
-  e as RekeInput
+	}
 };
+t([o()], c.prototype, "value", void 0), t([o()], c.prototype, "placeholder", void 0), t([o()], c.prototype, "type", void 0), t([o({ reflect: !0 })], c.prototype, "size", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "error", void 0), t([o()], c.prototype, "label", void 0), c = t([a("reke-input")], c);
+//#endregion
+export { c as RekeInput };

package/dist/components/reke-input/reke-input.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-input/reke-input.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA0ElB,CAAC"}
+{"version":3,"file":"reke-input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-input/reke-input.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA2ElB,CAAC"}

package/dist/components/reke-input/reke-input.styles.js

@@ -1,8 +1,7 @@
 import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
-import { css as r } from "lit";
-const s = [
-  e,
-  r`
+import { css as t } from "lit";
+//#region src/components/reke-input/reke-input.styles.ts
+var n = [e, t`
     :host {
       display: inline-block;
     }
@@ -23,7 +22,8 @@ const s = [
     .input {
       display: block;
       width: 100%;
-      background-color: var(--reke-color-surface, #1A1A1A);
+      background: var(--reke-color-input-bg, var(--reke-color-surface, #1A1A1A));
+      box-shadow: var(--reke-shadow-input, none);
       color: var(--reke-color-text, #E5E5E5);
       border: 1px solid var(--reke-color-border, #252525);
       border-radius: var(--reke-radius, 4px);
@@ -73,8 +73,6 @@ const s = [
       padding: var(--reke-space-md, 16px) var(--reke-space-lg, 20px);
       font-size: var(--reke-font-size-md, 14px);
     }
-  `
-];
-export {
-  s as styles
-};
+  `];
+//#endregion
+export { n as styles };