@yamada-ui/resizable 1.2.4-dev-20241212094045 → 1.2.4-dev-20241212095817

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.
@@ -90,35 +90,39 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
90
90
  disabled: boolean;
91
91
  getContainerProps: PropGetter<"div", undefined>;
92
92
  getGroupProps: (props?: Partial<PanelGroupProps>) => {
93
- style?: react.CSSProperties | undefined;
93
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
94
94
  slot?: string | undefined;
95
+ style?: react.CSSProperties | undefined;
95
96
  title?: string | undefined;
97
+ dir?: "ltr" | "rtl" | "auto" | undefined;
98
+ defaultValue?: string | number | readonly string[] | undefined;
96
99
  color?: string | undefined;
97
- content?: string | undefined;
98
- direction: "horizontal" | "vertical";
99
- translate?: "yes" | "no" | undefined;
100
- onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
100
+ direction: "vertical" | "horizontal";
101
+ nonce?: string | undefined;
102
+ onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
103
+ onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
104
+ onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
105
+ onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
101
106
  defaultChecked?: boolean | undefined;
102
- defaultValue?: string | number | readonly string[] | undefined;
103
107
  suppressContentEditableWarning?: boolean | undefined;
104
108
  suppressHydrationWarning?: boolean | undefined;
105
109
  accessKey?: string | undefined;
106
110
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
107
111
  autoFocus?: boolean | undefined;
108
112
  className?: string | undefined;
109
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
113
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
110
114
  contextMenu?: string | undefined;
111
- dir?: "auto" | "ltr" | "rtl" | undefined;
112
- draggable?: (boolean | "true" | "false") | undefined;
115
+ draggable?: (boolean | "false" | "true") | undefined;
113
116
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
114
117
  hidden?: boolean | undefined;
115
118
  lang?: string | undefined;
116
- nonce?: string | undefined;
117
- spellCheck?: (boolean | "true" | "false") | undefined;
119
+ spellCheck?: (boolean | "false" | "true") | undefined;
118
120
  tabIndex?: number | undefined;
121
+ translate?: "yes" | "no" | undefined;
119
122
  radioGroup?: string | undefined;
120
123
  role?: react.AriaRole | undefined;
121
124
  about?: string | undefined;
125
+ content?: string | undefined;
122
126
  datatype?: string | undefined;
123
127
  inlist?: any;
124
128
  prefix?: string | undefined;
@@ -141,11 +145,11 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
141
145
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
142
146
  is?: string | undefined;
143
147
  "aria-activedescendant"?: string | undefined;
144
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
148
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
145
149
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
146
150
  "aria-braillelabel"?: string | undefined;
147
151
  "aria-brailleroledescription"?: string | undefined;
148
- "aria-busy"?: (boolean | "true" | "false") | undefined;
152
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
149
153
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
150
154
  "aria-colcount"?: number | undefined;
151
155
  "aria-colindex"?: number | undefined;
@@ -156,37 +160,36 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
156
160
  "aria-describedby"?: string | undefined;
157
161
  "aria-description"?: string | undefined;
158
162
  "aria-details"?: string | undefined;
159
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
160
163
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
161
164
  "aria-errormessage"?: string | undefined;
162
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
165
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
163
166
  "aria-flowto"?: string | undefined;
164
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
167
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
165
168
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
166
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
169
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
167
170
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
168
171
  "aria-keyshortcuts"?: string | undefined;
169
172
  "aria-label"?: string | undefined;
170
173
  "aria-labelledby"?: string | undefined;
171
174
  "aria-level"?: number | undefined;
172
175
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
173
- "aria-modal"?: (boolean | "true" | "false") | undefined;
174
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
175
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
176
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
177
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
178
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
176
179
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
177
180
  "aria-owns"?: string | undefined;
178
181
  "aria-placeholder"?: string | undefined;
179
182
  "aria-posinset"?: number | undefined;
180
183
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
181
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
184
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
182
185
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
183
- "aria-required"?: (boolean | "true" | "false") | undefined;
186
+ "aria-required"?: (boolean | "false" | "true") | undefined;
184
187
  "aria-roledescription"?: string | undefined;
185
188
  "aria-rowcount"?: number | undefined;
186
189
  "aria-rowindex"?: number | undefined;
187
190
  "aria-rowindextext"?: string | undefined;
188
191
  "aria-rowspan"?: number | undefined;
189
- "aria-selected"?: (boolean | "true" | "false") | undefined;
192
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
190
193
  "aria-setsize"?: number | undefined;
191
194
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
192
195
  "aria-valuemax"?: number | undefined;
@@ -264,6 +267,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
264
267
  onProgressCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
265
268
  onRateChange?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
266
269
  onRateChangeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
270
+ onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
267
271
  onResizeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
268
272
  onSeeked?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
269
273
  onSeekedCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -287,9 +291,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
287
291
  onContextMenuCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
288
292
  onDoubleClick?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
289
293
  onDoubleClickCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
290
- onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
291
294
  onDragCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
292
- onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
293
295
  onDragEndCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
294
296
  onDragEnter?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
295
297
  onDragEnterCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -299,7 +301,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
299
301
  onDragLeaveCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
300
302
  onDragOver?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
301
303
  onDragOverCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
- onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
303
304
  onDragStartCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
304
305
  onDrop?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
305
306
  onDropCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -347,7 +348,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
347
348
  onScrollCapture?: react.UIEventHandler<keyof HTMLElementTagNameMap> | undefined;
348
349
  onWheel?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
349
350
  onWheelCapture?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
350
- onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
351
351
  onAnimationStartCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
352
352
  onAnimationEnd?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
353
353
  onAnimationEndCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -90,35 +90,39 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
90
90
  disabled: boolean;
91
91
  getContainerProps: PropGetter<"div", undefined>;
92
92
  getGroupProps: (props?: Partial<PanelGroupProps>) => {
93
- style?: react.CSSProperties | undefined;
93
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
94
94
  slot?: string | undefined;
95
+ style?: react.CSSProperties | undefined;
95
96
  title?: string | undefined;
97
+ dir?: "ltr" | "rtl" | "auto" | undefined;
98
+ defaultValue?: string | number | readonly string[] | undefined;
96
99
  color?: string | undefined;
97
- content?: string | undefined;
98
- direction: "horizontal" | "vertical";
99
- translate?: "yes" | "no" | undefined;
100
- onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
100
+ direction: "vertical" | "horizontal";
101
+ nonce?: string | undefined;
102
+ onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
103
+ onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
104
+ onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
105
+ onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
101
106
  defaultChecked?: boolean | undefined;
102
- defaultValue?: string | number | readonly string[] | undefined;
103
107
  suppressContentEditableWarning?: boolean | undefined;
104
108
  suppressHydrationWarning?: boolean | undefined;
105
109
  accessKey?: string | undefined;
106
110
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
107
111
  autoFocus?: boolean | undefined;
108
112
  className?: string | undefined;
109
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
113
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
110
114
  contextMenu?: string | undefined;
111
- dir?: "auto" | "ltr" | "rtl" | undefined;
112
- draggable?: (boolean | "true" | "false") | undefined;
115
+ draggable?: (boolean | "false" | "true") | undefined;
113
116
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
114
117
  hidden?: boolean | undefined;
115
118
  lang?: string | undefined;
116
- nonce?: string | undefined;
117
- spellCheck?: (boolean | "true" | "false") | undefined;
119
+ spellCheck?: (boolean | "false" | "true") | undefined;
118
120
  tabIndex?: number | undefined;
121
+ translate?: "yes" | "no" | undefined;
119
122
  radioGroup?: string | undefined;
120
123
  role?: react.AriaRole | undefined;
121
124
  about?: string | undefined;
125
+ content?: string | undefined;
122
126
  datatype?: string | undefined;
123
127
  inlist?: any;
124
128
  prefix?: string | undefined;
@@ -141,11 +145,11 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
141
145
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
142
146
  is?: string | undefined;
143
147
  "aria-activedescendant"?: string | undefined;
144
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
148
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
145
149
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
146
150
  "aria-braillelabel"?: string | undefined;
147
151
  "aria-brailleroledescription"?: string | undefined;
148
- "aria-busy"?: (boolean | "true" | "false") | undefined;
152
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
149
153
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
150
154
  "aria-colcount"?: number | undefined;
151
155
  "aria-colindex"?: number | undefined;
@@ -156,37 +160,36 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
156
160
  "aria-describedby"?: string | undefined;
157
161
  "aria-description"?: string | undefined;
158
162
  "aria-details"?: string | undefined;
159
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
160
163
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
161
164
  "aria-errormessage"?: string | undefined;
162
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
165
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
163
166
  "aria-flowto"?: string | undefined;
164
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
167
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
165
168
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
166
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
169
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
167
170
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
168
171
  "aria-keyshortcuts"?: string | undefined;
169
172
  "aria-label"?: string | undefined;
170
173
  "aria-labelledby"?: string | undefined;
171
174
  "aria-level"?: number | undefined;
172
175
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
173
- "aria-modal"?: (boolean | "true" | "false") | undefined;
174
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
175
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
176
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
177
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
178
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
176
179
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
177
180
  "aria-owns"?: string | undefined;
178
181
  "aria-placeholder"?: string | undefined;
179
182
  "aria-posinset"?: number | undefined;
180
183
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
181
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
184
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
182
185
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
183
- "aria-required"?: (boolean | "true" | "false") | undefined;
186
+ "aria-required"?: (boolean | "false" | "true") | undefined;
184
187
  "aria-roledescription"?: string | undefined;
185
188
  "aria-rowcount"?: number | undefined;
186
189
  "aria-rowindex"?: number | undefined;
187
190
  "aria-rowindextext"?: string | undefined;
188
191
  "aria-rowspan"?: number | undefined;
189
- "aria-selected"?: (boolean | "true" | "false") | undefined;
192
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
190
193
  "aria-setsize"?: number | undefined;
191
194
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
192
195
  "aria-valuemax"?: number | undefined;
@@ -264,6 +267,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
264
267
  onProgressCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
265
268
  onRateChange?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
266
269
  onRateChangeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
270
+ onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
267
271
  onResizeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
268
272
  onSeeked?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
269
273
  onSeekedCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -287,9 +291,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
287
291
  onContextMenuCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
288
292
  onDoubleClick?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
289
293
  onDoubleClickCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
290
- onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
291
294
  onDragCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
292
- onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
293
295
  onDragEndCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
294
296
  onDragEnter?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
295
297
  onDragEnterCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -299,7 +301,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
299
301
  onDragLeaveCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
300
302
  onDragOver?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
301
303
  onDragOverCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
- onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
303
304
  onDragStartCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
304
305
  onDrop?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
305
306
  onDropCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -347,7 +348,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, d
347
348
  onScrollCapture?: react.UIEventHandler<keyof HTMLElementTagNameMap> | undefined;
348
349
  onWheel?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
349
350
  onWheelCapture?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
350
- onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
351
351
  onAnimationStartCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
352
352
  onAnimationEnd?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
353
353
  onAnimationEndCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/resizable",
3
- "version": "1.2.4-dev-20241212094045",
3
+ "version": "1.2.4-dev-20241212095817",
4
4
  "description": "Yamada UI resizable component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -37,9 +37,9 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "react-resizable-panels": "^2.1.7",
40
- "@yamada-ui/core": "1.16.2-dev-20241212094045",
41
- "@yamada-ui/icon": "1.1.17-dev-20241212094045",
42
- "@yamada-ui/utils": "1.6.2-dev-20241212094045"
40
+ "@yamada-ui/core": "1.16.2-dev-20241212095817",
41
+ "@yamada-ui/icon": "1.1.17-dev-20241212095817",
42
+ "@yamada-ui/utils": "1.6.2-dev-20241212095817"
43
43
  },
44
44
  "devDependencies": {
45
45
  "clean-package": "2.2.0",