reke-ui 0.1.0

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 (80) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +159 -0
  3. package/custom-elements.json +3536 -0
  4. package/dist/components/reke-alert/reke-alert.d.ts +31 -0
  5. package/dist/components/reke-alert/reke-alert.d.ts.map +1 -0
  6. package/dist/components/reke-alert/reke-alert.styles.d.ts +2 -0
  7. package/dist/components/reke-alert/reke-alert.styles.d.ts.map +1 -0
  8. package/dist/components/reke-badge/reke-badge.d.ts +29 -0
  9. package/dist/components/reke-badge/reke-badge.d.ts.map +1 -0
  10. package/dist/components/reke-badge/reke-badge.styles.d.ts +2 -0
  11. package/dist/components/reke-badge/reke-badge.styles.d.ts.map +1 -0
  12. package/dist/components/reke-button/reke-button.d.ts +39 -0
  13. package/dist/components/reke-button/reke-button.d.ts.map +1 -0
  14. package/dist/components/reke-button/reke-button.styles.d.ts +2 -0
  15. package/dist/components/reke-button/reke-button.styles.d.ts.map +1 -0
  16. package/dist/components/reke-card/reke-card.d.ts +31 -0
  17. package/dist/components/reke-card/reke-card.d.ts.map +1 -0
  18. package/dist/components/reke-card/reke-card.styles.d.ts +2 -0
  19. package/dist/components/reke-card/reke-card.styles.d.ts.map +1 -0
  20. package/dist/components/reke-checkbox/reke-checkbox.d.ts +32 -0
  21. package/dist/components/reke-checkbox/reke-checkbox.d.ts.map +1 -0
  22. package/dist/components/reke-checkbox/reke-checkbox.styles.d.ts +2 -0
  23. package/dist/components/reke-checkbox/reke-checkbox.styles.d.ts.map +1 -0
  24. package/dist/components/reke-chip/reke-chip.d.ts +41 -0
  25. package/dist/components/reke-chip/reke-chip.d.ts.map +1 -0
  26. package/dist/components/reke-chip/reke-chip.styles.d.ts +2 -0
  27. package/dist/components/reke-chip/reke-chip.styles.d.ts.map +1 -0
  28. package/dist/components/reke-date-range/reke-date-range.d.ts +71 -0
  29. package/dist/components/reke-date-range/reke-date-range.d.ts.map +1 -0
  30. package/dist/components/reke-date-range/reke-date-range.styles.d.ts +2 -0
  31. package/dist/components/reke-date-range/reke-date-range.styles.d.ts.map +1 -0
  32. package/dist/components/reke-dialog/reke-dialog.d.ts +39 -0
  33. package/dist/components/reke-dialog/reke-dialog.d.ts.map +1 -0
  34. package/dist/components/reke-dialog/reke-dialog.styles.d.ts +2 -0
  35. package/dist/components/reke-dialog/reke-dialog.styles.d.ts.map +1 -0
  36. package/dist/components/reke-file-upload/reke-file-upload.d.ts +45 -0
  37. package/dist/components/reke-file-upload/reke-file-upload.d.ts.map +1 -0
  38. package/dist/components/reke-file-upload/reke-file-upload.styles.d.ts +2 -0
  39. package/dist/components/reke-file-upload/reke-file-upload.styles.d.ts.map +1 -0
  40. package/dist/components/reke-input/reke-input.d.ts +37 -0
  41. package/dist/components/reke-input/reke-input.d.ts.map +1 -0
  42. package/dist/components/reke-input/reke-input.styles.d.ts +2 -0
  43. package/dist/components/reke-input/reke-input.styles.d.ts.map +1 -0
  44. package/dist/components/reke-select/reke-select.d.ts +51 -0
  45. package/dist/components/reke-select/reke-select.d.ts.map +1 -0
  46. package/dist/components/reke-select/reke-select.styles.d.ts +2 -0
  47. package/dist/components/reke-select/reke-select.styles.d.ts.map +1 -0
  48. package/dist/components/reke-table/reke-table.d.ts +76 -0
  49. package/dist/components/reke-table/reke-table.d.ts.map +1 -0
  50. package/dist/components/reke-table/reke-table.styles.d.ts +2 -0
  51. package/dist/components/reke-table/reke-table.styles.d.ts.map +1 -0
  52. package/dist/components/reke-textarea/reke-textarea.d.ts +37 -0
  53. package/dist/components/reke-textarea/reke-textarea.d.ts.map +1 -0
  54. package/dist/components/reke-textarea/reke-textarea.styles.d.ts +2 -0
  55. package/dist/components/reke-textarea/reke-textarea.styles.d.ts.map +1 -0
  56. package/dist/components/reke-toast/reke-toast.d.ts +44 -0
  57. package/dist/components/reke-toast/reke-toast.d.ts.map +1 -0
  58. package/dist/components/reke-toast/reke-toast.styles.d.ts +2 -0
  59. package/dist/components/reke-toast/reke-toast.styles.d.ts.map +1 -0
  60. package/dist/components/reke-toggle/reke-toggle.d.ts +33 -0
  61. package/dist/components/reke-toggle/reke-toggle.d.ts.map +1 -0
  62. package/dist/components/reke-toggle/reke-toggle.styles.d.ts +2 -0
  63. package/dist/components/reke-toggle/reke-toggle.styles.d.ts.map +1 -0
  64. package/dist/components/reke-tooltip/reke-tooltip.d.ts +32 -0
  65. package/dist/components/reke-tooltip/reke-tooltip.d.ts.map +1 -0
  66. package/dist/components/reke-tooltip/reke-tooltip.styles.d.ts +2 -0
  67. package/dist/components/reke-tooltip/reke-tooltip.styles.d.ts.map +1 -0
  68. package/dist/index.d.ts +31 -0
  69. package/dist/index.d.ts.map +1 -0
  70. package/dist/react.d.ts +101 -0
  71. package/dist/react.d.ts.map +1 -0
  72. package/dist/react.js +133 -0
  73. package/dist/reke-chip-Xb0Y_Cqo.js +3358 -0
  74. package/dist/reke-ui.js +20 -0
  75. package/dist/shared/base-element.d.ts +5 -0
  76. package/dist/shared/base-element.d.ts.map +1 -0
  77. package/dist/shared/tailwind-styles.d.ts +2 -0
  78. package/dist/shared/tailwind-styles.d.ts.map +1 -0
  79. package/dist/tokens/reke-tokens.css +107 -0
  80. package/package.json +149 -0
@@ -0,0 +1,31 @@
1
+ import { RekeElement } from '../../shared/base-element.js';
2
+ export type AlertVariant = 'success' | 'error' | 'warning' | 'info';
3
+ /**
4
+ * @tag reke-alert
5
+ * @summary An inline alert with color variants. Content via default slot.
6
+ *
7
+ * @slot - Default slot for alert content (icon + text, or just text).
8
+ *
9
+ * @fires reke-close - Fired when the alert is dismissed (only when dismissible).
10
+ *
11
+ * @csspart alert - The outer alert container.
12
+ *
13
+ * @cssprop [--reke-color-primary=#22C55E] - Success variant color.
14
+ * @cssprop [--reke-color-danger=#EF4444] - Error variant color.
15
+ * @cssprop [--reke-color-warning=#F59E0B] - Warning variant color.
16
+ * @cssprop [--reke-color-secondary=#3B82F6] - Info variant color.
17
+ * @cssprop [--reke-radius=4px] - Alert border radius.
18
+ */
19
+ export declare class RekeAlert extends RekeElement {
20
+ static styles: import("lit").CSSResult[];
21
+ variant: AlertVariant;
22
+ dismissible: boolean;
23
+ private handleClose;
24
+ render(): import("lit-html").TemplateResult<1>;
25
+ }
26
+ declare global {
27
+ interface HTMLElementTagNameMap {
28
+ 'reke-alert': RekeAlert;
29
+ }
30
+ }
31
+ //# sourceMappingURL=reke-alert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-alert.d.ts","sourceRoot":"","sources":["../../../src/components/reke-alert/reke-alert.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,YAAY,CAAU;IAG/B,WAAW,UAAS;IAEpB,OAAO,CAAC,WAAW;IAKV,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-alert.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-alert.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-alert/reke-alert.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAkFlB,CAAC"}
@@ -0,0 +1,29 @@
1
+ import { RekeElement } from '../../shared/base-element.js';
2
+ export type BadgeVariant = 'default' | 'primary' | 'secondary' | 'danger' | 'warning' | 'success';
3
+ export type BadgeSize = 'sm' | 'md';
4
+ /**
5
+ * @tag reke-badge
6
+ * @summary A badge component for displaying labels, statuses, and counts.
7
+ *
8
+ * @slot - Default slot for badge text.
9
+ *
10
+ * @csspart badge - The inner badge element.
11
+ *
12
+ * @cssprop [--reke-color-surface=#1A1A1A] - Default variant background color.
13
+ * @cssprop [--reke-color-text=#E5E5E5] - Default variant text color.
14
+ * @cssprop [--reke-color-border=#252525] - Default variant border color.
15
+ * @cssprop [--reke-color-primary=#22C55E] - Primary/success variant accent color.
16
+ * @cssprop [--reke-color-danger=#EF4444] - Danger variant accent color.
17
+ */
18
+ export declare class RekeBadge extends RekeElement {
19
+ static styles: import("lit").CSSResult[];
20
+ variant: BadgeVariant;
21
+ size: BadgeSize;
22
+ render(): import("lit-html").TemplateResult<1>;
23
+ }
24
+ declare global {
25
+ interface HTMLElementTagNameMap {
26
+ 'reke-badge': RekeBadge;
27
+ }
28
+ }
29
+ //# sourceMappingURL=reke-badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-badge.d.ts","sourceRoot":"","sources":["../../../src/components/reke-badge/reke-badge.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,YAAY,CAAa;IAGlC,IAAI,EAAE,SAAS,CAAQ;IAEd,MAAM;CAahB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-badge.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-badge/reke-badge.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAqElB,CAAC"}
@@ -0,0 +1,39 @@
1
+ import { RekeElement } from '../../shared/base-element.js';
2
+ export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'danger-outline' | 'icon-only';
3
+ export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
4
+ /**
5
+ * @tag reke-button
6
+ * @summary A button component with multiple variants and sizes.
7
+ *
8
+ * @slot - Default slot for button label text.
9
+ * @slot prefix - Content rendered before the label.
10
+ * @slot suffix - Content rendered after the label.
11
+ *
12
+ * @fires reke-click - Fired when the button is clicked and not disabled.
13
+ *
14
+ * @csspart button - The inner button element.
15
+ *
16
+ * @cssprop [--reke-color-primary=#22C55E] - Primary button background color.
17
+ * @cssprop [--reke-color-on-primary=#0A0A0B] - Primary button text color.
18
+ * @cssprop [--reke-color-surface=#1A1A1A] - Secondary/icon-only button background.
19
+ * @cssprop [--reke-color-border=#252525] - Secondary/icon-only button border.
20
+ * @cssprop [--reke-color-danger=#EF4444] - Danger button background.
21
+ * @cssprop [--reke-color-text=#E5E5E5] - Default text color.
22
+ * @cssprop [--reke-color-text-ghost=#737373] - Ghost variant text color.
23
+ * @cssprop [--reke-radius=4px] - Button border radius.
24
+ */
25
+ export declare class RekeButton extends RekeElement {
26
+ static styles: import("lit").CSSResult[];
27
+ variant: ButtonVariant;
28
+ size: ButtonSize;
29
+ disabled: boolean;
30
+ loading: boolean;
31
+ private handleClick;
32
+ render(): import("lit-html").TemplateResult<1>;
33
+ }
34
+ declare global {
35
+ interface HTMLElementTagNameMap {
36
+ 'reke-button': RekeButton;
37
+ }
38
+ }
39
+ //# sourceMappingURL=reke-button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-button.d.ts","sourceRoot":"","sources":["../../../src/components/reke-button/reke-button.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,gBAAgB,GAChB,WAAW,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,aAAa,CAAa;IAGnC,IAAI,EAAE,UAAU,CAAQ;IAGxB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,OAAO,CAAC,WAAW;IASV,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-button.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-button/reke-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAyLlB,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { RekeElement } from '../../shared/base-element.js';
2
+ export type CardVariant = 'default' | 'elevated' | 'outlined';
3
+ export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
4
+ /**
5
+ * @tag reke-card
6
+ * @summary A card container component with multiple variants and padding options.
7
+ *
8
+ * @slot - Default slot for card body content.
9
+ * @slot header - Content rendered in the card header.
10
+ * @slot footer - Content rendered in the card footer.
11
+ *
12
+ * @cssprop [--reke-color-surface=#1A1A1A] - Card background color.
13
+ * @cssprop [--reke-color-border=#252525] - Card border color.
14
+ * @cssprop [--reke-shadow-md=0 4px 6px rgba(0,0,0,0.3)] - Elevated variant shadow.
15
+ * @cssprop [--reke-radius=4px] - Card border radius.
16
+ */
17
+ export declare class RekeCard extends RekeElement {
18
+ static styles: import("lit").CSSResult[];
19
+ variant: CardVariant;
20
+ padding: CardPadding;
21
+ private _hasHeader;
22
+ private _hasFooter;
23
+ private _onSlotChange;
24
+ render(): import("lit-html").TemplateResult<1>;
25
+ }
26
+ declare global {
27
+ interface HTMLElementTagNameMap {
28
+ 'reke-card': RekeCard;
29
+ }
30
+ }
31
+ //# sourceMappingURL=reke-card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-card.d.ts","sourceRoot":"","sources":["../../../src/components/reke-card/reke-card.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAC9D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,qBACa,QAAS,SAAQ,WAAW;IACvC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,WAAW,CAAa;IAGjC,OAAO,EAAE,WAAW,CAAQ;IAEnB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,aAAa;IAOZ,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-card.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-card/reke-card.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA6FlB,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { RekeElement } from '../../shared/base-element.js';
2
+ /**
3
+ * @tag reke-checkbox
4
+ * @summary A checkbox component with checked, indeterminate, and disabled states.
5
+ *
6
+ * @fires reke-change - Fired when the checkbox is toggled. Detail: `{ checked: boolean }`.
7
+ *
8
+ * @csspart container - The clickable container wrapping the checkbox and label.
9
+ * @csspart box - The visual checkbox box.
10
+ * @csspart label - The label text span.
11
+ *
12
+ * @cssprop [--reke-color-primary=#22C55E] - Checked state background and border.
13
+ * @cssprop [--reke-color-surface=#1A1A1A] - Unchecked box background.
14
+ * @cssprop [--reke-color-border=#252525] - Unchecked box border.
15
+ * @cssprop [--reke-color-text=#E5E5E5] - Label text color.
16
+ */
17
+ export declare class RekeCheckbox extends RekeElement {
18
+ static styles: import("lit").CSSResult[];
19
+ checked: boolean;
20
+ indeterminate: boolean;
21
+ disabled: boolean;
22
+ label: string;
23
+ private handleClick;
24
+ private handleKeyDown;
25
+ render(): import("lit-html").TemplateResult<1>;
26
+ }
27
+ declare global {
28
+ interface HTMLElementTagNameMap {
29
+ 'reke-checkbox': RekeCheckbox;
30
+ }
31
+ }
32
+ //# sourceMappingURL=reke-checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/reke-checkbox/reke-checkbox.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D;;;;;;;;;;;;;;GAcG;AACH,qBACa,YAAa,SAAQ,WAAW;IAC3C,OAAgB,MAAM,4BAAU;IAGhC,OAAO,UAAS;IAGhB,aAAa,UAAS;IAGtB,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEX,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,aAAa;IAOZ,MAAM;CAkChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-checkbox.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-checkbox/reke-checkbox.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA2ElB,CAAC"}
@@ -0,0 +1,41 @@
1
+ import { RekeElement } from '../../shared/base-element.js';
2
+ export type ChipColor = 'primary' | 'secondary' | 'danger' | 'warning';
3
+ /**
4
+ * @tag reke-chip
5
+ * @summary A toggleable chip/pill component for filters, tags, and selections.
6
+ *
7
+ * @slot - Default slot for chip label text.
8
+ *
9
+ * @fires reke-click - Fired when the chip body is clicked.
10
+ * @fires reke-dismiss - Fired when the dismiss button is clicked.
11
+ *
12
+ * @csspart chip - The outer chip container.
13
+ * @csspart dismiss - The dismiss button element.
14
+ *
15
+ * @cssprop [--reke-color-primary=#22C55E] - Active color for primary variant.
16
+ * @cssprop [--reke-color-secondary=#3B82F6] - Active color for secondary variant.
17
+ * @cssprop [--reke-color-danger=#EF4444] - Active color for danger variant.
18
+ * @cssprop [--reke-color-warning=#F59E0B] - Active color for warning variant.
19
+ * @cssprop [--reke-color-border-subtle=#1F1F1F] - Inactive border color.
20
+ * @cssprop [--reke-color-text-muted=#525252] - Inactive text color.
21
+ * @cssprop [--reke-radius=4px] - Chip border radius.
22
+ */
23
+ export declare class RekeChip extends RekeElement {
24
+ static styles: import("lit").CSSResult[];
25
+ /** Color theme for the active state. */
26
+ color: ChipColor;
27
+ /** Whether the chip is in its active/selected state. */
28
+ active: boolean;
29
+ /** Shows a dismiss (×) button. */
30
+ dismissible: boolean;
31
+ disabled: boolean;
32
+ private _handleClick;
33
+ private _handleDismiss;
34
+ render(): import("lit-html").TemplateResult<1>;
35
+ }
36
+ declare global {
37
+ interface HTMLElementTagNameMap {
38
+ 'reke-chip': RekeChip;
39
+ }
40
+ }
41
+ //# sourceMappingURL=reke-chip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-chip.d.ts","sourceRoot":"","sources":["../../../src/components/reke-chip/reke-chip.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,QAAS,SAAQ,WAAW;IACvC,OAAgB,MAAM,4BAAU;IAEhC,wCAAwC;IAExC,KAAK,EAAE,SAAS,CAAa;IAE7B,wDAAwD;IAExD,MAAM,UAAS;IAEf,kCAAkC;IAElC,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAEjB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;IAMb,MAAM;CAiChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-chip.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-chip/reke-chip.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA8FlB,CAAC"}
@@ -0,0 +1,71 @@
1
+ import { type TemplateResult } from 'lit';
2
+ import { RekeElement } from '../../shared/base-element.js';
3
+ export type DatePickerMode = 'single' | 'range';
4
+ /**
5
+ * @tag reke-date-range
6
+ * @summary A date picker with calendar dropdown. Supports single date and range modes.
7
+ *
8
+ * @fires reke-change - Fired when the date selection changes. Detail depends on mode: single → `{ value: string }`, range → `{ from: string, to: string }`.
9
+ *
10
+ * @csspart trigger - The trigger button element.
11
+ * @csspart calendar - The calendar dropdown container.
12
+ *
13
+ * @cssprop [--reke-color-primary=#22C55E] - Selected day and active state color.
14
+ * @cssprop [--reke-color-surface=#1A1A1A] - Trigger and calendar background.
15
+ * @cssprop [--reke-color-border=#252525] - Border color.
16
+ * @cssprop [--reke-color-danger=#EF4444] - Error state border.
17
+ * @cssprop [--reke-color-text=#E5E5E5] - Text color.
18
+ * @cssprop [--reke-color-text-muted=#525252] - Placeholder and muted text.
19
+ */
20
+ export declare class RekeDateRange extends RekeElement {
21
+ static styles: import("lit").CSSResult[];
22
+ /** Picker mode: 'single' for one date, 'range' for from/to. */
23
+ mode: DatePickerMode;
24
+ /** Selected date (single mode). YYYY-MM-DD. */
25
+ value: string;
26
+ /** Range start. YYYY-MM-DD. */
27
+ from: string;
28
+ /** Range end. YYYY-MM-DD. */
29
+ to: string;
30
+ label: string;
31
+ placeholder: string;
32
+ /** Minimum selectable date. YYYY-MM-DD. */
33
+ min: string;
34
+ /** Maximum selectable date. YYYY-MM-DD. */
35
+ max: string;
36
+ disabled: boolean;
37
+ error: boolean;
38
+ private _open;
39
+ private _viewYear;
40
+ private _viewMonth;
41
+ /** For range mode: true while selecting the second click (end date). */
42
+ private _rangeSelecting;
43
+ private _boundOutsideClick;
44
+ connectedCallback(): void;
45
+ disconnectedCallback(): void;
46
+ private _onOutsideClick;
47
+ private _onKeyDown;
48
+ private _toggleOpen;
49
+ /** Sync calendar view to the current selection. */
50
+ private _syncView;
51
+ private _prevYear;
52
+ private _nextYear;
53
+ private _prevMonth;
54
+ private _nextMonth;
55
+ private _isDisabledDate;
56
+ private _selectDay;
57
+ private _goToday;
58
+ private _clear;
59
+ private _getDayClasses;
60
+ private _getDisplayText;
61
+ private _hasValue;
62
+ private _renderCalendarIcon;
63
+ private _renderChevron;
64
+ render(): TemplateResult<1>;
65
+ }
66
+ declare global {
67
+ interface HTMLElementTagNameMap {
68
+ 'reke-date-range': RekeDateRange;
69
+ }
70
+ }
71
+ //# sourceMappingURL=reke-date-range.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-date-range.d.ts","sourceRoot":"","sources":["../../../src/components/reke-date-range/reke-date-range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AA0DhD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,aAAc,SAAQ,WAAW;IAC5C,OAAgB,MAAM,4BAAU;IAEhC,+DAA+D;IAE/D,IAAI,EAAE,cAAc,CAAW;IAE/B,+CAA+C;IAE/C,KAAK,SAAM;IAEX,+BAA+B;IAE/B,IAAI,SAAM;IAEV,6BAA6B;IAE7B,EAAE,SAAM;IAGR,KAAK,SAAM;IAGX,WAAW,SAAM;IAEjB,2CAA2C;IAE3C,GAAG,SAAM;IAET,2CAA2C;IAE3C,GAAG,SAAM;IAGT,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAEL,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,UAAU,CAAyB;IAEpD,wEAAwE;IAC/D,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,kBAAkB,CAAmC;IAEpD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,UAAU,CAahB;IAEF,OAAO,CAAC,WAAW;IAiBnB,mDAAmD;IACnD,OAAO,CAAC,SAAS;IAiBjB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,UAAU;IAgClB,OAAO,CAAC,QAAQ;IA8BhB,OAAO,CAAC,MAAM;IAad,OAAO,CAAC,cAAc;IAmCtB,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,cAAc;IAQb,MAAM;CA8GhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-date-range.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-date-range.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-date-range/reke-date-range.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA4TlB,CAAC"}
@@ -0,0 +1,39 @@
1
+ import { nothing } from 'lit';
2
+ import { RekeElement } from '../../shared/base-element.js';
3
+ export type DialogVariant = 'modal' | 'drawer';
4
+ export type DrawerPosition = 'right' | 'left';
5
+ /**
6
+ * @tag reke-dialog
7
+ * @summary A dialog component with modal and drawer variants.
8
+ *
9
+ * @slot - Default slot for dialog body content.
10
+ * @slot footer - Slot for action buttons.
11
+ *
12
+ * @fires reke-close - Fired when the dialog closes.
13
+ *
14
+ * @cssprop [--reke-color-bg=#0F0F10] - Dialog background color.
15
+ * @cssprop [--reke-color-border=#252525] - Dialog border color.
16
+ * @cssprop [--reke-color-text=#E5E5E5] - Heading and close button hover color.
17
+ * @cssprop [--reke-color-text-muted=#525252] - Close button default color.
18
+ * @cssprop [--reke-radius=4px] - Dialog border radius (modal only).
19
+ */
20
+ export declare class RekeDialog extends RekeElement {
21
+ static styles: import("lit").CSSResult[];
22
+ open: boolean;
23
+ heading: string;
24
+ variant: DialogVariant;
25
+ /** Drawer slide direction. Only applies when variant="drawer". */
26
+ position: DrawerPosition;
27
+ private _handleKeydown;
28
+ connectedCallback(): void;
29
+ disconnectedCallback(): void;
30
+ show(): void;
31
+ close(): void;
32
+ render(): import("lit-html").TemplateResult<1> | typeof nothing;
33
+ }
34
+ declare global {
35
+ interface HTMLElementTagNameMap {
36
+ 'reke-dialog': RekeDialog;
37
+ }
38
+ }
39
+ //# sourceMappingURL=reke-dialog.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-dialog.styles.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,45 @@
1
+ import { RekeElement } from '../../shared/base-element.js';
2
+ /**
3
+ * @tag reke-file-upload
4
+ * @summary A drag-and-drop file upload zone with click-to-browse.
5
+ *
6
+ * @fires reke-file-select - Fired when a file is selected (drop or browse). Detail: `{ file: File }`.
7
+ * @fires reke-file-clear - Fired when the selected file is cleared.
8
+ *
9
+ * @csspart dropzone - The outer dropzone container.
10
+ *
11
+ * @cssprop [--reke-color-primary=#22C55E] - Drag highlight and file name color.
12
+ * @cssprop [--reke-color-surface=#1A1A1A] - Background.
13
+ * @cssprop [--reke-color-border=#252525] - Border color.
14
+ * @cssprop [--reke-color-danger=#EF4444] - Error state color.
15
+ * @cssprop [--reke-color-text=#E5E5E5] - Primary text color.
16
+ * @cssprop [--reke-color-text-disabled=#3B3B3B] - Hint text color.
17
+ */
18
+ export declare class RekeFileUpload extends RekeElement {
19
+ static styles: import("lit").CSSResult[];
20
+ /** Comma-separated MIME types or extensions, e.g. ".csv,.xlsx" */
21
+ accept: string;
22
+ hint: string;
23
+ disabled: boolean;
24
+ error: boolean;
25
+ errorMessage: string;
26
+ /** Use compact single-row layout */
27
+ compact: boolean;
28
+ private _dragging;
29
+ private _fileName;
30
+ private _input;
31
+ private handleClick;
32
+ private handleDragOver;
33
+ private handleDragLeave;
34
+ private handleDrop;
35
+ private handleInputChange;
36
+ /** Clear the selected file programmatically. */
37
+ clear(): void;
38
+ render(): import("lit-html").TemplateResult<1>;
39
+ }
40
+ declare global {
41
+ interface HTMLElementTagNameMap {
42
+ 'reke-file-upload': RekeFileUpload;
43
+ }
44
+ }
45
+ //# sourceMappingURL=reke-file-upload.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-file-upload.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-file-upload.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-file-upload/reke-file-upload.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAqGlB,CAAC"}
@@ -0,0 +1,37 @@
1
+ import { RekeElement } from '../../shared/base-element.js';
2
+ export type InputSize = 'xs' | 'sm' | 'md' | 'lg';
3
+ /**
4
+ * @tag reke-input
5
+ * @summary A text input component with sizes, error, and disabled states.
6
+ *
7
+ * @fires reke-input - Fired on each keystroke with the current value.
8
+ * @fires reke-change - Fired when the input loses focus and value has changed.
9
+ *
10
+ * @csspart input - The inner input element.
11
+ *
12
+ * @cssprop [--reke-color-primary=#22C55E] - Focus ring color.
13
+ * @cssprop [--reke-color-surface=#1A1A1A] - Input background.
14
+ * @cssprop [--reke-color-border=#252525] - Input border.
15
+ * @cssprop [--reke-color-danger=#EF4444] - Error state border.
16
+ * @cssprop [--reke-color-text=#E5E5E5] - Input text color.
17
+ * @cssprop [--reke-color-text-muted=#525252] - Placeholder color.
18
+ */
19
+ export declare class RekeInput extends RekeElement {
20
+ static styles: import("lit").CSSResult[];
21
+ value: string;
22
+ placeholder: string;
23
+ type: 'text' | 'password' | 'email' | 'number' | 'search' | 'url';
24
+ size: InputSize;
25
+ disabled: boolean;
26
+ error: boolean;
27
+ label: string;
28
+ private handleInput;
29
+ private handleChange;
30
+ render(): import("lit-html").TemplateResult<1>;
31
+ }
32
+ declare global {
33
+ interface HTMLElementTagNameMap {
34
+ 'reke-input': RekeInput;
35
+ }
36
+ }
37
+ //# sourceMappingURL=reke-input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-input.d.ts","sourceRoot":"","sources":["../../../src/components/reke-input/reke-input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAU;IAG3E,IAAI,EAAE,SAAS,CAAQ;IAGvB,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAGd,KAAK,SAAM;IAEX,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAIX,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-input.styles.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,51 @@
1
+ import { RekeElement } from '../../shared/base-element.js';
2
+ export type SelectSize = 'sm' | 'md' | 'lg';
3
+ export interface SelectOption {
4
+ value: string;
5
+ label: string;
6
+ }
7
+ /**
8
+ * @tag reke-select
9
+ * @summary A dropdown select component with sizes, error, and disabled states.
10
+ *
11
+ * @fires reke-change - Fired when an option is selected. Detail: `{ value: string }`.
12
+ *
13
+ * @csspart trigger - The trigger button element.
14
+ * @csspart dropdown - The dropdown list container.
15
+ *
16
+ * @cssprop [--reke-color-primary=#22C55E] - Focus ring and selected option color.
17
+ * @cssprop [--reke-color-surface=#1A1A1A] - Trigger and dropdown background.
18
+ * @cssprop [--reke-color-surface-elevated=#151515] - Option hover background.
19
+ * @cssprop [--reke-color-border=#252525] - Trigger and dropdown border.
20
+ * @cssprop [--reke-color-danger=#EF4444] - Error state border.
21
+ * @cssprop [--reke-color-text=#E5E5E5] - Text color.
22
+ * @cssprop [--reke-color-text-muted=#525252] - Placeholder color.
23
+ * @cssprop [--reke-color-text-label=#8A8A8A] - Label color.
24
+ */
25
+ export declare class RekeSelect extends RekeElement {
26
+ static styles: import("lit").CSSResult[];
27
+ value: string;
28
+ placeholder: string;
29
+ options: SelectOption[];
30
+ disabled: boolean;
31
+ error: boolean;
32
+ label: string;
33
+ size: SelectSize;
34
+ private _open;
35
+ private _boundHandleOutsideClick;
36
+ private _boundHandleKeyDown;
37
+ connectedCallback(): void;
38
+ disconnectedCallback(): void;
39
+ private handleOutsideClick;
40
+ private handleKeyDown;
41
+ private handleTriggerClick;
42
+ private handleOptionClick;
43
+ private get selectedLabel();
44
+ render(): import("lit-html").TemplateResult<1>;
45
+ }
46
+ declare global {
47
+ interface HTMLElementTagNameMap {
48
+ 'reke-select': RekeSelect;
49
+ }
50
+ }
51
+ //# sourceMappingURL=reke-select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-select.d.ts","sourceRoot":"","sources":["../../../src/components/reke-select/reke-select.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAgB,MAAM,4BAAU;IAGhC,KAAK,SAAM;IAGX,WAAW,SAAe;IAG1B,OAAO,EAAE,YAAY,EAAE,CAAM;IAG7B,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAGd,KAAK,SAAM;IAGX,IAAI,EAAE,UAAU,CAAQ;IAGxB,OAAO,CAAC,KAAK,CAAS;IAEtB,OAAO,CAAC,wBAAwB,CAAsC;IACtE,OAAO,CAAC,mBAAmB,CAAiC;IAEnD,iBAAiB;IAMjB,oBAAoB;IAM7B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,KAAK,aAAa,GAGxB;IAEQ,MAAM;CAmDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult[];
2
+ //# sourceMappingURL=reke-select.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reke-select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-select/reke-select.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAoHlB,CAAC"}