@yamada-ui/input 0.2.6 → 0.2.7

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.
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Input
3
- } from "./chunk-BFONSAR4.mjs";
3
+ } from "./chunk-IFUHRKER.mjs";
4
4
 
5
5
  // src/input-group.tsx
6
6
  import {
@@ -11,7 +11,12 @@ import {
11
11
  } from "@yamada-ui/core";
12
12
  import { FileInput } from "@yamada-ui/file-input";
13
13
  import { useToken } from "@yamada-ui/use-token";
14
- import { createContext, cx as cx3, filterUndefined, getValidChildren } from "@yamada-ui/utils";
14
+ import {
15
+ createContext,
16
+ cx as cx3,
17
+ filterUndefined,
18
+ getValidChildren
19
+ } from "@yamada-ui/utils";
15
20
  import { cloneElement } from "react";
16
21
 
17
22
  // src/input-addon.tsx
@@ -42,31 +47,43 @@ var InputAddon = forwardRef(
42
47
  ...styles.addon,
43
48
  ...placementStyles[placement]
44
49
  };
45
- return /* @__PURE__ */ jsx(ui.div, { ref, className: cx("ui-input-addon", className), __css: css, ...rest });
50
+ return /* @__PURE__ */ jsx(
51
+ ui.div,
52
+ {
53
+ ref,
54
+ className: cx("ui-input-addon", className),
55
+ __css: css,
56
+ ...rest
57
+ }
58
+ );
59
+ }
60
+ );
61
+ var InputLeftAddon = forwardRef(
62
+ ({ className, ...rest }, ref) => {
63
+ return /* @__PURE__ */ jsx(
64
+ InputAddon,
65
+ {
66
+ ref,
67
+ className: cx("ui-input-addon-left", className),
68
+ placement: "left",
69
+ ...rest
70
+ }
71
+ );
72
+ }
73
+ );
74
+ var InputRightAddon = forwardRef(
75
+ ({ className, ...rest }, ref) => {
76
+ return /* @__PURE__ */ jsx(
77
+ InputAddon,
78
+ {
79
+ ref,
80
+ className: cx("ui-input-addon-right", className),
81
+ placement: "right",
82
+ ...rest
83
+ }
84
+ );
46
85
  }
47
86
  );
48
- var InputLeftAddon = forwardRef(({ className, ...rest }, ref) => {
49
- return /* @__PURE__ */ jsx(
50
- InputAddon,
51
- {
52
- ref,
53
- className: cx("ui-input-addon-left", className),
54
- placement: "left",
55
- ...rest
56
- }
57
- );
58
- });
59
- var InputRightAddon = forwardRef(({ className, ...rest }, ref) => {
60
- return /* @__PURE__ */ jsx(
61
- InputAddon,
62
- {
63
- ref,
64
- className: cx("ui-input-addon-right", className),
65
- placement: "right",
66
- ...rest
67
- }
68
- );
69
- });
70
87
 
71
88
  // src/input-element.tsx
72
89
  import { ui as ui2, forwardRef as forwardRef2 } from "@yamada-ui/core";
@@ -91,7 +108,15 @@ var InputElement = forwardRef2(
91
108
  cursor: isClick ? "pointer" : "auto",
92
109
  ...styles.element
93
110
  };
94
- return /* @__PURE__ */ jsx2(ui2.div, { ref, className: cx2("ui-input-element", className), __css: css, ...rest });
111
+ return /* @__PURE__ */ jsx2(
112
+ ui2.div,
113
+ {
114
+ ref,
115
+ className: cx2("ui-input-element", className),
116
+ __css: css,
117
+ ...rest
118
+ }
119
+ );
95
120
  }
96
121
  );
97
122
  var InputLeftElement = forwardRef2(
@@ -5,7 +5,9 @@ import {
5
5
  omitThemeProps,
6
6
  useMultiComponentStyle
7
7
  } from "@yamada-ui/core";
8
- import { useFormControlProps } from "@yamada-ui/form-control";
8
+ import {
9
+ useFormControlProps
10
+ } from "@yamada-ui/form-control";
9
11
  import { cx } from "@yamada-ui/utils";
10
12
  import { jsx } from "react/jsx-runtime";
11
13
  var Input = forwardRef((props, ref) => {
package/dist/index.js CHANGED
@@ -135,31 +135,43 @@ var InputAddon = (0, import_core3.forwardRef)(
135
135
  ...styles.addon,
136
136
  ...placementStyles[placement]
137
137
  };
138
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.ui.div, { ref, className: (0, import_utils3.cx)("ui-input-addon", className), __css: css, ...rest });
138
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
139
+ import_core3.ui.div,
140
+ {
141
+ ref,
142
+ className: (0, import_utils3.cx)("ui-input-addon", className),
143
+ __css: css,
144
+ ...rest
145
+ }
146
+ );
147
+ }
148
+ );
149
+ var InputLeftAddon = (0, import_core3.forwardRef)(
150
+ ({ className, ...rest }, ref) => {
151
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
152
+ InputAddon,
153
+ {
154
+ ref,
155
+ className: (0, import_utils3.cx)("ui-input-addon-left", className),
156
+ placement: "left",
157
+ ...rest
158
+ }
159
+ );
160
+ }
161
+ );
162
+ var InputRightAddon = (0, import_core3.forwardRef)(
163
+ ({ className, ...rest }, ref) => {
164
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
165
+ InputAddon,
166
+ {
167
+ ref,
168
+ className: (0, import_utils3.cx)("ui-input-addon-right", className),
169
+ placement: "right",
170
+ ...rest
171
+ }
172
+ );
139
173
  }
140
174
  );
141
- var InputLeftAddon = (0, import_core3.forwardRef)(({ className, ...rest }, ref) => {
142
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
143
- InputAddon,
144
- {
145
- ref,
146
- className: (0, import_utils3.cx)("ui-input-addon-left", className),
147
- placement: "left",
148
- ...rest
149
- }
150
- );
151
- });
152
- var InputRightAddon = (0, import_core3.forwardRef)(({ className, ...rest }, ref) => {
153
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
154
- InputAddon,
155
- {
156
- ref,
157
- className: (0, import_utils3.cx)("ui-input-addon-right", className),
158
- placement: "right",
159
- ...rest
160
- }
161
- );
162
- });
163
175
 
164
176
  // src/input-element.tsx
165
177
  var import_core4 = require("@yamada-ui/core");
@@ -184,7 +196,15 @@ var InputElement = (0, import_core4.forwardRef)(
184
196
  cursor: isClick ? "pointer" : "auto",
185
197
  ...styles.element
186
198
  };
187
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core4.ui.div, { ref, className: (0, import_utils4.cx)("ui-input-element", className), __css: css, ...rest });
199
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
200
+ import_core4.ui.div,
201
+ {
202
+ ref,
203
+ className: (0, import_utils4.cx)("ui-input-element", className),
204
+ __css: css,
205
+ ...rest
206
+ }
207
+ );
188
208
  }
189
209
  );
190
210
  var InputLeftElement = (0, import_core4.forwardRef)(
package/dist/index.mjs CHANGED
@@ -4,10 +4,10 @@ import {
4
4
  InputLeftElement,
5
5
  InputRightAddon,
6
6
  InputRightElement
7
- } from "./chunk-5IBH3I64.mjs";
7
+ } from "./chunk-5RRVDEFH.mjs";
8
8
  import {
9
9
  Input
10
- } from "./chunk-BFONSAR4.mjs";
10
+ } from "./chunk-IFUHRKER.mjs";
11
11
  export {
12
12
  Input,
13
13
  InputGroup,
@@ -79,7 +79,15 @@ var InputElement = (0, import_core2.forwardRef)(
79
79
  cursor: isClick ? "pointer" : "auto",
80
80
  ...styles.element
81
81
  };
82
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.div, { ref, className: (0, import_utils2.cx)("ui-input-element", className), __css: css, ...rest });
82
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
83
+ import_core2.ui.div,
84
+ {
85
+ ref,
86
+ className: (0, import_utils2.cx)("ui-input-element", className),
87
+ __css: css,
88
+ ...rest
89
+ }
90
+ );
83
91
  }
84
92
  );
85
93
  var InputLeftElement = (0, import_core2.forwardRef)(
@@ -186,31 +194,43 @@ var InputAddon = (0, import_core4.forwardRef)(
186
194
  ...styles.addon,
187
195
  ...placementStyles[placement]
188
196
  };
189
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core4.ui.div, { ref, className: (0, import_utils4.cx)("ui-input-addon", className), __css: css, ...rest });
197
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
198
+ import_core4.ui.div,
199
+ {
200
+ ref,
201
+ className: (0, import_utils4.cx)("ui-input-addon", className),
202
+ __css: css,
203
+ ...rest
204
+ }
205
+ );
206
+ }
207
+ );
208
+ var InputLeftAddon = (0, import_core4.forwardRef)(
209
+ ({ className, ...rest }, ref) => {
210
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
211
+ InputAddon,
212
+ {
213
+ ref,
214
+ className: (0, import_utils4.cx)("ui-input-addon-left", className),
215
+ placement: "left",
216
+ ...rest
217
+ }
218
+ );
219
+ }
220
+ );
221
+ var InputRightAddon = (0, import_core4.forwardRef)(
222
+ ({ className, ...rest }, ref) => {
223
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
224
+ InputAddon,
225
+ {
226
+ ref,
227
+ className: (0, import_utils4.cx)("ui-input-addon-right", className),
228
+ placement: "right",
229
+ ...rest
230
+ }
231
+ );
190
232
  }
191
233
  );
192
- var InputLeftAddon = (0, import_core4.forwardRef)(({ className, ...rest }, ref) => {
193
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
194
- InputAddon,
195
- {
196
- ref,
197
- className: (0, import_utils4.cx)("ui-input-addon-left", className),
198
- placement: "left",
199
- ...rest
200
- }
201
- );
202
- });
203
- var InputRightAddon = (0, import_core4.forwardRef)(({ className, ...rest }, ref) => {
204
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
205
- InputAddon,
206
- {
207
- ref,
208
- className: (0, import_utils4.cx)("ui-input-addon-right", className),
209
- placement: "right",
210
- ...rest
211
- }
212
- );
213
- });
214
234
  // Annotate the CommonJS export names for ESM import in node:
215
235
  0 && (module.exports = {
216
236
  InputLeftAddon,
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  InputLeftAddon,
3
3
  InputRightAddon
4
- } from "./chunk-5IBH3I64.mjs";
5
- import "./chunk-BFONSAR4.mjs";
4
+ } from "./chunk-5RRVDEFH.mjs";
5
+ import "./chunk-IFUHRKER.mjs";
6
6
  export {
7
7
  InputLeftAddon,
8
8
  InputRightAddon
@@ -84,31 +84,43 @@ var InputAddon = (0, import_core2.forwardRef)(
84
84
  ...styles.addon,
85
85
  ...placementStyles[placement]
86
86
  };
87
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.div, { ref, className: (0, import_utils2.cx)("ui-input-addon", className), __css: css, ...rest });
87
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
88
+ import_core2.ui.div,
89
+ {
90
+ ref,
91
+ className: (0, import_utils2.cx)("ui-input-addon", className),
92
+ __css: css,
93
+ ...rest
94
+ }
95
+ );
96
+ }
97
+ );
98
+ var InputLeftAddon = (0, import_core2.forwardRef)(
99
+ ({ className, ...rest }, ref) => {
100
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
101
+ InputAddon,
102
+ {
103
+ ref,
104
+ className: (0, import_utils2.cx)("ui-input-addon-left", className),
105
+ placement: "left",
106
+ ...rest
107
+ }
108
+ );
109
+ }
110
+ );
111
+ var InputRightAddon = (0, import_core2.forwardRef)(
112
+ ({ className, ...rest }, ref) => {
113
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
114
+ InputAddon,
115
+ {
116
+ ref,
117
+ className: (0, import_utils2.cx)("ui-input-addon-right", className),
118
+ placement: "right",
119
+ ...rest
120
+ }
121
+ );
88
122
  }
89
123
  );
90
- var InputLeftAddon = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
91
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
92
- InputAddon,
93
- {
94
- ref,
95
- className: (0, import_utils2.cx)("ui-input-addon-left", className),
96
- placement: "left",
97
- ...rest
98
- }
99
- );
100
- });
101
- var InputRightAddon = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
102
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
103
- InputAddon,
104
- {
105
- ref,
106
- className: (0, import_utils2.cx)("ui-input-addon-right", className),
107
- placement: "right",
108
- ...rest
109
- }
110
- );
111
- });
112
124
 
113
125
  // src/input-group.tsx
114
126
  var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -182,7 +194,15 @@ var InputElement = (0, import_core4.forwardRef)(
182
194
  cursor: isClick ? "pointer" : "auto",
183
195
  ...styles.element
184
196
  };
185
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core4.ui.div, { ref, className: (0, import_utils4.cx)("ui-input-element", className), __css: css, ...rest });
197
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
198
+ import_core4.ui.div,
199
+ {
200
+ ref,
201
+ className: (0, import_utils4.cx)("ui-input-element", className),
202
+ __css: css,
203
+ ...rest
204
+ }
205
+ );
186
206
  }
187
207
  );
188
208
  var InputLeftElement = (0, import_core4.forwardRef)(
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  InputLeftElement,
3
3
  InputRightElement
4
- } from "./chunk-5IBH3I64.mjs";
5
- import "./chunk-BFONSAR4.mjs";
4
+ } from "./chunk-5RRVDEFH.mjs";
5
+ import "./chunk-IFUHRKER.mjs";
6
6
  export {
7
7
  InputLeftElement,
8
8
  InputRightElement
@@ -80,31 +80,43 @@ var InputAddon = (0, import_core2.forwardRef)(
80
80
  ...styles.addon,
81
81
  ...placementStyles[placement]
82
82
  };
83
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.div, { ref, className: (0, import_utils2.cx)("ui-input-addon", className), __css: css, ...rest });
83
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
84
+ import_core2.ui.div,
85
+ {
86
+ ref,
87
+ className: (0, import_utils2.cx)("ui-input-addon", className),
88
+ __css: css,
89
+ ...rest
90
+ }
91
+ );
92
+ }
93
+ );
94
+ var InputLeftAddon = (0, import_core2.forwardRef)(
95
+ ({ className, ...rest }, ref) => {
96
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
97
+ InputAddon,
98
+ {
99
+ ref,
100
+ className: (0, import_utils2.cx)("ui-input-addon-left", className),
101
+ placement: "left",
102
+ ...rest
103
+ }
104
+ );
105
+ }
106
+ );
107
+ var InputRightAddon = (0, import_core2.forwardRef)(
108
+ ({ className, ...rest }, ref) => {
109
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
110
+ InputAddon,
111
+ {
112
+ ref,
113
+ className: (0, import_utils2.cx)("ui-input-addon-right", className),
114
+ placement: "right",
115
+ ...rest
116
+ }
117
+ );
84
118
  }
85
119
  );
86
- var InputLeftAddon = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
87
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
88
- InputAddon,
89
- {
90
- ref,
91
- className: (0, import_utils2.cx)("ui-input-addon-left", className),
92
- placement: "left",
93
- ...rest
94
- }
95
- );
96
- });
97
- var InputRightAddon = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
98
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
99
- InputAddon,
100
- {
101
- ref,
102
- className: (0, import_utils2.cx)("ui-input-addon-right", className),
103
- placement: "right",
104
- ...rest
105
- }
106
- );
107
- });
108
120
 
109
121
  // src/input-element.tsx
110
122
  var import_core3 = require("@yamada-ui/core");
@@ -129,7 +141,15 @@ var InputElement = (0, import_core3.forwardRef)(
129
141
  cursor: isClick ? "pointer" : "auto",
130
142
  ...styles.element
131
143
  };
132
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.ui.div, { ref, className: (0, import_utils3.cx)("ui-input-element", className), __css: css, ...rest });
144
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
145
+ import_core3.ui.div,
146
+ {
147
+ ref,
148
+ className: (0, import_utils3.cx)("ui-input-element", className),
149
+ __css: css,
150
+ ...rest
151
+ }
152
+ );
133
153
  }
134
154
  );
135
155
  var InputLeftElement = (0, import_core3.forwardRef)(
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  InputGroup,
3
3
  useInputGroup
4
- } from "./chunk-5IBH3I64.mjs";
5
- import "./chunk-BFONSAR4.mjs";
4
+ } from "./chunk-5RRVDEFH.mjs";
5
+ import "./chunk-IFUHRKER.mjs";
6
6
  export {
7
7
  InputGroup,
8
8
  useInputGroup
package/dist/input.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Input
3
- } from "./chunk-BFONSAR4.mjs";
3
+ } from "./chunk-IFUHRKER.mjs";
4
4
  export {
5
5
  Input
6
6
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/input",
3
- "version": "0.2.6",
3
+ "version": "0.2.7",
4
4
  "description": "Yamada UI input component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -35,11 +35,11 @@
35
35
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
36
36
  },
37
37
  "dependencies": {
38
- "@yamada-ui/core": "0.5.1",
39
- "@yamada-ui/utils": "0.1.3",
40
- "@yamada-ui/file-input": "0.2.6",
41
- "@yamada-ui/form-control": "0.2.6",
42
- "@yamada-ui/use-token": "0.1.18"
38
+ "@yamada-ui/core": "0.5.2",
39
+ "@yamada-ui/utils": "0.1.4",
40
+ "@yamada-ui/file-input": "0.2.7",
41
+ "@yamada-ui/form-control": "0.2.7",
42
+ "@yamada-ui/use-token": "0.1.19"
43
43
  },
44
44
  "devDependencies": {
45
45
  "react": "^18.0.0",