@pittorica/text-field-react 0.23.0 → 0.23.2
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.
- package/dist/TextField.d.ts +3 -2
- package/dist/TextField.d.ts.map +1 -1
- package/dist/index.js +117 -109
- package/package.json +6 -6
package/dist/TextField.d.ts
CHANGED
|
@@ -8,13 +8,14 @@ export interface TextFieldRootProps extends BoxProps {
|
|
|
8
8
|
error?: boolean;
|
|
9
9
|
color?: PittoricaColor;
|
|
10
10
|
disabled?: boolean;
|
|
11
|
+
name?: string;
|
|
11
12
|
/** @default 'sm' */
|
|
12
13
|
size?: TextFieldSize;
|
|
13
14
|
}
|
|
14
15
|
/**
|
|
15
16
|
* Root container for TextField. Orchestrates layout, context, and sizes.
|
|
16
17
|
*/
|
|
17
|
-
export declare const TextFieldRoot: ({ children, label, helperText, error, color, disabled, size, className, style, ...props }: TextFieldRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const TextFieldRoot: ({ children, label, helperText, error, color, disabled, name, size, className, style, ...props }: TextFieldRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export type TextFieldInputProps = React.InputHTMLAttributes<HTMLInputElement>;
|
|
19
20
|
/**
|
|
20
21
|
* Native input element with semantic context and responsive sizing.
|
|
@@ -27,7 +28,7 @@ export declare const TextFieldInput: ({ className, ref, ...props }: TextFieldInp
|
|
|
27
28
|
*/
|
|
28
29
|
export declare const TextFieldSlot: ({ children, className, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
30
|
export declare const TextField: {
|
|
30
|
-
Root: ({ children, label, helperText, error, color, disabled, size, className, style, ...props }: TextFieldRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
Root: ({ children, label, helperText, error, color, disabled, name, size, className, style, ...props }: TextFieldRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
32
|
Input: ({ className, ref, ...props }: TextFieldInputProps & {
|
|
32
33
|
ref?: Ref<HTMLInputElement>;
|
|
33
34
|
}) => import("react/jsx-runtime").JSX.Element;
|
package/dist/TextField.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AAI5E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AAI5E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAsBtD,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,iGAY3B,kBAAkB,4CAwDpB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,8BAI5B,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,4CAcvD,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,mCAAmC,QAAQ,4CAIxE,CAAC;AAEF,eAAO,MAAM,SAAS;4GA9FnB,kBAAkB;0CAoElB,mBAAmB,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;KAAE;8CAoBS,QAAQ;CAUxE,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { createContext as
|
|
3
|
-
function
|
|
1
|
+
import { jsx as h, jsxs as D } from "react/jsx-runtime";
|
|
2
|
+
import { createContext as G, useId as j, use as H } from "react";
|
|
3
|
+
function L(t) {
|
|
4
4
|
var r, i, e = "";
|
|
5
5
|
if (typeof t == "string" || typeof t == "number") e += t;
|
|
6
6
|
else if (typeof t == "object") if (Array.isArray(t)) {
|
|
7
7
|
var a = t.length;
|
|
8
|
-
for (r = 0; r < a; r++) t[r] && (i =
|
|
8
|
+
for (r = 0; r < a; r++) t[r] && (i = L(t[r])) && (e && (e += " "), e += i);
|
|
9
9
|
} else for (i in t) t[i] && (e && (e += " "), e += i);
|
|
10
10
|
return e;
|
|
11
11
|
}
|
|
12
|
-
function
|
|
13
|
-
for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r =
|
|
12
|
+
function S() {
|
|
13
|
+
for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = L(t)) && (e && (e += " "), e += r);
|
|
14
14
|
return e;
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function W(t) {
|
|
17
17
|
var r, i, e = "";
|
|
18
18
|
if (typeof t == "string" || typeof t == "number") e += t;
|
|
19
19
|
else if (typeof t == "object") if (Array.isArray(t)) {
|
|
20
20
|
var a = t.length;
|
|
21
|
-
for (r = 0; r < a; r++) t[r] && (i =
|
|
21
|
+
for (r = 0; r < a; r++) t[r] && (i = W(t[r])) && (e && (e += " "), e += i);
|
|
22
22
|
} else for (i in t) t[i] && (e && (e += " "), e += i);
|
|
23
23
|
return e;
|
|
24
24
|
}
|
|
25
|
-
function
|
|
26
|
-
for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r =
|
|
25
|
+
function J() {
|
|
26
|
+
for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = W(t)) && (e && (e += " "), e += r);
|
|
27
27
|
return e;
|
|
28
28
|
}
|
|
29
|
-
const
|
|
29
|
+
const C = ({
|
|
30
30
|
ref: t,
|
|
31
31
|
as: r = "div",
|
|
32
32
|
children: i,
|
|
@@ -34,77 +34,79 @@ const W = ({
|
|
|
34
34
|
m: a,
|
|
35
35
|
mt: s,
|
|
36
36
|
mr: o,
|
|
37
|
-
mb:
|
|
37
|
+
mb: p,
|
|
38
38
|
ml: d,
|
|
39
|
-
p:
|
|
40
|
-
pt:
|
|
39
|
+
p: m,
|
|
40
|
+
pt: f,
|
|
41
41
|
pr: c,
|
|
42
|
-
pb:
|
|
43
|
-
pl:
|
|
44
|
-
width:
|
|
42
|
+
pb: l,
|
|
43
|
+
pl: u,
|
|
44
|
+
width: g,
|
|
45
45
|
height: v,
|
|
46
46
|
position: y,
|
|
47
47
|
style: x,
|
|
48
48
|
className: b,
|
|
49
49
|
href: $,
|
|
50
50
|
target: F,
|
|
51
|
-
rel:
|
|
52
|
-
htmlFor:
|
|
51
|
+
rel: w,
|
|
52
|
+
htmlFor: N,
|
|
53
53
|
type: T,
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
name: A,
|
|
55
|
+
disabled: R,
|
|
56
|
+
...B
|
|
56
57
|
}) => {
|
|
57
58
|
const n = {};
|
|
58
|
-
e && (n.display = e),
|
|
59
|
-
const
|
|
59
|
+
e && (n.display = e), g && (n.width = g), v && (n.height = v), y && (n.position = y), a && (n.margin = `var(--pittorica-space-${a})`), s && (n.marginTop = `var(--pittorica-space-${s})`), o && (n.marginRight = `var(--pittorica-space-${o})`), p && (n.marginBottom = `var(--pittorica-space-${p})`), d && (n.marginLeft = `var(--pittorica-space-${d})`), m && (n.padding = `var(--pittorica-space-${m})`), f && (n.paddingTop = `var(--pittorica-space-${f})`), c && (n.paddingRight = `var(--pittorica-space-${c})`), l && (n.paddingBottom = `var(--pittorica-space-${l})`), u && (n.paddingLeft = `var(--pittorica-space-${u})`);
|
|
60
|
+
const I = {
|
|
60
61
|
...x,
|
|
61
62
|
...n
|
|
62
63
|
};
|
|
63
|
-
return /* @__PURE__ */
|
|
64
|
+
return /* @__PURE__ */ h(
|
|
64
65
|
r,
|
|
65
66
|
{
|
|
66
67
|
ref: t,
|
|
67
|
-
className:
|
|
68
|
-
style:
|
|
68
|
+
className: J("pittorica-box", b),
|
|
69
|
+
style: I,
|
|
69
70
|
href: $,
|
|
70
71
|
target: F,
|
|
71
|
-
rel:
|
|
72
|
-
htmlFor:
|
|
72
|
+
rel: w,
|
|
73
|
+
htmlFor: N,
|
|
73
74
|
type: T,
|
|
74
|
-
|
|
75
|
-
|
|
75
|
+
name: A,
|
|
76
|
+
disabled: R,
|
|
77
|
+
...B,
|
|
76
78
|
children: i
|
|
77
79
|
}
|
|
78
80
|
);
|
|
79
81
|
};
|
|
80
|
-
|
|
81
|
-
function
|
|
82
|
+
C.displayName = "Box";
|
|
83
|
+
function k(t) {
|
|
82
84
|
var r, i, e = "";
|
|
83
85
|
if (typeof t == "string" || typeof t == "number") e += t;
|
|
84
86
|
else if (typeof t == "object") if (Array.isArray(t)) {
|
|
85
87
|
var a = t.length;
|
|
86
|
-
for (r = 0; r < a; r++) t[r] && (i =
|
|
88
|
+
for (r = 0; r < a; r++) t[r] && (i = k(t[r])) && (e && (e += " "), e += i);
|
|
87
89
|
} else for (i in t) t[i] && (e && (e += " "), e += i);
|
|
88
90
|
return e;
|
|
89
91
|
}
|
|
90
|
-
function
|
|
91
|
-
for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r =
|
|
92
|
+
function K() {
|
|
93
|
+
for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = k(t)) && (e && (e += " "), e += r);
|
|
92
94
|
return e;
|
|
93
95
|
}
|
|
94
|
-
function
|
|
96
|
+
function q(t) {
|
|
95
97
|
var r, i, e = "";
|
|
96
98
|
if (typeof t == "string" || typeof t == "number") e += t;
|
|
97
99
|
else if (typeof t == "object") if (Array.isArray(t)) {
|
|
98
100
|
var a = t.length;
|
|
99
|
-
for (r = 0; r < a; r++) t[r] && (i =
|
|
101
|
+
for (r = 0; r < a; r++) t[r] && (i = q(t[r])) && (e && (e += " "), e += i);
|
|
100
102
|
} else for (i in t) t[i] && (e && (e += " "), e += i);
|
|
101
103
|
return e;
|
|
102
104
|
}
|
|
103
|
-
function
|
|
104
|
-
for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r =
|
|
105
|
+
function M() {
|
|
106
|
+
for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = q(t)) && (e && (e += " "), e += r);
|
|
105
107
|
return e;
|
|
106
108
|
}
|
|
107
|
-
const
|
|
109
|
+
const z = ({
|
|
108
110
|
ref: t,
|
|
109
111
|
as: r = "div",
|
|
110
112
|
children: i,
|
|
@@ -112,51 +114,53 @@ const q = ({
|
|
|
112
114
|
m: a,
|
|
113
115
|
mt: s,
|
|
114
116
|
mr: o,
|
|
115
|
-
mb:
|
|
117
|
+
mb: p,
|
|
116
118
|
ml: d,
|
|
117
|
-
p:
|
|
118
|
-
pt:
|
|
119
|
+
p: m,
|
|
120
|
+
pt: f,
|
|
119
121
|
pr: c,
|
|
120
|
-
pb:
|
|
121
|
-
pl:
|
|
122
|
-
width:
|
|
122
|
+
pb: l,
|
|
123
|
+
pl: u,
|
|
124
|
+
width: g,
|
|
123
125
|
height: v,
|
|
124
126
|
position: y,
|
|
125
127
|
style: x,
|
|
126
128
|
className: b,
|
|
127
129
|
href: $,
|
|
128
130
|
target: F,
|
|
129
|
-
rel:
|
|
130
|
-
htmlFor:
|
|
131
|
+
rel: w,
|
|
132
|
+
htmlFor: N,
|
|
131
133
|
type: T,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
+
name: A,
|
|
135
|
+
disabled: R,
|
|
136
|
+
...B
|
|
134
137
|
}) => {
|
|
135
138
|
const n = {};
|
|
136
|
-
e && (n.display = e),
|
|
137
|
-
const
|
|
139
|
+
e && (n.display = e), g && (n.width = g), v && (n.height = v), y && (n.position = y), a && (n.margin = `var(--pittorica-space-${a})`), s && (n.marginTop = `var(--pittorica-space-${s})`), o && (n.marginRight = `var(--pittorica-space-${o})`), p && (n.marginBottom = `var(--pittorica-space-${p})`), d && (n.marginLeft = `var(--pittorica-space-${d})`), m && (n.padding = `var(--pittorica-space-${m})`), f && (n.paddingTop = `var(--pittorica-space-${f})`), c && (n.paddingRight = `var(--pittorica-space-${c})`), l && (n.paddingBottom = `var(--pittorica-space-${l})`), u && (n.paddingLeft = `var(--pittorica-space-${u})`);
|
|
140
|
+
const I = {
|
|
138
141
|
...x,
|
|
139
142
|
...n
|
|
140
143
|
};
|
|
141
|
-
return /* @__PURE__ */
|
|
144
|
+
return /* @__PURE__ */ h(
|
|
142
145
|
r,
|
|
143
146
|
{
|
|
144
147
|
ref: t,
|
|
145
|
-
className:
|
|
146
|
-
style:
|
|
148
|
+
className: M("pittorica-box", b),
|
|
149
|
+
style: I,
|
|
147
150
|
href: $,
|
|
148
151
|
target: F,
|
|
149
|
-
rel:
|
|
150
|
-
htmlFor:
|
|
152
|
+
rel: w,
|
|
153
|
+
htmlFor: N,
|
|
151
154
|
type: T,
|
|
152
|
-
|
|
153
|
-
|
|
155
|
+
name: A,
|
|
156
|
+
disabled: R,
|
|
157
|
+
...B,
|
|
154
158
|
children: i
|
|
155
159
|
}
|
|
156
160
|
);
|
|
157
161
|
};
|
|
158
|
-
|
|
159
|
-
const
|
|
162
|
+
z.displayName = "Box";
|
|
163
|
+
const O = ({
|
|
160
164
|
children: t,
|
|
161
165
|
as: r = "span",
|
|
162
166
|
weight: i = "regular",
|
|
@@ -164,14 +168,15 @@ const M = ({
|
|
|
164
168
|
truncate: a = !1,
|
|
165
169
|
color: s,
|
|
166
170
|
className: o,
|
|
167
|
-
style:
|
|
171
|
+
style: p,
|
|
168
172
|
href: d,
|
|
169
|
-
target:
|
|
170
|
-
rel:
|
|
173
|
+
target: m,
|
|
174
|
+
rel: f,
|
|
171
175
|
htmlFor: c,
|
|
172
|
-
|
|
176
|
+
name: l,
|
|
177
|
+
...u
|
|
173
178
|
}) => {
|
|
174
|
-
const
|
|
179
|
+
const g = (s == null ? void 0 : s.startsWith("#")) || (s == null ? void 0 : s.startsWith("rgb")) || (s == null ? void 0 : s.startsWith("hsl")), v = /* @__PURE__ */ new Set([
|
|
175
180
|
"danger",
|
|
176
181
|
"success",
|
|
177
182
|
"error",
|
|
@@ -183,69 +188,71 @@ const M = ({
|
|
|
183
188
|
"slate",
|
|
184
189
|
"blue",
|
|
185
190
|
"red"
|
|
186
|
-
]),
|
|
191
|
+
]), y = (() => {
|
|
187
192
|
if (s)
|
|
188
|
-
return s === "inherit" ? "inherit" :
|
|
189
|
-
})(),
|
|
190
|
-
...
|
|
193
|
+
return s === "inherit" ? "inherit" : g ? s : v.has(s) ? `var(--pittorica-${s}-9)` : s;
|
|
194
|
+
})(), x = {
|
|
195
|
+
...p,
|
|
191
196
|
textAlign: e,
|
|
192
|
-
color:
|
|
197
|
+
color: y
|
|
193
198
|
};
|
|
194
|
-
return /* @__PURE__ */
|
|
195
|
-
|
|
199
|
+
return /* @__PURE__ */ h(
|
|
200
|
+
z,
|
|
196
201
|
{
|
|
197
202
|
as: r,
|
|
198
|
-
className:
|
|
203
|
+
className: K(
|
|
199
204
|
"pittorica-text",
|
|
200
205
|
{ "pittorica-text--truncate": a },
|
|
201
206
|
o
|
|
202
207
|
),
|
|
203
208
|
"data-weight": i,
|
|
204
|
-
style:
|
|
209
|
+
style: x,
|
|
205
210
|
href: d,
|
|
206
|
-
target:
|
|
207
|
-
rel:
|
|
211
|
+
target: m,
|
|
212
|
+
rel: f,
|
|
208
213
|
htmlFor: c,
|
|
209
|
-
|
|
214
|
+
name: l,
|
|
215
|
+
...u,
|
|
210
216
|
children: t
|
|
211
217
|
}
|
|
212
218
|
);
|
|
213
|
-
},
|
|
214
|
-
const t =
|
|
219
|
+
}, E = G(null), P = () => {
|
|
220
|
+
const t = H(E);
|
|
215
221
|
if (!t)
|
|
216
222
|
throw new Error(
|
|
217
223
|
"TextField components must be wrapped in <TextField.Root />"
|
|
218
224
|
);
|
|
219
225
|
return t;
|
|
220
|
-
},
|
|
226
|
+
}, Q = ({
|
|
221
227
|
children: t,
|
|
222
228
|
label: r,
|
|
223
229
|
helperText: i,
|
|
224
230
|
error: e,
|
|
225
231
|
color: a = "indigo",
|
|
226
232
|
disabled: s,
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
233
|
+
name: o,
|
|
234
|
+
size: p = "sm",
|
|
235
|
+
className: d,
|
|
236
|
+
style: m,
|
|
230
237
|
...f
|
|
231
238
|
}) => {
|
|
232
|
-
const
|
|
233
|
-
return /* @__PURE__ */
|
|
234
|
-
|
|
239
|
+
const c = j(), l = j(), g = a !== "inherit" && !(a != null && a.startsWith("#")) && !(a != null && a.startsWith("rgb")) ? `var(--pittorica-${a}-9)` : a;
|
|
240
|
+
return /* @__PURE__ */ h(E, { value: { inputId: c, helperId: l, disabled: s, size: p, name: o }, children: /* @__PURE__ */ D(
|
|
241
|
+
C,
|
|
235
242
|
{
|
|
236
243
|
...f,
|
|
237
|
-
className:
|
|
244
|
+
className: S(
|
|
238
245
|
"pittorica-text-field-root",
|
|
239
|
-
`pittorica-text-field--${
|
|
240
|
-
|
|
246
|
+
`pittorica-text-field--${p}`,
|
|
247
|
+
d
|
|
241
248
|
),
|
|
242
249
|
"data-error": e,
|
|
243
250
|
children: [
|
|
244
|
-
r && /* @__PURE__ */
|
|
245
|
-
|
|
251
|
+
r && /* @__PURE__ */ h(
|
|
252
|
+
O,
|
|
246
253
|
{
|
|
247
254
|
as: "label",
|
|
248
|
-
htmlFor:
|
|
255
|
+
htmlFor: c,
|
|
249
256
|
weight: "medium",
|
|
250
257
|
style: {
|
|
251
258
|
paddingLeft: "4px",
|
|
@@ -256,47 +263,48 @@ const M = ({
|
|
|
256
263
|
children: r
|
|
257
264
|
}
|
|
258
265
|
),
|
|
259
|
-
/* @__PURE__ */
|
|
266
|
+
/* @__PURE__ */ h(
|
|
260
267
|
"div",
|
|
261
268
|
{
|
|
262
269
|
className: "pittorica-text-field-input-wrapper",
|
|
263
270
|
"data-disabled": s,
|
|
264
271
|
style: {
|
|
265
|
-
"--pittorica-source-color":
|
|
266
|
-
...
|
|
272
|
+
"--pittorica-source-color": g,
|
|
273
|
+
...m
|
|
267
274
|
},
|
|
268
275
|
children: t
|
|
269
276
|
}
|
|
270
277
|
),
|
|
271
|
-
i && /* @__PURE__ */
|
|
278
|
+
i && /* @__PURE__ */ h("div", { id: l, className: "pittorica-text-field-helper", children: i })
|
|
272
279
|
]
|
|
273
280
|
}
|
|
274
281
|
) });
|
|
275
|
-
},
|
|
282
|
+
}, U = ({
|
|
276
283
|
className: t,
|
|
277
284
|
ref: r,
|
|
278
285
|
...i
|
|
279
286
|
}) => {
|
|
280
|
-
const { inputId: e, helperId: a, disabled: s } =
|
|
281
|
-
return /* @__PURE__ */
|
|
287
|
+
const { inputId: e, helperId: a, disabled: s, name: o } = P();
|
|
288
|
+
return /* @__PURE__ */ h(
|
|
282
289
|
"input",
|
|
283
290
|
{
|
|
291
|
+
name: o,
|
|
284
292
|
...i,
|
|
285
293
|
id: e,
|
|
286
294
|
"aria-describedby": a,
|
|
287
295
|
disabled: s,
|
|
288
296
|
ref: r,
|
|
289
|
-
className:
|
|
297
|
+
className: S("pittorica-text-field-input", t)
|
|
290
298
|
}
|
|
291
299
|
);
|
|
292
|
-
},
|
|
293
|
-
Root:
|
|
294
|
-
Input:
|
|
295
|
-
Slot:
|
|
300
|
+
}, V = ({ children: t, className: r, ...i }) => /* @__PURE__ */ h("div", { className: S("pittorica-text-field-slot", r), ...i, children: t }), Z = {
|
|
301
|
+
Root: Q,
|
|
302
|
+
Input: U,
|
|
303
|
+
Slot: V
|
|
296
304
|
};
|
|
297
305
|
export {
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
306
|
+
Z as TextField,
|
|
307
|
+
U as TextFieldInput,
|
|
308
|
+
Q as TextFieldRoot,
|
|
309
|
+
V as TextFieldSlot
|
|
302
310
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pittorica/text-field-react",
|
|
3
|
-
"version": "0.23.
|
|
3
|
+
"version": "0.23.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
],
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"clsx": "^2.1.1",
|
|
13
|
-
"@pittorica/box-react": "0.23.
|
|
14
|
-
"@pittorica/text-react": "0.23.
|
|
13
|
+
"@pittorica/box-react": "0.23.2",
|
|
14
|
+
"@pittorica/text-react": "0.23.2"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
17
|
"@tabler/icons-react": "^3.36.1",
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
"typescript": "^5.0.0",
|
|
25
25
|
"vite": "^5.0.0",
|
|
26
26
|
"vitest": "^2.1.9",
|
|
27
|
-
"@pittorica/
|
|
28
|
-
"pittorica": "0.23.
|
|
29
|
-
"
|
|
27
|
+
"@pittorica/theme-react": "0.23.2",
|
|
28
|
+
"@pittorica/flex-react": "0.23.2",
|
|
29
|
+
"pittorica": "0.23.2"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": ">=19",
|