@yamada-ui/resizable 1.3.0-dev-20241213204523 → 1.3.0-dev-20241213210300

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 (3) hide show
  1. package/dist/use-resizable.d.mts +27 -27
  2. package/dist/use-resizable.d.ts +27 -27
  3. package/package.json +4 -4
package/dist/use-resizable.d.mts CHANGED
@@ -98,35 +98,39 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
98
98
  orientation: ResizableOrientation;
99
99
  getContainerProps: PropGetter<"div", undefined>;
100
100
  getGroupProps: (props?: Partial<PanelGroupProps>) => {
101
- style?: react.CSSProperties | undefined;
101
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
102
102
  slot?: string | undefined;
103
+ style?: react.CSSProperties | undefined;
103
104
  title?: string | undefined;
105
+ dir?: "ltr" | "rtl" | "auto" | undefined;
106
+ defaultValue?: string | number | readonly string[] | undefined;
104
107
  color?: string | undefined;
105
- content?: string | undefined;
106
- direction: "horizontal" | "vertical";
107
- translate?: "yes" | "no" | undefined;
108
- onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
108
+ direction: "vertical" | "horizontal";
109
+ nonce?: string | undefined;
110
+ onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
111
+ onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
112
+ onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
113
+ onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
109
114
  defaultChecked?: boolean | undefined;
110
- defaultValue?: string | number | readonly string[] | undefined;
111
115
  suppressContentEditableWarning?: boolean | undefined;
112
116
  suppressHydrationWarning?: boolean | undefined;
113
117
  accessKey?: string | undefined;
114
118
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
115
119
  autoFocus?: boolean | undefined;
116
120
  className?: string | undefined;
117
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
121
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
118
122
  contextMenu?: string | undefined;
119
- dir?: "auto" | "ltr" | "rtl" | undefined;
120
- draggable?: (boolean | "true" | "false") | undefined;
123
+ draggable?: (boolean | "false" | "true") | undefined;
121
124
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
122
125
  hidden?: boolean | undefined;
123
126
  lang?: string | undefined;
124
- nonce?: string | undefined;
125
- spellCheck?: (boolean | "true" | "false") | undefined;
127
+ spellCheck?: (boolean | "false" | "true") | undefined;
126
128
  tabIndex?: number | undefined;
129
+ translate?: "yes" | "no" | undefined;
127
130
  radioGroup?: string | undefined;
128
131
  role?: react.AriaRole | undefined;
129
132
  about?: string | undefined;
133
+ content?: string | undefined;
130
134
  datatype?: string | undefined;
131
135
  inlist?: any;
132
136
  prefix?: string | undefined;
@@ -149,11 +153,11 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
149
153
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
150
154
  is?: string | undefined;
151
155
  "aria-activedescendant"?: string | undefined;
152
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
156
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
153
157
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
154
158
  "aria-braillelabel"?: string | undefined;
155
159
  "aria-brailleroledescription"?: string | undefined;
156
- "aria-busy"?: (boolean | "true" | "false") | undefined;
160
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
157
161
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
158
162
  "aria-colcount"?: number | undefined;
159
163
  "aria-colindex"?: number | undefined;
@@ -164,37 +168,36 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
164
168
  "aria-describedby"?: string | undefined;
165
169
  "aria-description"?: string | undefined;
166
170
  "aria-details"?: string | undefined;
167
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
168
171
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
169
172
  "aria-errormessage"?: string | undefined;
170
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
173
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
171
174
  "aria-flowto"?: string | undefined;
172
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
175
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
173
176
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
174
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
177
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
175
178
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
176
179
  "aria-keyshortcuts"?: string | undefined;
177
180
  "aria-label"?: string | undefined;
178
181
  "aria-labelledby"?: string | undefined;
179
182
  "aria-level"?: number | undefined;
180
183
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
181
- "aria-modal"?: (boolean | "true" | "false") | undefined;
182
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
183
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
184
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
185
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
186
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
184
187
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
185
188
  "aria-owns"?: string | undefined;
186
189
  "aria-placeholder"?: string | undefined;
187
190
  "aria-posinset"?: number | undefined;
188
191
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
189
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
192
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
190
193
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
191
- "aria-required"?: (boolean | "true" | "false") | undefined;
194
+ "aria-required"?: (boolean | "false" | "true") | undefined;
192
195
  "aria-roledescription"?: string | undefined;
193
196
  "aria-rowcount"?: number | undefined;
194
197
  "aria-rowindex"?: number | undefined;
195
198
  "aria-rowindextext"?: string | undefined;
196
199
  "aria-rowspan"?: number | undefined;
197
- "aria-selected"?: (boolean | "true" | "false") | undefined;
200
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
198
201
  "aria-setsize"?: number | undefined;
199
202
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
200
203
  "aria-valuemax"?: number | undefined;
@@ -272,6 +275,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
272
275
  onProgressCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
273
276
  onRateChange?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
274
277
  onRateChangeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
278
+ onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
275
279
  onResizeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
276
280
  onSeeked?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
277
281
  onSeekedCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -295,9 +299,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
295
299
  onContextMenuCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
296
300
  onDoubleClick?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
297
301
  onDoubleClickCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
298
- onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
299
302
  onDragCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
300
- onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
301
303
  onDragEndCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
304
  onDragEnter?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
303
305
  onDragEnterCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -307,7 +309,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
307
309
  onDragLeaveCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
308
310
  onDragOver?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
309
311
  onDragOverCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
310
- onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
311
312
  onDragStartCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
312
313
  onDrop?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
313
314
  onDropCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -355,7 +356,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
355
356
  onScrollCapture?: react.UIEventHandler<keyof HTMLElementTagNameMap> | undefined;
356
357
  onWheel?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
357
358
  onWheelCapture?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
358
- onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
359
359
  onAnimationStartCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
360
360
  onAnimationEnd?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
361
361
  onAnimationEndCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
package/dist/use-resizable.d.ts CHANGED
@@ -98,35 +98,39 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
98
98
  orientation: ResizableOrientation;
99
99
  getContainerProps: PropGetter<"div", undefined>;
100
100
  getGroupProps: (props?: Partial<PanelGroupProps>) => {
101
- style?: react.CSSProperties | undefined;
101
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
102
102
  slot?: string | undefined;
103
+ style?: react.CSSProperties | undefined;
103
104
  title?: string | undefined;
105
+ dir?: "ltr" | "rtl" | "auto" | undefined;
106
+ defaultValue?: string | number | readonly string[] | undefined;
104
107
  color?: string | undefined;
105
- content?: string | undefined;
106
- direction: "horizontal" | "vertical";
107
- translate?: "yes" | "no" | undefined;
108
- onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
108
+ direction: "vertical" | "horizontal";
109
+ nonce?: string | undefined;
110
+ onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
111
+ onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
112
+ onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
113
+ onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
109
114
  defaultChecked?: boolean | undefined;
110
- defaultValue?: string | number | readonly string[] | undefined;
111
115
  suppressContentEditableWarning?: boolean | undefined;
112
116
  suppressHydrationWarning?: boolean | undefined;
113
117
  accessKey?: string | undefined;
114
118
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
115
119
  autoFocus?: boolean | undefined;
116
120
  className?: string | undefined;
117
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
121
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
118
122
  contextMenu?: string | undefined;
119
- dir?: "auto" | "ltr" | "rtl" | undefined;
120
- draggable?: (boolean | "true" | "false") | undefined;
123
+ draggable?: (boolean | "false" | "true") | undefined;
121
124
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
122
125
  hidden?: boolean | undefined;
123
126
  lang?: string | undefined;
124
- nonce?: string | undefined;
125
- spellCheck?: (boolean | "true" | "false") | undefined;
127
+ spellCheck?: (boolean | "false" | "true") | undefined;
126
128
  tabIndex?: number | undefined;
129
+ translate?: "yes" | "no" | undefined;
127
130
  radioGroup?: string | undefined;
128
131
  role?: react.AriaRole | undefined;
129
132
  about?: string | undefined;
133
+ content?: string | undefined;
130
134
  datatype?: string | undefined;
131
135
  inlist?: any;
132
136
  prefix?: string | undefined;
@@ -149,11 +153,11 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
149
153
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
150
154
  is?: string | undefined;
151
155
  "aria-activedescendant"?: string | undefined;
152
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
156
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
153
157
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
154
158
  "aria-braillelabel"?: string | undefined;
155
159
  "aria-brailleroledescription"?: string | undefined;
156
- "aria-busy"?: (boolean | "true" | "false") | undefined;
160
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
157
161
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
158
162
  "aria-colcount"?: number | undefined;
159
163
  "aria-colindex"?: number | undefined;
@@ -164,37 +168,36 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
164
168
  "aria-describedby"?: string | undefined;
165
169
  "aria-description"?: string | undefined;
166
170
  "aria-details"?: string | undefined;
167
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
168
171
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
169
172
  "aria-errormessage"?: string | undefined;
170
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
173
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
171
174
  "aria-flowto"?: string | undefined;
172
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
175
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
173
176
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
174
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
177
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
175
178
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
176
179
  "aria-keyshortcuts"?: string | undefined;
177
180
  "aria-label"?: string | undefined;
178
181
  "aria-labelledby"?: string | undefined;
179
182
  "aria-level"?: number | undefined;
180
183
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
181
- "aria-modal"?: (boolean | "true" | "false") | undefined;
182
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
183
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
184
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
185
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
186
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
184
187
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
185
188
  "aria-owns"?: string | undefined;
186
189
  "aria-placeholder"?: string | undefined;
187
190
  "aria-posinset"?: number | undefined;
188
191
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
189
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
192
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
190
193
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
191
- "aria-required"?: (boolean | "true" | "false") | undefined;
194
+ "aria-required"?: (boolean | "false" | "true") | undefined;
192
195
  "aria-roledescription"?: string | undefined;
193
196
  "aria-rowcount"?: number | undefined;
194
197
  "aria-rowindex"?: number | undefined;
195
198
  "aria-rowindextext"?: string | undefined;
196
199
  "aria-rowspan"?: number | undefined;
197
- "aria-selected"?: (boolean | "true" | "false") | undefined;
200
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
198
201
  "aria-setsize"?: number | undefined;
199
202
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
200
203
  "aria-valuemax"?: number | undefined;
@@ -272,6 +275,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
272
275
  onProgressCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
273
276
  onRateChange?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
274
277
  onRateChangeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
278
+ onResize?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
275
279
  onResizeCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
276
280
  onSeeked?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
277
281
  onSeekedCapture?: react.ReactEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -295,9 +299,7 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
295
299
  onContextMenuCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
296
300
  onDoubleClick?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
297
301
  onDoubleClickCapture?: MouseEventHandler<keyof HTMLElementTagNameMap> | undefined;
298
- onDrag?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
299
302
  onDragCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
300
- onDragEnd?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
301
303
  onDragEndCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
302
304
  onDragEnter?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
303
305
  onDragEnterCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -307,7 +309,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
307
309
  onDragLeaveCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
308
310
  onDragOver?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
309
311
  onDragOverCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
310
- onDragStart?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
311
312
  onDragStartCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
312
313
  onDrop?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
313
314
  onDropCapture?: react.DragEventHandler<keyof HTMLElementTagNameMap> | undefined;
@@ -355,7 +356,6 @@ declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, i
355
356
  onScrollCapture?: react.UIEventHandler<keyof HTMLElementTagNameMap> | undefined;
356
357
  onWheel?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
357
358
  onWheelCapture?: react.WheelEventHandler<keyof HTMLElementTagNameMap> | undefined;
358
- onAnimationStart?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
359
359
  onAnimationStartCapture?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
360
360
  onAnimationEnd?: react.AnimationEventHandler<keyof HTMLElementTagNameMap> | undefined;
361
361
  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.3.0-dev-20241213204523",
3
+ "version": "1.3.0-dev-20241213210300",
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-20241213204523",
41
- "@yamada-ui/icon": "1.1.17-dev-20241213204523",
42
- "@yamada-ui/utils": "1.6.2-dev-20241213204523"
40
+ "@yamada-ui/core": "1.16.2-dev-20241213210300",
41
+ "@yamada-ui/icon": "1.1.17-dev-20241213210300",
42
+ "@yamada-ui/utils": "1.6.2-dev-20241213210300"
43
43
  },
44
44
  "devDependencies": {
45
45
  "clean-package": "2.2.0",