@llui/components 0.0.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 (213) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +143 -0
  3. package/dist/components/accordion.d.ts +115 -0
  4. package/dist/components/accordion.d.ts.map +1 -0
  5. package/dist/components/accordion.js +138 -0
  6. package/dist/components/alert-dialog.d.ts +45 -0
  7. package/dist/components/alert-dialog.d.ts.map +1 -0
  8. package/dist/components/alert-dialog.js +12 -0
  9. package/dist/components/angle-slider.d.ts +121 -0
  10. package/dist/components/angle-slider.d.ts.map +1 -0
  11. package/dist/components/angle-slider.js +145 -0
  12. package/dist/components/async-list.d.ts +104 -0
  13. package/dist/components/async-list.d.ts.map +1 -0
  14. package/dist/components/async-list.js +117 -0
  15. package/dist/components/avatar.d.ts +58 -0
  16. package/dist/components/avatar.d.ts.map +1 -0
  17. package/dist/components/avatar.js +43 -0
  18. package/dist/components/carousel.d.ts +128 -0
  19. package/dist/components/carousel.d.ts.map +1 -0
  20. package/dist/components/carousel.js +131 -0
  21. package/dist/components/cascade-select.d.ts +95 -0
  22. package/dist/components/cascade-select.d.ts.map +1 -0
  23. package/dist/components/cascade-select.js +100 -0
  24. package/dist/components/checkbox.d.ts +74 -0
  25. package/dist/components/checkbox.d.ts.map +1 -0
  26. package/dist/components/checkbox.js +73 -0
  27. package/dist/components/clipboard.d.ts +72 -0
  28. package/dist/components/clipboard.d.ts.map +1 -0
  29. package/dist/components/clipboard.js +73 -0
  30. package/dist/components/collapsible.d.ts +64 -0
  31. package/dist/components/collapsible.d.ts.map +1 -0
  32. package/dist/components/collapsible.js +51 -0
  33. package/dist/components/color-picker.d.ts +125 -0
  34. package/dist/components/color-picker.d.ts.map +1 -0
  35. package/dist/components/color-picker.js +169 -0
  36. package/dist/components/combobox.d.ts +163 -0
  37. package/dist/components/combobox.d.ts.map +1 -0
  38. package/dist/components/combobox.js +345 -0
  39. package/dist/components/context-menu.d.ts +105 -0
  40. package/dist/components/context-menu.d.ts.map +1 -0
  41. package/dist/components/context-menu.js +177 -0
  42. package/dist/components/date-input.d.ts +117 -0
  43. package/dist/components/date-input.d.ts.map +1 -0
  44. package/dist/components/date-input.js +149 -0
  45. package/dist/components/date-picker.d.ts +142 -0
  46. package/dist/components/date-picker.d.ts.map +1 -0
  47. package/dist/components/date-picker.js +294 -0
  48. package/dist/components/dialog.d.ts +152 -0
  49. package/dist/components/dialog.d.ts.map +1 -0
  50. package/dist/components/dialog.js +140 -0
  51. package/dist/components/drawer.d.ts +106 -0
  52. package/dist/components/drawer.d.ts.map +1 -0
  53. package/dist/components/drawer.js +136 -0
  54. package/dist/components/editable.d.ts +92 -0
  55. package/dist/components/editable.d.ts.map +1 -0
  56. package/dist/components/editable.js +112 -0
  57. package/dist/components/file-upload.d.ts +251 -0
  58. package/dist/components/file-upload.d.ts.map +1 -0
  59. package/dist/components/file-upload.js +324 -0
  60. package/dist/components/floating-panel.d.ts +171 -0
  61. package/dist/components/floating-panel.d.ts.map +1 -0
  62. package/dist/components/floating-panel.js +198 -0
  63. package/dist/components/hover-card.d.ts +85 -0
  64. package/dist/components/hover-card.d.ts.map +1 -0
  65. package/dist/components/hover-card.js +128 -0
  66. package/dist/components/image-cropper.d.ts +129 -0
  67. package/dist/components/image-cropper.d.ts.map +1 -0
  68. package/dist/components/image-cropper.js +208 -0
  69. package/dist/components/index.d.ts +109 -0
  70. package/dist/components/index.d.ts.map +1 -0
  71. package/dist/components/index.js +54 -0
  72. package/dist/components/listbox.d.ts +98 -0
  73. package/dist/components/listbox.d.ts.map +1 -0
  74. package/dist/components/listbox.js +174 -0
  75. package/dist/components/marquee.d.ts +84 -0
  76. package/dist/components/marquee.d.ts.map +1 -0
  77. package/dist/components/marquee.js +73 -0
  78. package/dist/components/menu.d.ts +131 -0
  79. package/dist/components/menu.d.ts.map +1 -0
  80. package/dist/components/menu.js +262 -0
  81. package/dist/components/navigation-menu.d.ts +111 -0
  82. package/dist/components/navigation-menu.d.ts.map +1 -0
  83. package/dist/components/navigation-menu.js +102 -0
  84. package/dist/components/number-input.d.ts +106 -0
  85. package/dist/components/number-input.d.ts.map +1 -0
  86. package/dist/components/number-input.js +178 -0
  87. package/dist/components/pagination.d.ts +113 -0
  88. package/dist/components/pagination.d.ts.map +1 -0
  89. package/dist/components/pagination.js +135 -0
  90. package/dist/components/password-input.d.ts +64 -0
  91. package/dist/components/password-input.d.ts.map +1 -0
  92. package/dist/components/password-input.js +52 -0
  93. package/dist/components/pin-input.d.ts +89 -0
  94. package/dist/components/pin-input.d.ts.map +1 -0
  95. package/dist/components/pin-input.js +139 -0
  96. package/dist/components/popover.d.ts +116 -0
  97. package/dist/components/popover.d.ts.map +1 -0
  98. package/dist/components/popover.js +146 -0
  99. package/dist/components/presence.d.ts +71 -0
  100. package/dist/components/presence.d.ts.map +1 -0
  101. package/dist/components/presence.js +57 -0
  102. package/dist/components/progress.d.ts +74 -0
  103. package/dist/components/progress.d.ts.map +1 -0
  104. package/dist/components/progress.js +80 -0
  105. package/dist/components/qr-code.d.ts +114 -0
  106. package/dist/components/qr-code.d.ts.map +1 -0
  107. package/dist/components/qr-code.js +108 -0
  108. package/dist/components/radio-group.d.ts +89 -0
  109. package/dist/components/radio-group.d.ts.map +1 -0
  110. package/dist/components/radio-group.js +161 -0
  111. package/dist/components/rating-group.d.ts +88 -0
  112. package/dist/components/rating-group.d.ts.map +1 -0
  113. package/dist/components/rating-group.js +122 -0
  114. package/dist/components/scroll-area.d.ts +124 -0
  115. package/dist/components/scroll-area.d.ts.map +1 -0
  116. package/dist/components/scroll-area.js +152 -0
  117. package/dist/components/select.d.ts +161 -0
  118. package/dist/components/select.d.ts.map +1 -0
  119. package/dist/components/select.js +333 -0
  120. package/dist/components/signature-pad.d.ts +138 -0
  121. package/dist/components/signature-pad.d.ts.map +1 -0
  122. package/dist/components/signature-pad.js +142 -0
  123. package/dist/components/slider.d.ts +117 -0
  124. package/dist/components/slider.d.ts.map +1 -0
  125. package/dist/components/slider.js +210 -0
  126. package/dist/components/splitter.d.ts +87 -0
  127. package/dist/components/splitter.d.ts.map +1 -0
  128. package/dist/components/splitter.js +119 -0
  129. package/dist/components/steps.d.ts +104 -0
  130. package/dist/components/steps.d.ts.map +1 -0
  131. package/dist/components/steps.js +133 -0
  132. package/dist/components/switch.d.ts +66 -0
  133. package/dist/components/switch.d.ts.map +1 -0
  134. package/dist/components/switch.js +59 -0
  135. package/dist/components/tabs.d.ts +146 -0
  136. package/dist/components/tabs.d.ts.map +1 -0
  137. package/dist/components/tabs.js +244 -0
  138. package/dist/components/tags-input.d.ts +118 -0
  139. package/dist/components/tags-input.d.ts.map +1 -0
  140. package/dist/components/tags-input.js +168 -0
  141. package/dist/components/time-picker.d.ts +121 -0
  142. package/dist/components/time-picker.d.ts.map +1 -0
  143. package/dist/components/time-picker.js +147 -0
  144. package/dist/components/timer.d.ts +131 -0
  145. package/dist/components/timer.d.ts.map +1 -0
  146. package/dist/components/timer.js +117 -0
  147. package/dist/components/toast.d.ts +119 -0
  148. package/dist/components/toast.d.ts.map +1 -0
  149. package/dist/components/toast.js +102 -0
  150. package/dist/components/toc.d.ts +119 -0
  151. package/dist/components/toc.d.ts.map +1 -0
  152. package/dist/components/toc.js +107 -0
  153. package/dist/components/toggle-group.d.ts +80 -0
  154. package/dist/components/toggle-group.d.ts.map +1 -0
  155. package/dist/components/toggle-group.js +93 -0
  156. package/dist/components/toggle.d.ts +47 -0
  157. package/dist/components/toggle.d.ts.map +1 -0
  158. package/dist/components/toggle.js +41 -0
  159. package/dist/components/tooltip.d.ts +92 -0
  160. package/dist/components/tooltip.d.ts.map +1 -0
  161. package/dist/components/tooltip.js +147 -0
  162. package/dist/components/tour.d.ts +145 -0
  163. package/dist/components/tour.d.ts.map +1 -0
  164. package/dist/components/tour.js +133 -0
  165. package/dist/components/tree-view.d.ts +216 -0
  166. package/dist/components/tree-view.d.ts.map +1 -0
  167. package/dist/components/tree-view.js +293 -0
  168. package/dist/index.d.ts +3 -0
  169. package/dist/index.d.ts.map +1 -0
  170. package/dist/index.js +4 -0
  171. package/dist/patterns/confirm-dialog.d.ts +92 -0
  172. package/dist/patterns/confirm-dialog.d.ts.map +1 -0
  173. package/dist/patterns/confirm-dialog.js +92 -0
  174. package/dist/patterns/index.d.ts +3 -0
  175. package/dist/patterns/index.d.ts.map +1 -0
  176. package/dist/patterns/index.js +1 -0
  177. package/dist/utils/anatomy.d.ts +40 -0
  178. package/dist/utils/anatomy.d.ts.map +1 -0
  179. package/dist/utils/anatomy.js +41 -0
  180. package/dist/utils/aria-hidden.d.ts +12 -0
  181. package/dist/utils/aria-hidden.d.ts.map +1 -0
  182. package/dist/utils/aria-hidden.js +72 -0
  183. package/dist/utils/dismissable.d.ts +25 -0
  184. package/dist/utils/dismissable.d.ts.map +1 -0
  185. package/dist/utils/dismissable.js +65 -0
  186. package/dist/utils/dom.d.ts +8 -0
  187. package/dist/utils/dom.d.ts.map +1 -0
  188. package/dist/utils/dom.js +21 -0
  189. package/dist/utils/floating.d.ts +44 -0
  190. package/dist/utils/floating.d.ts.map +1 -0
  191. package/dist/utils/floating.js +44 -0
  192. package/dist/utils/focus-trap.d.ts +18 -0
  193. package/dist/utils/focus-trap.d.ts.map +1 -0
  194. package/dist/utils/focus-trap.js +85 -0
  195. package/dist/utils/focusables.d.ts +6 -0
  196. package/dist/utils/focusables.d.ts.map +1 -0
  197. package/dist/utils/focusables.js +65 -0
  198. package/dist/utils/index.d.ts +18 -0
  199. package/dist/utils/index.d.ts.map +1 -0
  200. package/dist/utils/index.js +10 -0
  201. package/dist/utils/interact-outside.d.ts +26 -0
  202. package/dist/utils/interact-outside.d.ts.map +1 -0
  203. package/dist/utils/interact-outside.js +46 -0
  204. package/dist/utils/remove-scroll.d.ts +8 -0
  205. package/dist/utils/remove-scroll.d.ts.map +1 -0
  206. package/dist/utils/remove-scroll.js +37 -0
  207. package/dist/utils/tree-collection.d.ts +61 -0
  208. package/dist/utils/tree-collection.d.ts.map +1 -0
  209. package/dist/utils/tree-collection.js +137 -0
  210. package/dist/utils/typeahead.d.ts +49 -0
  211. package/dist/utils/typeahead.d.ts.map +1 -0
  212. package/dist/utils/typeahead.js +81 -0
  213. package/package.json +282 -0
@@ -0,0 +1,117 @@
1
+ import type { Send } from '@llui/dom';
2
+ /**
3
+ * Date input — keyboard-only date field with masked parsing. Unlike
4
+ * date-picker, this is a plain <input> that parses ISO-ish date strings
5
+ * as the user types. Separate from date-picker to keep each focused.
6
+ *
7
+ * The machine holds the raw input string + the parsed Date (null until
8
+ * a complete/valid value is entered). Min/max bounds are validated on
9
+ * every change, populating `error` when out of range.
10
+ */
11
+ export type DateError = 'invalid' | 'before-min' | 'after-max' | null;
12
+ export interface DateInputState {
13
+ /** Raw string as typed by the user. */
14
+ input: string;
15
+ /** Parsed date, or null if the input is empty/invalid/out-of-range. */
16
+ value: Date | null;
17
+ /** Optional lower bound (inclusive). */
18
+ min: Date | null;
19
+ /** Optional upper bound (inclusive). */
20
+ max: Date | null;
21
+ error: DateError;
22
+ disabled: boolean;
23
+ readOnly: boolean;
24
+ required: boolean;
25
+ }
26
+ export type DateInputMsg = {
27
+ type: 'setInput';
28
+ value: string;
29
+ } | {
30
+ type: 'setValue';
31
+ value: Date | null;
32
+ } | {
33
+ type: 'clear';
34
+ } | {
35
+ type: 'setMin';
36
+ min: Date | null;
37
+ } | {
38
+ type: 'setMax';
39
+ max: Date | null;
40
+ } | {
41
+ type: 'setDisabled';
42
+ disabled: boolean;
43
+ };
44
+ export interface DateInputInit {
45
+ input?: string;
46
+ value?: Date | null;
47
+ min?: Date | null;
48
+ max?: Date | null;
49
+ disabled?: boolean;
50
+ readOnly?: boolean;
51
+ required?: boolean;
52
+ }
53
+ /**
54
+ * Parse an ISO-ish date string. Accepts:
55
+ * - YYYY-MM-DD
56
+ * - YYYY/MM/DD
57
+ * - MM/DD/YYYY (US)
58
+ * - DD/MM/YYYY (EU)
59
+ * Returns null for anything else.
60
+ */
61
+ export declare function parseDate(input: string, format?: 'iso' | 'us' | 'eu'): Date | null;
62
+ /** Format a Date as 'YYYY-MM-DD'. */
63
+ export declare function formatDate(d: Date): string;
64
+ export declare function init(opts?: DateInputInit): DateInputState;
65
+ export declare function update(state: DateInputState, msg: DateInputMsg, format?: 'iso' | 'us' | 'eu'): [DateInputState, never[]];
66
+ export interface DateInputParts<S> {
67
+ root: {
68
+ 'data-scope': 'date-input';
69
+ 'data-part': 'root';
70
+ 'data-disabled': (s: S) => '' | undefined;
71
+ 'data-invalid': (s: S) => '' | undefined;
72
+ };
73
+ input: {
74
+ type: 'text';
75
+ inputMode: 'numeric';
76
+ autoComplete: 'off';
77
+ spellCheck: false;
78
+ value: (s: S) => string;
79
+ disabled: (s: S) => boolean;
80
+ readOnly: (s: S) => boolean;
81
+ required: (s: S) => boolean;
82
+ 'aria-invalid': (s: S) => 'true' | undefined;
83
+ placeholder?: string;
84
+ 'data-scope': 'date-input';
85
+ 'data-part': 'input';
86
+ onInput: (e: Event) => void;
87
+ onBlur: (e: FocusEvent) => void;
88
+ };
89
+ clearTrigger: {
90
+ type: 'button';
91
+ 'aria-label': string;
92
+ disabled: (s: S) => boolean;
93
+ 'data-scope': 'date-input';
94
+ 'data-part': 'clear-trigger';
95
+ onClick: (e: MouseEvent) => void;
96
+ };
97
+ errorText: {
98
+ role: 'alert';
99
+ 'aria-live': 'polite';
100
+ 'data-scope': 'date-input';
101
+ 'data-part': 'error-text';
102
+ hidden: (s: S) => boolean;
103
+ };
104
+ }
105
+ export interface ConnectOptions {
106
+ placeholder?: string;
107
+ clearLabel?: string;
108
+ }
109
+ export declare function connect<S>(get: (s: S) => DateInputState, send: Send<DateInputMsg>, opts?: ConnectOptions): DateInputParts<S>;
110
+ export declare const dateInput: {
111
+ init: typeof init;
112
+ update: typeof update;
113
+ connect: typeof connect;
114
+ parseDate: typeof parseDate;
115
+ formatDate: typeof formatDate;
116
+ };
117
+ //# sourceMappingURL=date-input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../src/components/date-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;GAQG;AAEH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,IAAI,CAAA;AAErE,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,uEAAuE;IACvE,KAAK,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,wCAAwC;IACxC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,wCAAwC;IACxC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAE9C,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,GAAE,KAAK,GAAG,IAAI,GAAG,IAAY,GAAG,IAAI,GAAG,IAAI,CAsBzF;AAED,qCAAqC;AACrC,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAK1C;AASD,wBAAgB,IAAI,CAAC,IAAI,GAAE,aAAkB,GAAG,cAAc,CAe7D;AAED,wBAAgB,MAAM,CACpB,KAAK,EAAE,cAAc,EACrB,GAAG,EAAE,YAAY,EACjB,MAAM,GAAE,KAAK,GAAG,IAAI,GAAG,IAAY,GAClC,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CA4B3B;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KACzC,CAAA;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,SAAS,CAAA;QACpB,YAAY,EAAE,KAAK,CAAA;QACnB,UAAU,EAAE,KAAK,CAAA;QACjB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,OAAO,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;QAC3B,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KAChC,CAAA;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,eAAe,CAAA;QAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,SAAS,EAAE;QACT,IAAI,EAAE,OAAO,CAAA;QACb,WAAW,EAAE,QAAQ,CAAA;QACrB,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,YAAY,CAAA;QACzB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;KAC1B,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,cAAc,EAC7B,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,EACxB,IAAI,GAAE,cAAmB,GACxB,cAAc,CAAC,CAAC,CAAC,CA6CnB;AAED,eAAO,MAAM,SAAS;;;;;;CAAmD,CAAA"}
@@ -0,0 +1,149 @@
1
+ /**
2
+ * Parse an ISO-ish date string. Accepts:
3
+ * - YYYY-MM-DD
4
+ * - YYYY/MM/DD
5
+ * - MM/DD/YYYY (US)
6
+ * - DD/MM/YYYY (EU)
7
+ * Returns null for anything else.
8
+ */
9
+ export function parseDate(input, format = 'iso') {
10
+ const trimmed = input.trim();
11
+ if (!trimmed)
12
+ return null;
13
+ const parts = trimmed.split(/[-/]/).map((p) => p.trim());
14
+ if (parts.length !== 3)
15
+ return null;
16
+ const nums = parts.map((p) => parseInt(p, 10));
17
+ if (nums.some((n) => isNaN(n)))
18
+ return null;
19
+ let year, month, day;
20
+ if (format === 'iso' || parts[0].length === 4) {
21
+ ;
22
+ [year, month, day] = nums;
23
+ }
24
+ else if (format === 'us') {
25
+ ;
26
+ [month, day, year] = nums;
27
+ }
28
+ else {
29
+ ;
30
+ [day, month, year] = nums;
31
+ }
32
+ if (month < 1 || month > 12 || day < 1 || day > 31 || year < 1)
33
+ return null;
34
+ const d = new Date(year, month - 1, day);
35
+ // JS Date normalizes: new Date(2024, 1, 30) → March 1. Reject that.
36
+ if (d.getFullYear() !== year || d.getMonth() !== month - 1 || d.getDate() !== day) {
37
+ return null;
38
+ }
39
+ return d;
40
+ }
41
+ /** Format a Date as 'YYYY-MM-DD'. */
42
+ export function formatDate(d) {
43
+ const y = d.getFullYear().toString().padStart(4, '0');
44
+ const m = (d.getMonth() + 1).toString().padStart(2, '0');
45
+ const day = d.getDate().toString().padStart(2, '0');
46
+ return `${y}-${m}-${day}`;
47
+ }
48
+ function validate(value, min, max) {
49
+ if (value === null)
50
+ return null;
51
+ if (min !== null && value < min)
52
+ return 'before-min';
53
+ if (max !== null && value > max)
54
+ return 'after-max';
55
+ return null;
56
+ }
57
+ export function init(opts = {}) {
58
+ const value = opts.value ?? null;
59
+ const input = opts.input ?? (value ? formatDate(value) : '');
60
+ const min = opts.min ?? null;
61
+ const max = opts.max ?? null;
62
+ return {
63
+ input,
64
+ value,
65
+ min,
66
+ max,
67
+ error: validate(value, min, max),
68
+ disabled: opts.disabled ?? false,
69
+ readOnly: opts.readOnly ?? false,
70
+ required: opts.required ?? false,
71
+ };
72
+ }
73
+ export function update(state, msg, format = 'iso') {
74
+ if ((state.disabled || state.readOnly) && msg.type === 'setInput')
75
+ return [state, []];
76
+ switch (msg.type) {
77
+ case 'setInput': {
78
+ const parsed = parseDate(msg.value, format);
79
+ const error = msg.value.trim()
80
+ ? parsed === null
81
+ ? 'invalid'
82
+ : validate(parsed, state.min, state.max)
83
+ : null;
84
+ return [{ ...state, input: msg.value, value: parsed, error }, []];
85
+ }
86
+ case 'setValue': {
87
+ const input = msg.value ? formatDate(msg.value) : '';
88
+ return [
89
+ { ...state, input, value: msg.value, error: validate(msg.value, state.min, state.max) },
90
+ [],
91
+ ];
92
+ }
93
+ case 'clear':
94
+ return [{ ...state, input: '', value: null, error: null }, []];
95
+ case 'setMin':
96
+ return [{ ...state, min: msg.min, error: validate(state.value, msg.min, state.max) }, []];
97
+ case 'setMax':
98
+ return [{ ...state, max: msg.max, error: validate(state.value, state.min, msg.max) }, []];
99
+ case 'setDisabled':
100
+ return [{ ...state, disabled: msg.disabled }, []];
101
+ }
102
+ }
103
+ export function connect(get, send, opts = {}) {
104
+ return {
105
+ root: {
106
+ 'data-scope': 'date-input',
107
+ 'data-part': 'root',
108
+ 'data-disabled': (s) => (get(s).disabled ? '' : undefined),
109
+ 'data-invalid': (s) => (get(s).error ? '' : undefined),
110
+ },
111
+ input: {
112
+ type: 'text',
113
+ inputMode: 'numeric',
114
+ autoComplete: 'off',
115
+ spellCheck: false,
116
+ value: (s) => get(s).input,
117
+ disabled: (s) => get(s).disabled,
118
+ readOnly: (s) => get(s).readOnly,
119
+ required: (s) => get(s).required,
120
+ 'aria-invalid': (s) => (get(s).error ? 'true' : undefined),
121
+ ...(opts.placeholder !== undefined ? { placeholder: opts.placeholder } : {}),
122
+ 'data-scope': 'date-input',
123
+ 'data-part': 'input',
124
+ onInput: (e) => {
125
+ const el = e.target;
126
+ send({ type: 'setInput', value: el.value });
127
+ },
128
+ onBlur: () => {
129
+ /* consumers can add their own blur handling */
130
+ },
131
+ },
132
+ clearTrigger: {
133
+ type: 'button',
134
+ 'aria-label': opts.clearLabel ?? 'Clear date',
135
+ disabled: (s) => get(s).input === '',
136
+ 'data-scope': 'date-input',
137
+ 'data-part': 'clear-trigger',
138
+ onClick: () => send({ type: 'clear' }),
139
+ },
140
+ errorText: {
141
+ role: 'alert',
142
+ 'aria-live': 'polite',
143
+ 'data-scope': 'date-input',
144
+ 'data-part': 'error-text',
145
+ hidden: (s) => get(s).error === null,
146
+ },
147
+ };
148
+ }
149
+ export const dateInput = { init, update, connect, parseDate, formatDate };
@@ -0,0 +1,142 @@
1
+ import type { Send } from '@llui/dom';
2
+ /**
3
+ * Date picker — calendar with month navigation and date selection. Works
4
+ * with plain Date objects internally but exposes ISO strings (YYYY-MM-DD)
5
+ * for serialization-friendly state.
6
+ *
7
+ * Keyboard navigation: arrow keys move by day, PageUp/Down by month,
8
+ * Home/End to start/end of week, Enter to select.
9
+ */
10
+ export interface DatePickerState {
11
+ /** Selected date as YYYY-MM-DD, or null. */
12
+ value: string | null;
13
+ /** The month currently visible (1-indexed, 1-12). */
14
+ visibleMonth: number;
15
+ /** The year currently visible. */
16
+ visibleYear: number;
17
+ /** The date currently focused by the keyboard (YYYY-MM-DD). */
18
+ focused: string;
19
+ /** Minimum selectable date, inclusive. */
20
+ min: string | null;
21
+ /** Maximum selectable date, inclusive. */
22
+ max: string | null;
23
+ /** 0=Sunday, 1=Monday. */
24
+ weekStartsOn: 0 | 1;
25
+ disabled: boolean;
26
+ }
27
+ export type DatePickerMsg = {
28
+ type: 'setValue';
29
+ value: string | null;
30
+ } | {
31
+ type: 'setFocused';
32
+ date: string;
33
+ } | {
34
+ type: 'prevMonth';
35
+ } | {
36
+ type: 'nextMonth';
37
+ } | {
38
+ type: 'prevYear';
39
+ } | {
40
+ type: 'nextYear';
41
+ } | {
42
+ type: 'selectFocused';
43
+ } | {
44
+ type: 'moveFocus';
45
+ days: number;
46
+ } | {
47
+ type: 'focusStartOfWeek';
48
+ } | {
49
+ type: 'focusEndOfWeek';
50
+ } | {
51
+ type: 'focusToday';
52
+ } | {
53
+ type: 'clear';
54
+ };
55
+ export interface DatePickerInit {
56
+ value?: string | null;
57
+ visibleMonth?: number;
58
+ visibleYear?: number;
59
+ min?: string | null;
60
+ max?: string | null;
61
+ weekStartsOn?: 0 | 1;
62
+ disabled?: boolean;
63
+ }
64
+ export declare function init(opts?: DatePickerInit): DatePickerState;
65
+ export declare function update(state: DatePickerState, msg: DatePickerMsg): [DatePickerState, never[]];
66
+ export interface DayCell {
67
+ iso: string;
68
+ day: number;
69
+ inMonth: boolean;
70
+ isToday: boolean;
71
+ isSelected: boolean;
72
+ isFocused: boolean;
73
+ isDisabled: boolean;
74
+ }
75
+ /**
76
+ * Compute the grid of days visible in the current month view. Always returns
77
+ * full weeks: leading days from previous month and trailing from next month
78
+ * to fill the grid.
79
+ */
80
+ export declare function monthGrid(state: DatePickerState): DayCell[];
81
+ export interface DayCellParts<_S> {
82
+ cell: {
83
+ role: 'gridcell';
84
+ 'aria-selected': boolean;
85
+ 'aria-disabled': 'true' | undefined;
86
+ tabIndex: number;
87
+ 'data-scope': 'date-picker';
88
+ 'data-part': 'day-cell';
89
+ 'data-date': string;
90
+ 'data-in-month': '' | undefined;
91
+ 'data-today': '' | undefined;
92
+ 'data-selected': '' | undefined;
93
+ 'data-focused': '' | undefined;
94
+ 'data-disabled': '' | undefined;
95
+ onClick: (e: MouseEvent) => void;
96
+ onKeyDown: (e: KeyboardEvent) => void;
97
+ onFocus: (e: FocusEvent) => void;
98
+ };
99
+ }
100
+ export interface DatePickerParts<S> {
101
+ root: {
102
+ 'data-scope': 'date-picker';
103
+ 'data-part': 'root';
104
+ 'data-disabled': (s: S) => '' | undefined;
105
+ };
106
+ grid: {
107
+ role: 'grid';
108
+ 'aria-label': (s: S) => string;
109
+ 'data-scope': 'date-picker';
110
+ 'data-part': 'grid';
111
+ };
112
+ prevMonthTrigger: {
113
+ type: 'button';
114
+ 'aria-label': string;
115
+ disabled: (s: S) => boolean;
116
+ 'data-scope': 'date-picker';
117
+ 'data-part': 'prev-month-trigger';
118
+ onClick: (e: MouseEvent) => void;
119
+ };
120
+ nextMonthTrigger: {
121
+ type: 'button';
122
+ 'aria-label': string;
123
+ disabled: (s: S) => boolean;
124
+ 'data-scope': 'date-picker';
125
+ 'data-part': 'next-month-trigger';
126
+ onClick: (e: MouseEvent) => void;
127
+ };
128
+ dayCell: (cell: DayCell) => DayCellParts<S>;
129
+ }
130
+ export interface ConnectOptions {
131
+ prevLabel?: string;
132
+ nextLabel?: string;
133
+ gridLabel?: (year: number, month: number) => string;
134
+ }
135
+ export declare function connect<S>(get: (s: S) => DatePickerState, send: Send<DatePickerMsg>, opts?: ConnectOptions): DatePickerParts<S>;
136
+ export declare const datePicker: {
137
+ init: typeof init;
138
+ update: typeof update;
139
+ connect: typeof connect;
140
+ monthGrid: typeof monthGrid;
141
+ };
142
+ //# sourceMappingURL=date-picker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/components/date-picker.ts"],"names":[],"mappings":"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"}