@proyecto-viviana/solid-stately 0.2.4 → 0.3.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 (243) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +30 -283
  3. package/dist/autocomplete/createAutocompleteState.d.ts +3 -2
  4. package/dist/autocomplete/index.d.ts +1 -1
  5. package/dist/calendar/createCalendarState.d.ts +22 -7
  6. package/dist/calendar/createDateFieldState.d.ts +30 -7
  7. package/dist/calendar/createDatePickerState.d.ts +60 -0
  8. package/dist/calendar/createRangeCalendarState.d.ts +27 -8
  9. package/dist/calendar/createTimeFieldState.d.ts +34 -7
  10. package/dist/calendar/index.d.ts +7 -6
  11. package/dist/checkbox/createCheckboxGroupState.d.ts +12 -3
  12. package/dist/checkbox/index.d.ts +1 -1
  13. package/dist/collections/ListCollection.d.ts +1 -1
  14. package/dist/collections/createListState.d.ts +8 -8
  15. package/dist/collections/createMenuState.d.ts +7 -7
  16. package/dist/collections/createSelectionState.d.ts +5 -5
  17. package/dist/collections/index.d.ts +5 -5
  18. package/dist/collections/types.d.ts +23 -12
  19. package/dist/color/Color.d.ts +1 -1
  20. package/dist/color/createColorAreaState.d.ts +4 -2
  21. package/dist/color/createColorFieldState.d.ts +38 -12
  22. package/dist/color/createColorSliderState.d.ts +9 -2
  23. package/dist/color/createColorWheelState.d.ts +13 -2
  24. package/dist/color/getColorChannels.d.ts +20 -0
  25. package/dist/color/index.d.ts +6 -6
  26. package/dist/color/types.d.ts +4 -4
  27. package/dist/combobox/createComboBoxState.d.ts +27 -13
  28. package/dist/combobox/index.d.ts +1 -1
  29. package/dist/data/createAsyncList.d.ts +111 -0
  30. package/dist/data/createListData.d.ts +65 -0
  31. package/dist/data/createTreeData.d.ts +65 -0
  32. package/dist/data/index.d.ts +3 -0
  33. package/dist/datepicker/index.d.ts +8 -0
  34. package/dist/disclosure/createDisclosureState.d.ts +2 -2
  35. package/dist/disclosure/index.d.ts +1 -1
  36. package/dist/dnd/createDragState.d.ts +2 -2
  37. package/dist/dnd/createDraggableCollectionState.d.ts +2 -2
  38. package/dist/dnd/createDropState.d.ts +2 -2
  39. package/dist/dnd/createDroppableCollectionState.d.ts +3 -3
  40. package/dist/dnd/index.d.ts +5 -5
  41. package/dist/dnd/types.d.ts +16 -16
  42. package/dist/form/createFormValidationState.d.ts +3 -3
  43. package/dist/form/index.d.ts +1 -1
  44. package/dist/grid/createGridState.d.ts +2 -2
  45. package/dist/grid/index.d.ts +2 -2
  46. package/dist/grid/types.d.ts +17 -11
  47. package/dist/index.d.ts +31 -25
  48. package/dist/index.js +7990 -6264
  49. package/dist/index.js.map +1 -7
  50. package/dist/menu/index.d.ts +8 -0
  51. package/dist/numberfield/createNumberFieldState.d.ts +2 -2
  52. package/dist/numberfield/index.d.ts +1 -1
  53. package/dist/overlays/createOverlayTriggerState.d.ts +2 -2
  54. package/dist/overlays/index.d.ts +1 -1
  55. package/dist/radio/createRadioGroupState.d.ts +13 -4
  56. package/dist/radio/index.d.ts +1 -1
  57. package/dist/searchfield/createSearchFieldState.d.ts +2 -2
  58. package/dist/searchfield/index.d.ts +2 -2
  59. package/dist/select/createSelectState.d.ts +20 -3
  60. package/dist/select/index.d.ts +1 -1
  61. package/dist/selection/index.d.ts +11 -0
  62. package/dist/slider/createSliderState.d.ts +3 -3
  63. package/dist/slider/index.d.ts +2 -2
  64. package/dist/steplist/createStepListState.d.ts +48 -0
  65. package/dist/steplist/index.d.ts +1 -0
  66. package/dist/table/TableCollection.d.ts +3 -3
  67. package/dist/table/createTableColumnResizeState.d.ts +54 -0
  68. package/dist/table/createTableState.d.ts +2 -2
  69. package/dist/table/index.d.ts +5 -3
  70. package/dist/table/types.d.ts +10 -10
  71. package/dist/tabs/createTabListState.d.ts +5 -5
  72. package/dist/tabs/index.d.ts +1 -1
  73. package/dist/textfield/createTextFieldState.d.ts +2 -2
  74. package/dist/textfield/index.d.ts +1 -1
  75. package/dist/toast/createToastState.d.ts +15 -3
  76. package/dist/toast/index.d.ts +1 -1
  77. package/dist/toggle/createToggleGroupState.d.ts +45 -0
  78. package/dist/toggle/createToggleState.d.ts +2 -2
  79. package/dist/toggle/index.d.ts +2 -1
  80. package/dist/tooltip/createTooltipTriggerState.d.ts +2 -2
  81. package/dist/tooltip/index.d.ts +1 -1
  82. package/dist/tree/TreeCollection.d.ts +5 -4
  83. package/dist/tree/createTreeState.d.ts +2 -2
  84. package/dist/tree/index.d.ts +3 -3
  85. package/dist/tree/types.d.ts +19 -13
  86. package/dist/utils/index.d.ts +1 -1
  87. package/dist/utils/reactivity.d.ts +1 -1
  88. package/package.json +30 -30
  89. package/src/autocomplete/createAutocompleteState.d.ts +19 -17
  90. package/src/autocomplete/createAutocompleteState.ts +25 -32
  91. package/src/autocomplete/index.d.ts +6 -2
  92. package/src/autocomplete/index.ts +1 -1
  93. package/src/calendar/createCalendarState.d.ts +139 -117
  94. package/src/calendar/createCalendarState.ts +221 -74
  95. package/src/calendar/createDateFieldState.d.ts +130 -95
  96. package/src/calendar/createDateFieldState.ts +286 -151
  97. package/src/calendar/createDatePickerState.ts +347 -0
  98. package/src/calendar/createRangeCalendarState.d.ts +154 -129
  99. package/src/calendar/createRangeCalendarState.ts +293 -79
  100. package/src/calendar/createTimeFieldState.d.ts +81 -79
  101. package/src/calendar/createTimeFieldState.ts +187 -108
  102. package/src/calendar/index.d.ts +80 -7
  103. package/src/calendar/index.ts +21 -12
  104. package/src/checkbox/createCheckboxGroupState.d.ts +57 -55
  105. package/src/checkbox/createCheckboxGroupState.ts +57 -30
  106. package/src/checkbox/index.d.ts +6 -2
  107. package/src/checkbox/index.ts +1 -1
  108. package/src/collections/ListCollection.d.ts +25 -22
  109. package/src/collections/ListCollection.ts +152 -146
  110. package/src/collections/createListState.d.ts +73 -58
  111. package/src/collections/createListState.ts +267 -264
  112. package/src/collections/createMenuState.d.ts +36 -31
  113. package/src/collections/createMenuState.ts +112 -106
  114. package/src/collections/createSelectionState.d.ts +78 -65
  115. package/src/collections/createSelectionState.ts +340 -336
  116. package/src/collections/index.d.ts +38 -6
  117. package/src/collections/index.ts +41 -46
  118. package/src/collections/types.d.ts +101 -101
  119. package/src/collections/types.ts +181 -169
  120. package/src/color/Color.d.ts +20 -5
  121. package/src/color/Color.ts +1054 -951
  122. package/src/color/createColorAreaState.d.ts +67 -65
  123. package/src/color/createColorAreaState.ts +301 -293
  124. package/src/color/createColorFieldState.d.ts +46 -44
  125. package/src/color/createColorFieldState.ts +428 -292
  126. package/src/color/createColorSliderState.d.ts +58 -56
  127. package/src/color/createColorSliderState.ts +272 -241
  128. package/src/color/createColorWheelState.d.ts +42 -40
  129. package/src/color/createColorWheelState.ts +248 -211
  130. package/src/color/getColorChannels.ts +36 -0
  131. package/src/color/index.d.ts +36 -7
  132. package/src/color/index.ts +44 -47
  133. package/src/color/types.d.ts +68 -63
  134. package/src/color/types.ts +119 -127
  135. package/src/combobox/createComboBoxState.d.ts +107 -105
  136. package/src/combobox/createComboBoxState.ts +790 -703
  137. package/src/combobox/index.d.ts +10 -2
  138. package/src/combobox/index.ts +13 -13
  139. package/src/data/createAsyncList.ts +403 -0
  140. package/src/data/createListData.ts +298 -0
  141. package/src/data/createTreeData.ts +646 -0
  142. package/src/data/index.ts +25 -0
  143. package/src/datepicker/index.ts +32 -0
  144. package/src/disclosure/createDisclosureState.d.ts +47 -43
  145. package/src/disclosure/createDisclosureState.ts +9 -23
  146. package/src/disclosure/index.d.ts +10 -2
  147. package/src/disclosure/index.ts +1 -1
  148. package/src/dnd/createDragState.d.ts +51 -42
  149. package/src/dnd/createDragState.ts +151 -153
  150. package/src/dnd/createDraggableCollectionState.d.ts +52 -41
  151. package/src/dnd/createDraggableCollectionState.ts +158 -165
  152. package/src/dnd/createDropState.d.ts +64 -45
  153. package/src/dnd/createDropState.ts +202 -212
  154. package/src/dnd/createDroppableCollectionState.d.ts +88 -59
  155. package/src/dnd/createDroppableCollectionState.ts +354 -357
  156. package/src/dnd/index.d.ts +54 -6
  157. package/src/dnd/index.ts +63 -76
  158. package/src/dnd/types.d.ts +167 -156
  159. package/src/dnd/types.ts +316 -317
  160. package/src/form/createFormValidationState.d.ts +47 -45
  161. package/src/form/createFormValidationState.ts +356 -389
  162. package/src/form/index.d.ts +16 -2
  163. package/src/form/index.ts +15 -15
  164. package/src/grid/createGridState.d.ts +7 -4
  165. package/src/grid/createGridState.ts +44 -51
  166. package/src/grid/index.d.ts +3 -3
  167. package/src/grid/index.ts +2 -8
  168. package/src/grid/types.d.ts +136 -129
  169. package/src/grid/types.ts +24 -17
  170. package/src/index.d.ts +310 -26
  171. package/src/index.ts +87 -79
  172. package/src/menu/index.ts +17 -0
  173. package/src/numberfield/createNumberFieldState.d.ts +56 -54
  174. package/src/numberfield/createNumberFieldState.ts +422 -383
  175. package/src/numberfield/index.d.ts +6 -2
  176. package/src/numberfield/index.ts +5 -5
  177. package/src/overlays/createOverlayTriggerState.d.ts +22 -20
  178. package/src/overlays/createOverlayTriggerState.ts +66 -67
  179. package/src/overlays/index.d.ts +6 -2
  180. package/src/overlays/index.ts +5 -5
  181. package/src/radio/createRadioGroupState.d.ts +54 -52
  182. package/src/radio/createRadioGroupState.ts +66 -30
  183. package/src/radio/index.d.ts +7 -2
  184. package/src/radio/index.ts +1 -1
  185. package/src/searchfield/createSearchFieldState.d.ts +16 -14
  186. package/src/searchfield/createSearchFieldState.ts +56 -62
  187. package/src/searchfield/index.d.ts +3 -3
  188. package/src/searchfield/index.ts +2 -5
  189. package/src/select/createSelectState.d.ts +63 -61
  190. package/src/select/createSelectState.ts +290 -181
  191. package/src/select/index.d.ts +2 -2
  192. package/src/select/index.ts +1 -5
  193. package/src/selection/index.ts +27 -0
  194. package/src/slider/createSliderState.d.ts +60 -60
  195. package/src/slider/createSliderState.ts +233 -211
  196. package/src/slider/index.d.ts +3 -3
  197. package/src/slider/index.ts +2 -6
  198. package/src/ssr/index.d.ts +1 -1
  199. package/src/ssr/index.ts +2 -2
  200. package/src/steplist/createStepListState.ts +191 -0
  201. package/src/steplist/index.ts +5 -0
  202. package/src/table/TableCollection.d.ts +42 -40
  203. package/src/table/TableCollection.ts +61 -64
  204. package/src/table/createTableColumnResizeState.ts +242 -0
  205. package/src/table/createTableState.d.ts +7 -4
  206. package/src/table/createTableState.ts +10 -7
  207. package/src/table/index.d.ts +14 -4
  208. package/src/table/index.ts +10 -3
  209. package/src/table/types.d.ts +98 -92
  210. package/src/table/types.ts +17 -13
  211. package/src/tabs/createTabListState.d.ts +59 -57
  212. package/src/tabs/createTabListState.ts +58 -39
  213. package/src/tabs/index.d.ts +8 -2
  214. package/src/tabs/index.ts +1 -1
  215. package/src/textfield/createTextFieldState.d.ts +16 -14
  216. package/src/textfield/createTextFieldState.ts +7 -18
  217. package/src/textfield/index.d.ts +6 -2
  218. package/src/textfield/index.ts +1 -1
  219. package/src/toast/createToastState.d.ts +92 -81
  220. package/src/toast/createToastState.ts +56 -44
  221. package/src/toast/index.d.ts +12 -2
  222. package/src/toast/index.ts +1 -1
  223. package/src/toggle/createToggleGroupState.ts +117 -0
  224. package/src/toggle/createToggleState.d.ts +19 -19
  225. package/src/toggle/createToggleState.ts +2 -16
  226. package/src/toggle/index.d.ts +2 -2
  227. package/src/toggle/index.ts +6 -4
  228. package/src/tooltip/createTooltipTriggerState.d.ts +17 -17
  229. package/src/tooltip/createTooltipTriggerState.ts +184 -183
  230. package/src/tooltip/index.d.ts +7 -2
  231. package/src/tooltip/index.ts +6 -6
  232. package/src/tree/TreeCollection.d.ts +26 -23
  233. package/src/tree/TreeCollection.ts +215 -175
  234. package/src/tree/createTreeState.d.ts +7 -4
  235. package/src/tree/createTreeState.ts +390 -392
  236. package/src/tree/index.d.ts +10 -4
  237. package/src/tree/index.ts +13 -13
  238. package/src/tree/types.d.ts +131 -126
  239. package/src/tree/types.ts +183 -174
  240. package/src/utils/index.d.ts +2 -2
  241. package/src/utils/index.ts +1 -1
  242. package/src/utils/reactivity.d.ts +2 -2
  243. package/src/utils/reactivity.ts +3 -3
@@ -4,92 +4,94 @@
4
4
  * Provides state management for time field components with segment-based editing.
5
5
  * Based on @react-stately/datepicker useTimeFieldState
6
6
  */
7
- import { type Accessor } from 'solid-js';
8
- import { type Time, type CalendarDateTime, type ZonedDateTime } from '@internationalized/date';
9
- import { type MaybeAccessor } from '../utils';
10
- import type { ValidationState } from './createCalendarState';
7
+ import { type Accessor } from "solid-js";
8
+ import { type Time, type CalendarDateTime, type ZonedDateTime } from "@internationalized/date";
9
+ import { type MaybeAccessor } from "../utils";
10
+ import type { ValidationState } from "./createCalendarState";
11
11
  export type TimeValue = Time | CalendarDateTime | ZonedDateTime;
12
- export type TimeSegmentType = 'hour' | 'minute' | 'second' | 'dayPeriod' | 'literal';
12
+ export type TimeSegmentType = "hour" | "minute" | "second" | "dayPeriod" | "literal";
13
13
  export interface TimeSegment {
14
- /** The type of segment. */
15
- type: TimeSegmentType;
16
- /** The text content of the segment. */
17
- text: string;
18
- /** The numeric value of the segment (if applicable). */
19
- value?: number;
20
- /** The minimum value for the segment. */
21
- minValue?: number;
22
- /** The maximum value for the segment. */
23
- maxValue?: number;
24
- /** Whether this segment is editable. */
25
- isEditable: boolean;
26
- /** Whether this segment is a placeholder. */
27
- isPlaceholder: boolean;
28
- /** A placeholder string for the segment. */
29
- placeholder: string;
14
+ /** The type of segment. */
15
+ type: TimeSegmentType;
16
+ /** The text content of the segment. */
17
+ text: string;
18
+ /** The numeric value of the segment (if applicable). */
19
+ value?: number;
20
+ /** The minimum value for the segment. */
21
+ minValue?: number;
22
+ /** The maximum value for the segment. */
23
+ maxValue?: number;
24
+ /** Whether this segment is editable. */
25
+ isEditable: boolean;
26
+ /** Whether this segment is a placeholder. */
27
+ isPlaceholder: boolean;
28
+ /** A placeholder string for the segment. */
29
+ placeholder: string;
30
30
  }
31
31
  export interface TimeFieldStateProps<T extends TimeValue = Time> {
32
- /** The current value (controlled). */
33
- value?: MaybeAccessor<T | null>;
34
- /** The default value (uncontrolled). */
35
- defaultValue?: T | null;
36
- /** Handler called when the value changes. */
37
- onChange?: (value: T | null) => void;
38
- /** The minimum allowed time. */
39
- minValue?: MaybeAccessor<TimeValue | undefined>;
40
- /** The maximum allowed time. */
41
- maxValue?: MaybeAccessor<TimeValue | undefined>;
42
- /** Whether the field is disabled. */
43
- isDisabled?: MaybeAccessor<boolean>;
44
- /** Whether the field is read-only. */
45
- isReadOnly?: MaybeAccessor<boolean>;
46
- /** Whether the field is required. */
47
- isRequired?: MaybeAccessor<boolean>;
48
- /** The locale to use for formatting. */
49
- locale?: string;
50
- /** The granularity (hour, minute, second). */
51
- granularity?: 'hour' | 'minute' | 'second';
52
- /** Whether to show 12 or 24 hour format. */
53
- hourCycle?: 12 | 24;
54
- /** Validation state. */
55
- validationState?: MaybeAccessor<ValidationState | undefined>;
56
- /** The placeholder value. */
57
- placeholderValue?: T;
32
+ /** The current value (controlled). */
33
+ value?: MaybeAccessor<T | null>;
34
+ /** The default value (uncontrolled). */
35
+ defaultValue?: T | null;
36
+ /** Handler called when the value changes. */
37
+ onChange?: (value: T | null) => void;
38
+ /** The minimum allowed time. */
39
+ minValue?: MaybeAccessor<TimeValue | undefined>;
40
+ /** The maximum allowed time. */
41
+ maxValue?: MaybeAccessor<TimeValue | undefined>;
42
+ /** Whether the field is disabled. */
43
+ isDisabled?: MaybeAccessor<boolean>;
44
+ /** Whether the field is read-only. */
45
+ isReadOnly?: MaybeAccessor<boolean>;
46
+ /** Whether the field is required. */
47
+ isRequired?: MaybeAccessor<boolean>;
48
+ /** The locale to use for formatting. */
49
+ locale?: string;
50
+ /** The granularity (hour, minute, second). */
51
+ granularity?: "hour" | "minute" | "second";
52
+ /** Whether to show 12 or 24 hour format. */
53
+ hourCycle?: 12 | 24;
54
+ /** Validation state. */
55
+ validationState?: MaybeAccessor<ValidationState | undefined>;
56
+ /** The placeholder value. */
57
+ placeholderValue?: T;
58
58
  }
59
59
  export interface TimeFieldState<T extends TimeValue = Time> {
60
- /** The current value. */
61
- value: Accessor<T | null>;
62
- /** Sets the value. */
63
- setValue: (value: T | null) => void;
64
- /** The segments that make up the time. */
65
- segments: Accessor<TimeSegment[]>;
66
- /** Sets a segment value. */
67
- setSegment: (type: TimeSegmentType, value: number) => void;
68
- /** Increments a segment. */
69
- incrementSegment: (type: TimeSegmentType) => void;
70
- /** Decrements a segment. */
71
- decrementSegment: (type: TimeSegmentType) => void;
72
- /** Clears a segment. */
73
- clearSegment: (type: TimeSegmentType) => void;
74
- /** Whether the field is disabled. */
75
- isDisabled: Accessor<boolean>;
76
- /** Whether the field is read-only. */
77
- isReadOnly: Accessor<boolean>;
78
- /** Whether the field is required. */
79
- isRequired: Accessor<boolean>;
80
- /** The validation state. */
81
- validationState: Accessor<ValidationState | undefined>;
82
- /** The granularity. */
83
- granularity: 'hour' | 'minute' | 'second';
84
- /** Whether the value is invalid. */
85
- isInvalid: Accessor<boolean>;
86
- /** The locale. */
87
- locale: string;
88
- /** The hour cycle. */
89
- hourCycle: 12 | 24;
60
+ /** The current value. */
61
+ value: Accessor<T | null>;
62
+ /** Sets the value. */
63
+ setValue: (value: T | null) => void;
64
+ /** The segments that make up the time. */
65
+ segments: Accessor<TimeSegment[]>;
66
+ /** Sets a segment value. */
67
+ setSegment: (type: TimeSegmentType, value: number) => void;
68
+ /** Increments a segment. */
69
+ incrementSegment: (type: TimeSegmentType) => void;
70
+ /** Decrements a segment. */
71
+ decrementSegment: (type: TimeSegmentType) => void;
72
+ /** Clears a segment. */
73
+ clearSegment: (type: TimeSegmentType) => void;
74
+ /** Whether the field is disabled. */
75
+ isDisabled: Accessor<boolean>;
76
+ /** Whether the field is read-only. */
77
+ isReadOnly: Accessor<boolean>;
78
+ /** Whether the field is required. */
79
+ isRequired: Accessor<boolean>;
80
+ /** The validation state. */
81
+ validationState: Accessor<ValidationState | undefined>;
82
+ /** The granularity. */
83
+ granularity: "hour" | "minute" | "second";
84
+ /** Whether the value is invalid. */
85
+ isInvalid: Accessor<boolean>;
86
+ /** The locale. */
87
+ locale: string;
88
+ /** The hour cycle. */
89
+ hourCycle: 12 | 24;
90
90
  }
91
91
  /**
92
92
  * Provides state management for a time field component.
93
93
  */
94
- export declare function createTimeFieldState<T extends TimeValue = Time>(props?: TimeFieldStateProps<T>): TimeFieldState<T>;
95
- //# sourceMappingURL=createTimeFieldState.d.ts.map
94
+ export declare function createTimeFieldState<T extends TimeValue = Time>(
95
+ props?: TimeFieldStateProps<T>,
96
+ ): TimeFieldState<T>;
97
+ //# sourceMappingURL=createTimeFieldState.d.ts.map