reke-ui 0.1.2 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/README.md +21 -0
  2. package/cli/install-skills.mjs +169 -0
  3. package/custom-elements.json +272 -28
  4. package/dist/__type-checks__/no-lit-in-public-types.d.ts +2 -0
  5. package/dist/__type-checks__/no-lit-in-public-types.d.ts.map +1 -0
  6. package/dist/_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js +9 -0
  7. package/dist/components/reke-alert/reke-alert.d.ts.map +1 -1
  8. package/dist/components/reke-alert/reke-alert.js +32 -40
  9. package/dist/components/reke-alert/reke-alert.styles.js +7 -10
  10. package/dist/components/reke-badge/reke-badge.js +26 -40
  11. package/dist/components/reke-badge/reke-badge.styles.js +7 -10
  12. package/dist/components/reke-button/reke-button.d.ts.map +1 -1
  13. package/dist/components/reke-button/reke-button.js +41 -52
  14. package/dist/components/reke-button/reke-button.styles.js +7 -10
  15. package/dist/components/reke-card/reke-card.d.ts.map +1 -1
  16. package/dist/components/reke-card/reke-card.js +38 -58
  17. package/dist/components/reke-card/reke-card.styles.js +7 -10
  18. package/dist/components/reke-checkbox/reke-checkbox.js +40 -47
  19. package/dist/components/reke-checkbox/reke-checkbox.styles.d.ts.map +1 -1
  20. package/dist/components/reke-checkbox/reke-checkbox.styles.js +7 -9
  21. package/dist/components/reke-chip/reke-chip.d.ts.map +1 -1
  22. package/dist/components/reke-chip/reke-chip.js +42 -50
  23. package/dist/components/reke-chip/reke-chip.styles.d.ts.map +1 -1
  24. package/dist/components/reke-chip/reke-chip.styles.js +16 -13
  25. package/dist/components/reke-date-range/reke-date-range.d.ts.map +1 -1
  26. package/dist/components/reke-date-range/reke-date-range.js +240 -260
  27. package/dist/components/reke-date-range/reke-date-range.styles.d.ts.map +1 -1
  28. package/dist/components/reke-date-range/reke-date-range.styles.js +29 -16
  29. package/dist/components/reke-dialog/reke-dialog.d.ts.map +1 -1
  30. package/dist/components/reke-dialog/reke-dialog.js +52 -65
  31. package/dist/components/reke-dialog/reke-dialog.styles.d.ts.map +1 -1
  32. package/dist/components/reke-dialog/reke-dialog.styles.js +8 -10
  33. package/dist/components/reke-file-upload/reke-file-upload.d.ts.map +1 -1
  34. package/dist/components/reke-file-upload/reke-file-upload.js +62 -86
  35. package/dist/components/reke-file-upload/reke-file-upload.styles.js +7 -10
  36. package/dist/components/reke-input/reke-input.js +42 -61
  37. package/dist/components/reke-input/reke-input.styles.d.ts.map +1 -1
  38. package/dist/components/reke-input/reke-input.styles.js +8 -10
  39. package/dist/components/reke-select/reke-select.d.ts.map +1 -1
  40. package/dist/components/reke-select/reke-select.js +66 -89
  41. package/dist/components/reke-select/reke-select.styles.d.ts.map +1 -1
  42. package/dist/components/reke-select/reke-select.styles.js +9 -11
  43. package/dist/components/reke-table/reke-table.d.ts +134 -23
  44. package/dist/components/reke-table/reke-table.d.ts.map +1 -1
  45. package/dist/components/reke-table/reke-table.js +242 -143
  46. package/dist/components/reke-table/reke-table.styles.d.ts.map +1 -1
  47. package/dist/components/reke-table/reke-table.styles.js +67 -9
  48. package/dist/components/reke-textarea/reke-textarea.js +42 -61
  49. package/dist/components/reke-textarea/reke-textarea.styles.js +6 -9
  50. package/dist/components/reke-toast/reke-toast.d.ts.map +1 -1
  51. package/dist/components/reke-toast/reke-toast.js +50 -68
  52. package/dist/components/reke-toast/reke-toast.styles.d.ts.map +1 -1
  53. package/dist/components/reke-toast/reke-toast.styles.js +13 -12
  54. package/dist/components/reke-toggle/reke-toggle.js +36 -43
  55. package/dist/components/reke-toggle/reke-toggle.styles.js +7 -10
  56. package/dist/components/reke-tooltip/reke-tooltip.js +31 -47
  57. package/dist/components/reke-tooltip/reke-tooltip.styles.js +6 -9
  58. package/dist/index.d.ts +23 -23
  59. package/dist/index.d.ts.map +1 -1
  60. package/dist/index.js +15 -33
  61. package/dist/react-bridge/table.d.ts +58 -0
  62. package/dist/react-bridge/table.d.ts.map +1 -0
  63. package/dist/react-bridge/table.js +115 -0
  64. package/dist/react.d.ts +12 -26
  65. package/dist/react.d.ts.map +1 -1
  66. package/dist/react.js +110 -146
  67. package/dist/shared/base-element.js +13 -15
  68. package/dist/shared/tailwind-styles.js +6 -6
  69. package/dist/shared/tailwind.js +4 -0
  70. package/dist/tokens/reke-tokens.css +47 -0
  71. package/package.json +40 -20
  72. package/dist/shared/tailwind.css.js +0 -4
@@ -1,8 +1,7 @@
1
1
  import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
2
- import { css as r } from "lit";
3
- const t = [
4
- e,
5
- r`
2
+ import { css as t } from "lit";
3
+ //#region src/components/reke-textarea/reke-textarea.styles.ts
4
+ var n = [e, t`
6
5
  :host {
7
6
  display: inline-block;
8
7
  }
@@ -69,8 +68,6 @@ const t = [
69
68
  padding: var(--reke-space-md, 16px) var(--reke-space-lg, 20px);
70
69
  font-size: var(--reke-font-size-md, 14px);
71
70
  }
72
- `
73
- ];
74
- export {
75
- t as styles
76
- };
71
+ `];
72
+ //#endregion
73
+ export { n as styles };
@@ -1 +1 @@
1
- {"version":3,"file":"reke-toast.d.ts","sourceRoot":"","sources":["../../../src/components/reke-toast/reke-toast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AASpE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,YAAY,CAAa;IAGlC,OAAO,SAAM;IAEb,4CAA4C;IAE5C,MAAM,SAAM;IAEZ,8DAA8D;IAE9D,QAAQ,SAAK;IAEb,OAAO,CAAC,MAAM,CAA4C;IAEjD,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,UAAU;IAOlB,OAAO;IAKP,OAAO,CAAC,YAAY;IAIX,MAAM;CAqChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
1
+ {"version":3,"file":"reke-toast.d.ts","sourceRoot":"","sources":["../../../src/components/reke-toast/reke-toast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AASpE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,YAAY,CAAa;IAGlC,OAAO,SAAM;IAEb,4CAA4C;IAE5C,MAAM,SAAM;IAEZ,8DAA8D;IAE9D,QAAQ,SAAK;IAEb,OAAO,CAAC,MAAM,CAA4C;IAEjD,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,UAAU;IAOlB,OAAO;IAKP,OAAO,CAAC,YAAY;IAIX,MAAM;CAuChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -1,56 +1,54 @@
1
- import { html as e, nothing as p } from "lit";
2
- import { property as c, customElement as h } from "lit/decorators.js";
3
- import { classMap as v } from "lit/directives/class-map.js";
4
- import { RekeElement as u } from "../../shared/base-element.js";
5
- import { styles as d } from "./reke-toast.styles.js";
6
- var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, i = (r, a, n, o) => {
7
- for (var t = o > 1 ? void 0 : o ? _(a, n) : a, l = r.length - 1, m; l >= 0; l--)
8
- (m = r[l]) && (t = (o ? m(a, n, t) : m(t)) || t);
9
- return o && t && y(a, n, t), t;
10
- };
11
- const x = {
12
- success: e`<svg viewBox="0 0 24 24"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>`,
13
- error: e`<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>`,
14
- warning: e`<svg viewBox="0 0 24 24"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>`,
15
- info: e`<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>`
16
- };
17
- let s = class extends u {
18
- constructor() {
19
- super(...arguments), this.variant = "success", this.message = "", this.action = "", this.duration = 0;
20
- }
21
- connectedCallback() {
22
- super.connectedCallback(), this.startTimer();
23
- }
24
- disconnectedCallback() {
25
- super.disconnectedCallback(), this.clearTimer();
26
- }
27
- startTimer() {
28
- this.clearTimer(), this.duration > 0 && (this._timer = setTimeout(() => this.dismiss(), this.duration));
29
- }
30
- clearTimer() {
31
- this._timer !== void 0 && (clearTimeout(this._timer), this._timer = void 0);
32
- }
33
- dismiss() {
34
- this.emit("reke-close"), this.remove();
35
- }
36
- handleAction() {
37
- this.emit("reke-action");
38
- }
39
- render() {
40
- const r = {
41
- toast: !0,
42
- [`toast--${this.variant}`]: !0
43
- };
44
- return e`
45
- <div part="toast" class=${v(r)} role="status">
1
+ import { RekeElement as e } from "../../shared/base-element.js";
2
+ import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
3
+ import { styles as n } from "./reke-toast.styles.js";
4
+ import { html as r, nothing as i } from "lit";
5
+ import { customElement as a, property as o } from "lit/decorators.js";
6
+ import { classMap as s } from "lit/directives/class-map.js";
7
+ //#region src/components/reke-toast/reke-toast.ts
8
+ var c = {
9
+ success: r`<svg viewBox="0 0 24 24"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>`,
10
+ error: r`<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>`,
11
+ warning: r`<svg viewBox="0 0 24 24"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>`,
12
+ info: r`<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>`
13
+ }, l = class extends e {
14
+ constructor(...e) {
15
+ super(...e), this.variant = "success", this.message = "", this.action = "", this.duration = 0;
16
+ }
17
+ static {
18
+ this.styles = n;
19
+ }
20
+ connectedCallback() {
21
+ super.connectedCallback(), this.startTimer();
22
+ }
23
+ disconnectedCallback() {
24
+ super.disconnectedCallback(), this.clearTimer();
25
+ }
26
+ startTimer() {
27
+ this.clearTimer(), this.duration > 0 && (this._timer = setTimeout(() => this.dismiss(), this.duration));
28
+ }
29
+ clearTimer() {
30
+ this._timer !== void 0 && (clearTimeout(this._timer), this._timer = void 0);
31
+ }
32
+ dismiss() {
33
+ this.emit("reke-close"), this.remove();
34
+ }
35
+ handleAction() {
36
+ this.emit("reke-action");
37
+ }
38
+ render() {
39
+ return r`
40
+ <div part="toast" class=${s({
41
+ toast: !0,
42
+ [`toast--${this.variant}`]: !0
43
+ })} role="status">
46
44
  <div class="toast__left">
47
45
  <span class="toast__icon" aria-hidden="true">
48
- ${x[this.variant]}
46
+ ${c[this.variant]}
49
47
  </span>
50
48
  <span class="toast__message">${this.message}</span>
51
49
  </div>
52
50
  <div class="toast__right">
53
- ${this.action ? e`
51
+ ${this.action ? r`
54
52
  <button
55
53
  class="toast__action"
56
54
  type="button"
@@ -58,7 +56,7 @@ let s = class extends u {
58
56
  >
59
57
  ${this.action}
60
58
  </button>
61
- ` : p}
59
+ ` : i}
62
60
  <button
63
61
  class="toast__close"
64
62
  @click=${() => this.dismiss()}
@@ -69,24 +67,8 @@ let s = class extends u {
69
67
  </div>
70
68
  </div>
71
69
  `;
72
- }
73
- };
74
- s.styles = d;
75
- i([
76
- c({ reflect: !0 })
77
- ], s.prototype, "variant", 2);
78
- i([
79
- c()
80
- ], s.prototype, "message", 2);
81
- i([
82
- c()
83
- ], s.prototype, "action", 2);
84
- i([
85
- c({ type: Number })
86
- ], s.prototype, "duration", 2);
87
- s = i([
88
- h("reke-toast")
89
- ], s);
90
- export {
91
- s as RekeToast
70
+ }
92
71
  };
72
+ t([o({ reflect: !0 })], l.prototype, "variant", void 0), t([o()], l.prototype, "message", void 0), t([o()], l.prototype, "action", void 0), t([o({ type: Number })], l.prototype, "duration", void 0), l = t([a("reke-toast")], l);
73
+ //#endregion
74
+ export { l as RekeToast };
@@ -1 +1 @@
1
- {"version":3,"file":"reke-toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-toast/reke-toast.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAgLlB,CAAC"}
1
+ {"version":3,"file":"reke-toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-toast/reke-toast.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAoLlB,CAAC"}
@@ -1,8 +1,7 @@
1
- import { tailwindStyles as o } from "../../shared/tailwind-styles.js";
2
- import { css as r } from "lit";
3
- const a = [
4
- o,
5
- r`
1
+ import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
2
+ import { css as t } from "lit";
3
+ //#region src/components/reke-toast/reke-toast.styles.ts
4
+ var n = [e, t`
6
5
  :host {
7
6
  display: block;
8
7
  animation: toast-in var(--reke-transition-normal, 0.2s ease) both;
@@ -40,18 +39,22 @@ const a = [
40
39
 
41
40
  .toast--error {
42
41
  border-left-color: var(--reke-color-danger, #EF4444);
42
+ background-color: color-mix(in srgb, var(--reke-color-danger, #EF4444) 8%, var(--reke-color-surface, #1A1A1A));
43
43
  }
44
44
 
45
45
  .toast--success {
46
46
  border-left-color: var(--reke-color-primary, #22C55E);
47
+ background-color: color-mix(in srgb, var(--reke-color-primary, #22C55E) 8%, var(--reke-color-surface, #1A1A1A));
47
48
  }
48
49
 
49
50
  .toast--warning {
50
51
  border-left-color: var(--reke-color-warning, #F59E0B);
52
+ background-color: color-mix(in srgb, var(--reke-color-warning, #F59E0B) 8%, var(--reke-color-surface, #1A1A1A));
51
53
  }
52
54
 
53
55
  .toast--info {
54
56
  border-left-color: var(--reke-color-secondary, #3B82F6);
57
+ background-color: color-mix(in srgb, var(--reke-color-secondary, #3B82F6) 8%, var(--reke-color-surface, #1A1A1A));
55
58
  }
56
59
 
57
60
  /* === Left section === */
@@ -155,8 +158,8 @@ const a = [
155
158
  display: flex;
156
159
  align-items: center;
157
160
  justify-content: center;
158
- width: 20px;
159
- height: 20px;
161
+ width: 24px;
162
+ height: 24px;
160
163
  background: transparent;
161
164
  border: none;
162
165
  color: var(--reke-color-text-muted, #525252);
@@ -175,8 +178,6 @@ const a = [
175
178
  outline: 2px solid var(--reke-color-primary, #22C55E);
176
179
  outline-offset: 2px;
177
180
  }
178
- `
179
- ];
180
- export {
181
- a as styles
182
- };
181
+ `];
182
+ //#endregion
183
+ export { n as styles };
@@ -1,32 +1,32 @@
1
- import { nothing as d, html as n } from "lit";
2
- import { property as o, customElement as p } from "lit/decorators.js";
3
- import { RekeElement as k } from "../../shared/base-element.js";
4
- import { styles as b } from "./reke-toggle.styles.js";
5
- var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, c = (t, s, i, r) => {
6
- for (var e = r > 1 ? void 0 : r ? f(s, i) : s, h = t.length - 1, a; h >= 0; h--)
7
- (a = t[h]) && (e = (r ? a(s, i, e) : a(e)) || e);
8
- return r && e && m(s, i, e), e;
9
- };
10
- let l = class extends k {
11
- constructor() {
12
- super(...arguments), this.checked = !1, this.disabled = !1, this.label = "";
13
- }
14
- toggle() {
15
- this.disabled || (this.checked = !this.checked, this.emit("reke-change", { checked: this.checked }));
16
- }
17
- handleClick() {
18
- this.toggle();
19
- }
20
- handleKeyDown(t) {
21
- (t.key === " " || t.key === "Enter") && (t.preventDefault(), this.toggle());
22
- }
23
- render() {
24
- return n`
1
+ import { RekeElement as e } from "../../shared/base-element.js";
2
+ import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
3
+ import { styles as n } from "./reke-toggle.styles.js";
4
+ import { html as r, nothing as i } from "lit";
5
+ import { customElement as a, property as o } from "lit/decorators.js";
6
+ //#region src/components/reke-toggle/reke-toggle.ts
7
+ var s = class extends e {
8
+ constructor(...e) {
9
+ super(...e), this.checked = !1, this.disabled = !1, this.label = "";
10
+ }
11
+ static {
12
+ this.styles = n;
13
+ }
14
+ toggle() {
15
+ this.disabled || (this.checked = !this.checked, this.emit("reke-change", { checked: this.checked }));
16
+ }
17
+ handleClick() {
18
+ this.toggle();
19
+ }
20
+ handleKeyDown(e) {
21
+ (e.key === " " || e.key === "Enter") && (e.preventDefault(), this.toggle());
22
+ }
23
+ render() {
24
+ return r`
25
25
  <div
26
26
  class="toggle"
27
27
  role="switch"
28
28
  aria-checked=${this.checked}
29
- aria-label=${this.label || d}
29
+ aria-label=${this.label || i}
30
30
  tabindex=${this.disabled ? -1 : 0}
31
31
  @click=${this.handleClick}
32
32
  @keydown=${this.handleKeyDown}
@@ -34,24 +34,17 @@ let l = class extends k {
34
34
  <div part="track" class="track ${this.checked ? "track--checked" : ""}">
35
35
  <div part="thumb" class="thumb ${this.checked ? "thumb--checked" : ""}"></div>
36
36
  </div>
37
- ${this.label ? n`<span class="label">${this.label}</span>` : d}
37
+ ${this.label ? r`<span class="label">${this.label}</span>` : i}
38
38
  </div>
39
39
  `;
40
- }
41
- };
42
- l.styles = b;
43
- c([
44
- o({ type: Boolean, reflect: !0 })
45
- ], l.prototype, "checked", 2);
46
- c([
47
- o({ type: Boolean, reflect: !0 })
48
- ], l.prototype, "disabled", 2);
49
- c([
50
- o()
51
- ], l.prototype, "label", 2);
52
- l = c([
53
- p("reke-toggle")
54
- ], l);
55
- export {
56
- l as RekeToggle
40
+ }
57
41
  };
42
+ t([o({
43
+ type: Boolean,
44
+ reflect: !0
45
+ })], s.prototype, "checked", void 0), t([o({
46
+ type: Boolean,
47
+ reflect: !0
48
+ })], s.prototype, "disabled", void 0), t([o()], s.prototype, "label", void 0), s = t([a("reke-toggle")], s);
49
+ //#endregion
50
+ export { s as RekeToggle };
@@ -1,8 +1,7 @@
1
- import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
2
- import { css as o } from "lit";
3
- const a = [
4
- r,
5
- o`
1
+ import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
2
+ import { css as t } from "lit";
3
+ //#region src/components/reke-toggle/reke-toggle.styles.ts
4
+ var n = [e, t`
6
5
  :host {
7
6
  display: inline-flex;
8
7
  align-items: center;
@@ -64,8 +63,6 @@ const a = [
64
63
  font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
65
64
  font-size: var(--reke-font-size-sm, 13px);
66
65
  }
67
- `
68
- ];
69
- export {
70
- a as styles
71
- };
66
+ `];
67
+ //#endregion
68
+ export { n as styles };
@@ -1,31 +1,31 @@
1
- import { html as m } from "lit";
2
- import { property as a, state as u, customElement as d } from "lit/decorators.js";
3
- import { RekeElement as c } from "../../shared/base-element.js";
1
+ import { RekeElement as e } from "../../shared/base-element.js";
2
+ import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
4
3
  import { styles as n } from "./reke-tooltip.styles.js";
5
- var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (h, o, l, s) => {
6
- for (var t = s > 1 ? void 0 : s ? v(o, l) : o, r = h.length - 1, p; r >= 0; r--)
7
- (p = h[r]) && (t = (s ? p(o, l, t) : p(t)) || t);
8
- return s && t && y(o, l, t), t;
9
- };
10
- let e = class extends c {
11
- constructor() {
12
- super(...arguments), this.text = "", this.position = "top", this.delay = 200, this._visible = !1;
13
- }
14
- show() {
15
- clearTimeout(this._delayTimeout), this._delayTimeout = setTimeout(() => {
16
- this._visible = !0;
17
- }, this.delay);
18
- }
19
- hide() {
20
- clearTimeout(this._delayTimeout), this._delayTimeout = setTimeout(() => {
21
- this._visible = !1;
22
- }, this.delay);
23
- }
24
- disconnectedCallback() {
25
- super.disconnectedCallback(), clearTimeout(this._delayTimeout);
26
- }
27
- render() {
28
- return m`
4
+ import { html as r } from "lit";
5
+ import { customElement as i, property as a, state as o } from "lit/decorators.js";
6
+ //#region src/components/reke-tooltip/reke-tooltip.ts
7
+ var s = class extends e {
8
+ constructor(...e) {
9
+ super(...e), this.text = "", this.position = "top", this.delay = 200, this._visible = !1;
10
+ }
11
+ static {
12
+ this.styles = n;
13
+ }
14
+ show() {
15
+ clearTimeout(this._delayTimeout), this._delayTimeout = setTimeout(() => {
16
+ this._visible = !0;
17
+ }, this.delay);
18
+ }
19
+ hide() {
20
+ clearTimeout(this._delayTimeout), this._delayTimeout = setTimeout(() => {
21
+ this._visible = !1;
22
+ }, this.delay);
23
+ }
24
+ disconnectedCallback() {
25
+ super.disconnectedCallback(), clearTimeout(this._delayTimeout);
26
+ }
27
+ render() {
28
+ return r`
29
29
  <div
30
30
  class="wrapper"
31
31
  aria-describedby="tooltip"
@@ -44,24 +44,8 @@ let e = class extends c {
44
44
  <slot></slot>
45
45
  </div>
46
46
  `;
47
- }
48
- };
49
- e.styles = n;
50
- i([
51
- a()
52
- ], e.prototype, "text", 2);
53
- i([
54
- a({ reflect: !0 })
55
- ], e.prototype, "position", 2);
56
- i([
57
- a({ type: Number })
58
- ], e.prototype, "delay", 2);
59
- i([
60
- u()
61
- ], e.prototype, "_visible", 2);
62
- e = i([
63
- d("reke-tooltip")
64
- ], e);
65
- export {
66
- e as RekeTooltip
47
+ }
67
48
  };
49
+ t([a()], s.prototype, "text", void 0), t([a({ reflect: !0 })], s.prototype, "position", void 0), t([a({ type: Number })], s.prototype, "delay", void 0), t([o()], s.prototype, "_visible", void 0), s = t([i("reke-tooltip")], s);
50
+ //#endregion
51
+ export { s as RekeTooltip };
@@ -1,8 +1,7 @@
1
- import { tailwindStyles as o } from "../../shared/tailwind-styles.js";
1
+ import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
2
2
  import { css as t } from "lit";
3
- const i = [
4
- o,
5
- t`
3
+ //#region src/components/reke-tooltip/reke-tooltip.styles.ts
4
+ var n = [e, t`
6
5
  :host {
7
6
  display: inline-block;
8
7
  position: relative;
@@ -60,8 +59,6 @@ const i = [
60
59
  transform: translateY(-50%);
61
60
  margin-left: 6px;
62
61
  }
63
- `
64
- ];
65
- export {
66
- i as styles
67
- };
62
+ `];
63
+ //#endregion
64
+ export { n as styles };
package/dist/index.d.ts CHANGED
@@ -1,31 +1,31 @@
1
- export { RekeButton } from './components/reke-button/reke-button.js';
2
- export type { ButtonVariant, ButtonSize } from './components/reke-button/reke-button.js';
3
- export { RekeInput } from './components/reke-input/reke-input.js';
4
- export type { InputSize } from './components/reke-input/reke-input.js';
5
- export { RekeTextarea } from './components/reke-textarea/reke-textarea.js';
6
- export type { TextareaSize } from './components/reke-textarea/reke-textarea.js';
7
- export { RekeCheckbox } from './components/reke-checkbox/reke-checkbox.js';
8
- export { RekeToggle } from './components/reke-toggle/reke-toggle.js';
1
+ export type { AlertVariant } from './components/reke-alert/reke-alert.js';
2
+ export { RekeAlert } from './components/reke-alert/reke-alert.js';
3
+ export type { BadgeShape, BadgeSize, BadgeVariant } from './components/reke-badge/reke-badge.js';
9
4
  export { RekeBadge } from './components/reke-badge/reke-badge.js';
10
- export type { BadgeVariant, BadgeSize, BadgeShape } from './components/reke-badge/reke-badge.js';
5
+ export type { ButtonSize, ButtonVariant } from './components/reke-button/reke-button.js';
6
+ export { RekeButton } from './components/reke-button/reke-button.js';
7
+ export type { CardAccent, CardPadding, CardVariant } from './components/reke-card/reke-card.js';
11
8
  export { RekeCard } from './components/reke-card/reke-card.js';
12
- export type { CardVariant, CardPadding, CardAccent } from './components/reke-card/reke-card.js';
13
- export { RekeTooltip } from './components/reke-tooltip/reke-tooltip.js';
14
- export type { TooltipPosition } from './components/reke-tooltip/reke-tooltip.js';
15
- export { RekeDialog } from './components/reke-dialog/reke-dialog.js';
9
+ export { RekeCheckbox } from './components/reke-checkbox/reke-checkbox.js';
10
+ export type { ChipColor } from './components/reke-chip/reke-chip.js';
11
+ export { RekeChip } from './components/reke-chip/reke-chip.js';
12
+ export type { DatePickerMode } from './components/reke-date-range/reke-date-range.js';
13
+ export { RekeDateRange } from './components/reke-date-range/reke-date-range.js';
16
14
  export type { DialogVariant, DrawerPosition } from './components/reke-dialog/reke-dialog.js';
17
- export { RekeSelect } from './components/reke-select/reke-select.js';
15
+ export { RekeDialog } from './components/reke-dialog/reke-dialog.js';
16
+ export { RekeFileUpload } from './components/reke-file-upload/reke-file-upload.js';
17
+ export type { InputSize } from './components/reke-input/reke-input.js';
18
+ export { RekeInput } from './components/reke-input/reke-input.js';
18
19
  export type { SelectSize } from './components/reke-select/reke-select.js';
20
+ export { RekeSelect } from './components/reke-select/reke-select.js';
21
+ export type { Cleanup, ExpandedRowElement, GetRowKey, RowKey, TableColumn, TableRow, } from './components/reke-table/reke-table.js';
19
22
  export { RekeTable } from './components/reke-table/reke-table.js';
20
- export type { TableColumn, TableRow, ExpandedRowRenderer } from './components/reke-table/reke-table.js';
21
- export { RekeDateRange } from './components/reke-date-range/reke-date-range.js';
22
- export type { DatePickerMode } from './components/reke-date-range/reke-date-range.js';
23
- export { RekeFileUpload } from './components/reke-file-upload/reke-file-upload.js';
24
- export { RekeAlert } from './components/reke-alert/reke-alert.js';
25
- export type { AlertVariant } from './components/reke-alert/reke-alert.js';
26
- export { RekeToast } from './components/reke-toast/reke-toast.js';
23
+ export type { TextareaSize } from './components/reke-textarea/reke-textarea.js';
24
+ export { RekeTextarea } from './components/reke-textarea/reke-textarea.js';
27
25
  export type { ToastVariant } from './components/reke-toast/reke-toast.js';
28
- export { RekeChip } from './components/reke-chip/reke-chip.js';
29
- export type { ChipColor } from './components/reke-chip/reke-chip.js';
26
+ export { RekeToast } from './components/reke-toast/reke-toast.js';
27
+ export { RekeToggle } from './components/reke-toggle/reke-toggle.js';
28
+ export type { TooltipPosition } from './components/reke-tooltip/reke-tooltip.js';
29
+ export { RekeTooltip } from './components/reke-tooltip/reke-tooltip.js';
30
30
  export { RekeElement } from './shared/base-element.js';
31
31
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,YAAY,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACxG,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,YAAY,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EACV,OAAO,EACP,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,WAAW,EACX,QAAQ,GACT,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}
package/dist/index.js CHANGED
@@ -1,36 +1,18 @@
1
+ import { RekeElement as e } from "./shared/base-element.js";
2
+ import { RekeAlert as t } from "./components/reke-alert/reke-alert.js";
3
+ import { RekeBadge as n } from "./components/reke-badge/reke-badge.js";
1
4
  import { RekeButton as r } from "./components/reke-button/reke-button.js";
2
- import { RekeInput as p } from "./components/reke-input/reke-input.js";
3
- import { RekeTextarea as k } from "./components/reke-textarea/reke-textarea.js";
4
- import { RekeCheckbox as R } from "./components/reke-checkbox/reke-checkbox.js";
5
- import { RekeToggle as a } from "./components/reke-toggle/reke-toggle.js";
6
- import { RekeBadge as g } from "./components/reke-badge/reke-badge.js";
7
5
  import { RekeCard as i } from "./components/reke-card/reke-card.js";
8
- import { RekeTooltip as d } from "./components/reke-tooltip/reke-tooltip.js";
9
- import { RekeDialog as b } from "./components/reke-dialog/reke-dialog.js";
10
- import { RekeSelect as h } from "./components/reke-select/reke-select.js";
11
- import { RekeTable as B } from "./components/reke-table/reke-table.js";
6
+ import { RekeCheckbox as a } from "./components/reke-checkbox/reke-checkbox.js";
7
+ import { RekeChip as o } from "./components/reke-chip/reke-chip.js";
12
8
  import { RekeDateRange as s } from "./components/reke-date-range/reke-date-range.js";
13
- import { RekeFileUpload as E } from "./components/reke-file-upload/reke-file-upload.js";
14
- import { RekeAlert as I } from "./components/reke-alert/reke-alert.js";
15
- import { RekeToast as U } from "./components/reke-toast/reke-toast.js";
16
- import { RekeChip as q } from "./components/reke-chip/reke-chip.js";
17
- import { RekeElement as w } from "./shared/base-element.js";
18
- export {
19
- I as RekeAlert,
20
- g as RekeBadge,
21
- r as RekeButton,
22
- i as RekeCard,
23
- R as RekeCheckbox,
24
- q as RekeChip,
25
- s as RekeDateRange,
26
- b as RekeDialog,
27
- w as RekeElement,
28
- E as RekeFileUpload,
29
- p as RekeInput,
30
- h as RekeSelect,
31
- B as RekeTable,
32
- k as RekeTextarea,
33
- U as RekeToast,
34
- a as RekeToggle,
35
- d as RekeTooltip
36
- };
9
+ import { RekeDialog as c } from "./components/reke-dialog/reke-dialog.js";
10
+ import { RekeFileUpload as l } from "./components/reke-file-upload/reke-file-upload.js";
11
+ import { RekeInput as u } from "./components/reke-input/reke-input.js";
12
+ import { RekeSelect as d } from "./components/reke-select/reke-select.js";
13
+ import { RekeTable as f } from "./components/reke-table/reke-table.js";
14
+ import { RekeTextarea as p } from "./components/reke-textarea/reke-textarea.js";
15
+ import { RekeToast as m } from "./components/reke-toast/reke-toast.js";
16
+ import { RekeToggle as h } from "./components/reke-toggle/reke-toggle.js";
17
+ import { RekeTooltip as g } from "./components/reke-tooltip/reke-tooltip.js";
18
+ export { t as RekeAlert, n as RekeBadge, r as RekeButton, i as RekeCard, a as RekeCheckbox, o as RekeChip, s as RekeDateRange, c as RekeDialog, e as RekeElement, l as RekeFileUpload, u as RekeInput, d as RekeSelect, f as RekeTable, p as RekeTextarea, m as RekeToast, h as RekeToggle, g as RekeTooltip };