@seed-design/react-checkbox 0.0.3 → 0.0.4

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 (2) hide show
  1. package/lib/index.d.ts +62 -14
  2. package/package.json +5 -5
package/lib/index.d.ts CHANGED
@@ -22,7 +22,7 @@ declare function useCheckbox(props: UseCheckboxProps): {
22
22
  focusVisible: boolean;
23
23
  setFocusVisible: react.Dispatch<react.SetStateAction<boolean>>;
24
24
  refs: {
25
- input: react.RefObject<HTMLInputElement>;
25
+ input: react.RefObject<HTMLInputElement | null>;
26
26
  };
27
27
  stateProps: {
28
28
  defaultChecked?: boolean | undefined | undefined;
@@ -72,6 +72,10 @@ declare function useCheckbox(props: UseCheckboxProps): {
72
72
  results?: number | undefined | undefined;
73
73
  security?: string | undefined | undefined;
74
74
  unselectable?: "on" | "off" | undefined | undefined;
75
+ popover?: "" | "auto" | "manual" | undefined | undefined;
76
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
77
+ popoverTarget?: string | undefined | undefined;
78
+ inert?: boolean | undefined | undefined;
75
79
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
76
80
  is?: string | undefined | undefined;
77
81
  exportparts?: string | undefined | undefined;
@@ -151,7 +155,7 @@ declare function useCheckbox(props: UseCheckboxProps): {
151
155
  onBlurCapture?: react.FocusEventHandler<HTMLElement> | undefined;
152
156
  onChange?: react.FormEventHandler<HTMLElement> | undefined;
153
157
  onChangeCapture?: react.FormEventHandler<HTMLElement> | undefined;
154
- onBeforeInput?: react.FormEventHandler<HTMLElement> | undefined;
158
+ onBeforeInput?: react.InputEventHandler<HTMLElement> | undefined;
155
159
  onBeforeInputCapture?: react.FormEventHandler<HTMLElement> | undefined;
156
160
  onInput?: react.FormEventHandler<HTMLElement> | undefined;
157
161
  onInputCapture?: react.FormEventHandler<HTMLElement> | undefined;
@@ -201,8 +205,6 @@ declare function useCheckbox(props: UseCheckboxProps): {
201
205
  onProgressCapture?: react.ReactEventHandler<HTMLElement> | undefined;
202
206
  onRateChange?: react.ReactEventHandler<HTMLElement> | undefined;
203
207
  onRateChangeCapture?: react.ReactEventHandler<HTMLElement> | undefined;
204
- onResize?: react.ReactEventHandler<HTMLElement> | undefined;
205
- onResizeCapture?: react.ReactEventHandler<HTMLElement> | undefined;
206
208
  onSeeked?: react.ReactEventHandler<HTMLElement> | undefined;
207
209
  onSeekedCapture?: react.ReactEventHandler<HTMLElement> | undefined;
208
210
  onSeeking?: react.ReactEventHandler<HTMLElement> | undefined;
@@ -283,6 +285,8 @@ declare function useCheckbox(props: UseCheckboxProps): {
283
285
  onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLElement> | undefined;
284
286
  onScroll?: react.UIEventHandler<HTMLElement> | undefined;
285
287
  onScrollCapture?: react.UIEventHandler<HTMLElement> | undefined;
288
+ onScrollEnd?: react.UIEventHandler<HTMLElement> | undefined;
289
+ onScrollEndCapture?: react.UIEventHandler<HTMLElement> | undefined;
286
290
  onWheel?: react.WheelEventHandler<HTMLElement> | undefined;
287
291
  onWheelCapture?: react.WheelEventHandler<HTMLElement> | undefined;
288
292
  onAnimationStart?: react.AnimationEventHandler<HTMLElement> | undefined;
@@ -291,8 +295,16 @@ declare function useCheckbox(props: UseCheckboxProps): {
291
295
  onAnimationEndCapture?: react.AnimationEventHandler<HTMLElement> | undefined;
292
296
  onAnimationIteration?: react.AnimationEventHandler<HTMLElement> | undefined;
293
297
  onAnimationIterationCapture?: react.AnimationEventHandler<HTMLElement> | undefined;
298
+ onToggle?: react.ToggleEventHandler<HTMLElement> | undefined;
299
+ onBeforeToggle?: react.ToggleEventHandler<HTMLElement> | undefined;
300
+ onTransitionCancel?: react.TransitionEventHandler<HTMLElement> | undefined;
301
+ onTransitionCancelCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
294
302
  onTransitionEnd?: react.TransitionEventHandler<HTMLElement> | undefined;
295
303
  onTransitionEndCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
304
+ onTransitionRun?: react.TransitionEventHandler<HTMLElement> | undefined;
305
+ onTransitionRunCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
306
+ onTransitionStart?: react.TransitionEventHandler<HTMLElement> | undefined;
307
+ onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
296
308
  };
297
309
  rootProps: {
298
310
  defaultChecked?: boolean | undefined | undefined;
@@ -342,6 +354,10 @@ declare function useCheckbox(props: UseCheckboxProps): {
342
354
  results?: number | undefined | undefined;
343
355
  security?: string | undefined | undefined;
344
356
  unselectable?: "on" | "off" | undefined | undefined;
357
+ popover?: "" | "auto" | "manual" | undefined | undefined;
358
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
359
+ popoverTarget?: string | undefined | undefined;
360
+ inert?: boolean | undefined | undefined;
345
361
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
346
362
  is?: string | undefined | undefined;
347
363
  exportparts?: string | undefined | undefined;
@@ -421,7 +437,7 @@ declare function useCheckbox(props: UseCheckboxProps): {
421
437
  onBlurCapture?: react.FocusEventHandler<HTMLLabelElement> | undefined;
422
438
  onChange?: react.FormEventHandler<HTMLLabelElement> | undefined;
423
439
  onChangeCapture?: react.FormEventHandler<HTMLLabelElement> | undefined;
424
- onBeforeInput?: react.FormEventHandler<HTMLLabelElement> | undefined;
440
+ onBeforeInput?: react.InputEventHandler<HTMLLabelElement> | undefined;
425
441
  onBeforeInputCapture?: react.FormEventHandler<HTMLLabelElement> | undefined;
426
442
  onInput?: react.FormEventHandler<HTMLLabelElement> | undefined;
427
443
  onInputCapture?: react.FormEventHandler<HTMLLabelElement> | undefined;
@@ -471,8 +487,6 @@ declare function useCheckbox(props: UseCheckboxProps): {
471
487
  onProgressCapture?: react.ReactEventHandler<HTMLLabelElement> | undefined;
472
488
  onRateChange?: react.ReactEventHandler<HTMLLabelElement> | undefined;
473
489
  onRateChangeCapture?: react.ReactEventHandler<HTMLLabelElement> | undefined;
474
- onResize?: react.ReactEventHandler<HTMLLabelElement> | undefined;
475
- onResizeCapture?: react.ReactEventHandler<HTMLLabelElement> | undefined;
476
490
  onSeeked?: react.ReactEventHandler<HTMLLabelElement> | undefined;
477
491
  onSeekedCapture?: react.ReactEventHandler<HTMLLabelElement> | undefined;
478
492
  onSeeking?: react.ReactEventHandler<HTMLLabelElement> | undefined;
@@ -553,6 +567,8 @@ declare function useCheckbox(props: UseCheckboxProps): {
553
567
  onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLLabelElement> | undefined;
554
568
  onScroll?: react.UIEventHandler<HTMLLabelElement> | undefined;
555
569
  onScrollCapture?: react.UIEventHandler<HTMLLabelElement> | undefined;
570
+ onScrollEnd?: react.UIEventHandler<HTMLLabelElement> | undefined;
571
+ onScrollEndCapture?: react.UIEventHandler<HTMLLabelElement> | undefined;
556
572
  onWheel?: react.WheelEventHandler<HTMLLabelElement> | undefined;
557
573
  onWheelCapture?: react.WheelEventHandler<HTMLLabelElement> | undefined;
558
574
  onAnimationStart?: react.AnimationEventHandler<HTMLLabelElement> | undefined;
@@ -561,8 +577,16 @@ declare function useCheckbox(props: UseCheckboxProps): {
561
577
  onAnimationEndCapture?: react.AnimationEventHandler<HTMLLabelElement> | undefined;
562
578
  onAnimationIteration?: react.AnimationEventHandler<HTMLLabelElement> | undefined;
563
579
  onAnimationIterationCapture?: react.AnimationEventHandler<HTMLLabelElement> | undefined;
580
+ onToggle?: react.ToggleEventHandler<HTMLLabelElement> | undefined;
581
+ onBeforeToggle?: react.ToggleEventHandler<HTMLLabelElement> | undefined;
582
+ onTransitionCancel?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
583
+ onTransitionCancelCapture?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
564
584
  onTransitionEnd?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
565
585
  onTransitionEndCapture?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
586
+ onTransitionRun?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
587
+ onTransitionRunCapture?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
588
+ onTransitionStart?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
589
+ onTransitionStartCapture?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
566
590
  form?: string | undefined | undefined;
567
591
  htmlFor?: string | undefined | undefined;
568
592
  };
@@ -614,6 +638,10 @@ declare function useCheckbox(props: UseCheckboxProps): {
614
638
  results?: number | undefined | undefined;
615
639
  security?: string | undefined | undefined;
616
640
  unselectable?: "on" | "off" | undefined | undefined;
641
+ popover?: "" | "auto" | "manual" | undefined | undefined;
642
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
643
+ popoverTarget?: string | undefined | undefined;
644
+ inert?: boolean | undefined | undefined;
617
645
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
618
646
  is?: string | undefined | undefined;
619
647
  exportparts?: string | undefined | undefined;
@@ -693,7 +721,7 @@ declare function useCheckbox(props: UseCheckboxProps): {
693
721
  onBlurCapture?: react.FocusEventHandler<HTMLElement> | undefined;
694
722
  onChange?: react.FormEventHandler<HTMLElement> | undefined;
695
723
  onChangeCapture?: react.FormEventHandler<HTMLElement> | undefined;
696
- onBeforeInput?: react.FormEventHandler<HTMLElement> | undefined;
724
+ onBeforeInput?: react.InputEventHandler<HTMLElement> | undefined;
697
725
  onBeforeInputCapture?: react.FormEventHandler<HTMLElement> | undefined;
698
726
  onInput?: react.FormEventHandler<HTMLElement> | undefined;
699
727
  onInputCapture?: react.FormEventHandler<HTMLElement> | undefined;
@@ -743,8 +771,6 @@ declare function useCheckbox(props: UseCheckboxProps): {
743
771
  onProgressCapture?: react.ReactEventHandler<HTMLElement> | undefined;
744
772
  onRateChange?: react.ReactEventHandler<HTMLElement> | undefined;
745
773
  onRateChangeCapture?: react.ReactEventHandler<HTMLElement> | undefined;
746
- onResize?: react.ReactEventHandler<HTMLElement> | undefined;
747
- onResizeCapture?: react.ReactEventHandler<HTMLElement> | undefined;
748
774
  onSeeked?: react.ReactEventHandler<HTMLElement> | undefined;
749
775
  onSeekedCapture?: react.ReactEventHandler<HTMLElement> | undefined;
750
776
  onSeeking?: react.ReactEventHandler<HTMLElement> | undefined;
@@ -825,6 +851,8 @@ declare function useCheckbox(props: UseCheckboxProps): {
825
851
  onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLElement> | undefined;
826
852
  onScroll?: react.UIEventHandler<HTMLElement> | undefined;
827
853
  onScrollCapture?: react.UIEventHandler<HTMLElement> | undefined;
854
+ onScrollEnd?: react.UIEventHandler<HTMLElement> | undefined;
855
+ onScrollEndCapture?: react.UIEventHandler<HTMLElement> | undefined;
828
856
  onWheel?: react.WheelEventHandler<HTMLElement> | undefined;
829
857
  onWheelCapture?: react.WheelEventHandler<HTMLElement> | undefined;
830
858
  onAnimationStart?: react.AnimationEventHandler<HTMLElement> | undefined;
@@ -833,8 +861,16 @@ declare function useCheckbox(props: UseCheckboxProps): {
833
861
  onAnimationEndCapture?: react.AnimationEventHandler<HTMLElement> | undefined;
834
862
  onAnimationIteration?: react.AnimationEventHandler<HTMLElement> | undefined;
835
863
  onAnimationIterationCapture?: react.AnimationEventHandler<HTMLElement> | undefined;
864
+ onToggle?: react.ToggleEventHandler<HTMLElement> | undefined;
865
+ onBeforeToggle?: react.ToggleEventHandler<HTMLElement> | undefined;
866
+ onTransitionCancel?: react.TransitionEventHandler<HTMLElement> | undefined;
867
+ onTransitionCancelCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
836
868
  onTransitionEnd?: react.TransitionEventHandler<HTMLElement> | undefined;
837
869
  onTransitionEndCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
870
+ onTransitionRun?: react.TransitionEventHandler<HTMLElement> | undefined;
871
+ onTransitionRunCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
872
+ onTransitionStart?: react.TransitionEventHandler<HTMLElement> | undefined;
873
+ onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
838
874
  };
839
875
  hiddenInputProps: {
840
876
  disabled?: boolean | undefined | undefined;
@@ -887,6 +923,10 @@ declare function useCheckbox(props: UseCheckboxProps): {
887
923
  results?: number | undefined | undefined;
888
924
  security?: string | undefined | undefined;
889
925
  unselectable?: "on" | "off" | undefined | undefined;
926
+ popover?: "" | "auto" | "manual" | undefined | undefined;
927
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
928
+ popoverTarget?: string | undefined | undefined;
929
+ inert?: boolean | undefined | undefined;
890
930
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
891
931
  is?: string | undefined | undefined;
892
932
  exportparts?: string | undefined | undefined;
@@ -966,7 +1006,7 @@ declare function useCheckbox(props: UseCheckboxProps): {
966
1006
  onBlurCapture?: react.FocusEventHandler<HTMLInputElement> | undefined;
967
1007
  onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
968
1008
  onChangeCapture?: react.FormEventHandler<HTMLInputElement> | undefined;
969
- onBeforeInput?: react.FormEventHandler<HTMLInputElement> | undefined;
1009
+ onBeforeInput?: react.InputEventHandler<HTMLInputElement> | undefined;
970
1010
  onBeforeInputCapture?: react.FormEventHandler<HTMLInputElement> | undefined;
971
1011
  onInput?: react.FormEventHandler<HTMLInputElement> | undefined;
972
1012
  onInputCapture?: react.FormEventHandler<HTMLInputElement> | undefined;
@@ -1016,8 +1056,6 @@ declare function useCheckbox(props: UseCheckboxProps): {
1016
1056
  onProgressCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
1017
1057
  onRateChange?: react.ReactEventHandler<HTMLInputElement> | undefined;
1018
1058
  onRateChangeCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
1019
- onResize?: react.ReactEventHandler<HTMLInputElement> | undefined;
1020
- onResizeCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
1021
1059
  onSeeked?: react.ReactEventHandler<HTMLInputElement> | undefined;
1022
1060
  onSeekedCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
1023
1061
  onSeeking?: react.ReactEventHandler<HTMLInputElement> | undefined;
@@ -1098,6 +1136,8 @@ declare function useCheckbox(props: UseCheckboxProps): {
1098
1136
  onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
1099
1137
  onScroll?: react.UIEventHandler<HTMLInputElement> | undefined;
1100
1138
  onScrollCapture?: react.UIEventHandler<HTMLInputElement> | undefined;
1139
+ onScrollEnd?: react.UIEventHandler<HTMLInputElement> | undefined;
1140
+ onScrollEndCapture?: react.UIEventHandler<HTMLInputElement> | undefined;
1101
1141
  onWheel?: react.WheelEventHandler<HTMLInputElement> | undefined;
1102
1142
  onWheelCapture?: react.WheelEventHandler<HTMLInputElement> | undefined;
1103
1143
  onAnimationStart?: react.AnimationEventHandler<HTMLInputElement> | undefined;
@@ -1106,14 +1146,22 @@ declare function useCheckbox(props: UseCheckboxProps): {
1106
1146
  onAnimationEndCapture?: react.AnimationEventHandler<HTMLInputElement> | undefined;
1107
1147
  onAnimationIteration?: react.AnimationEventHandler<HTMLInputElement> | undefined;
1108
1148
  onAnimationIterationCapture?: react.AnimationEventHandler<HTMLInputElement> | undefined;
1149
+ onToggle?: react.ToggleEventHandler<HTMLInputElement> | undefined;
1150
+ onBeforeToggle?: react.ToggleEventHandler<HTMLInputElement> | undefined;
1151
+ onTransitionCancel?: react.TransitionEventHandler<HTMLInputElement> | undefined;
1152
+ onTransitionCancelCapture?: react.TransitionEventHandler<HTMLInputElement> | undefined;
1109
1153
  onTransitionEnd?: react.TransitionEventHandler<HTMLInputElement> | undefined;
1110
1154
  onTransitionEndCapture?: react.TransitionEventHandler<HTMLInputElement> | undefined;
1155
+ onTransitionRun?: react.TransitionEventHandler<HTMLInputElement> | undefined;
1156
+ onTransitionRunCapture?: react.TransitionEventHandler<HTMLInputElement> | undefined;
1157
+ onTransitionStart?: react.TransitionEventHandler<HTMLInputElement> | undefined;
1158
+ onTransitionStartCapture?: react.TransitionEventHandler<HTMLInputElement> | undefined;
1111
1159
  accept?: string | undefined | undefined;
1112
1160
  alt?: string | undefined | undefined;
1113
1161
  autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
1114
1162
  capture?: boolean | "user" | "environment" | undefined | undefined;
1115
1163
  form?: string | undefined | undefined;
1116
- formAction?: string | undefined;
1164
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
1117
1165
  formEncType?: string | undefined | undefined;
1118
1166
  formMethod?: string | undefined | undefined;
1119
1167
  formNoValidate?: boolean | undefined | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/react-checkbox",
3
- "version": "0.0.3",
3
+ "version": "0.0.4",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
@@ -30,12 +30,12 @@
30
30
  "@radix-ui/react-compose-refs": "^1.1.2",
31
31
  "@radix-ui/react-use-controllable-state": "1.2.2",
32
32
  "@seed-design/dom-utils": "0.0.2",
33
- "@seed-design/react-primitive": "0.0.2"
33
+ "@seed-design/react-primitive": "0.0.3"
34
34
  },
35
35
  "devDependencies": {
36
- "@types/react": "^18.3.20",
37
- "react": "^18.3.1",
38
- "react-dom": "^18.3.1"
36
+ "@types/react": "^19.1.6",
37
+ "react": "^19.1.0",
38
+ "react-dom": "^19.1.0"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "react": ">=18.0.0",