@pittorica/text-field-react 0.22.0 → 0.22.3

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/TextField.d.ts.map +1 -1
  2. package/dist/index.js +104 -112
  3. package/package.json +6 -6
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;AAqB5D,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;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,qFAU3B,kBAAkB,4CAiDpB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE9E,eAAO,MAAM,cAAc,GAAI,8BAI5B,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,4CAavD,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,mCAAmC,QAAQ,4CAIxE,CAAC;AAEF,eAAO,MAAM,SAAS;gGAhFnB,kBAAkB;0CA0DlB,mBAAmB,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;KAAE;8CAgBS,QAAQ;CAUxE,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;AAqB5D,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;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,qFAU3B,kBAAkB,4CAgDpB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE9E,eAAO,MAAM,cAAc,GAAI,8BAI5B,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,4CAavD,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,mCAAmC,QAAQ,4CAIxE,CAAC;AAEF,eAAO,MAAM,SAAS;gGA/EnB,kBAAkB;0CAyDlB,mBAAmB,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;KAAE;8CAgBS,QAAQ;CAUxE,CAAC"}
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { jsx as m, jsxs as E } from "react/jsx-runtime";
2
- import { createContext as O, useId as B, use as D } from "react";
1
+ import { jsx as m, jsxs as z } from "react/jsx-runtime";
2
+ import { createContext as D, useId as B, use as G } from "react";
3
3
  function L(t) {
4
4
  var r, i, e = "";
5
5
  if (typeof t == "string" || typeof t == "number") e += t;
@@ -9,35 +9,35 @@ function L(t) {
9
9
  } else for (i in t) t[i] && (e && (e += " "), e += i);
10
10
  return e;
11
11
  }
12
- function R() {
12
+ function j() {
13
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 C(t) {
16
+ function S(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 = C(t[r])) && (e && (e += " "), e += i);
21
+ for (r = 0; r < a; r++) t[r] && (i = S(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 G() {
26
- for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = C(t)) && (e && (e += " "), e += r);
25
+ function H() {
26
+ for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = S(t)) && (e && (e += " "), e += r);
27
27
  return e;
28
28
  }
29
- const S = ({
29
+ const W = ({
30
30
  ref: t,
31
31
  as: r = "div",
32
32
  children: i,
33
33
  display: e,
34
34
  m: a,
35
- mt: o,
36
- mr: n,
35
+ mt: n,
36
+ mr: c,
37
37
  mb: l,
38
38
  ml: d,
39
- p,
40
- pt: c,
39
+ p: o,
40
+ pt: p,
41
41
  pr: g,
42
42
  pb: f,
43
43
  pl: h,
@@ -45,17 +45,17 @@ const S = ({
45
45
  height: v,
46
46
  position: y,
47
47
  style: x,
48
- className: $,
49
- href: b,
48
+ className: b,
49
+ href: $,
50
50
  target: F,
51
51
  rel: N,
52
- htmlFor: T,
53
- type: w,
52
+ htmlFor: w,
53
+ type: T,
54
54
  disabled: A,
55
- ...j
55
+ ...R
56
56
  }) => {
57
57
  const s = {};
58
- e && (s.display = e), u && (s.width = u), v && (s.height = v), y && (s.position = y), a && (s.margin = `var(--pittorica-space-${a})`), o && (s.marginTop = `var(--pittorica-space-${o})`), n && (s.marginRight = `var(--pittorica-space-${n})`), l && (s.marginBottom = `var(--pittorica-space-${l})`), d && (s.marginLeft = `var(--pittorica-space-${d})`), p && (s.padding = `var(--pittorica-space-${p})`), c && (s.paddingTop = `var(--pittorica-space-${c})`), g && (s.paddingRight = `var(--pittorica-space-${g})`), f && (s.paddingBottom = `var(--pittorica-space-${f})`), h && (s.paddingLeft = `var(--pittorica-space-${h})`);
58
+ e && (s.display = e), u && (s.width = u), v && (s.height = v), y && (s.position = y), a && (s.margin = `var(--pittorica-space-${a})`), n && (s.marginTop = `var(--pittorica-space-${n})`), c && (s.marginRight = `var(--pittorica-space-${c})`), l && (s.marginBottom = `var(--pittorica-space-${l})`), d && (s.marginLeft = `var(--pittorica-space-${d})`), o && (s.padding = `var(--pittorica-space-${o})`), p && (s.paddingTop = `var(--pittorica-space-${p})`), g && (s.paddingRight = `var(--pittorica-space-${g})`), f && (s.paddingBottom = `var(--pittorica-space-${f})`), h && (s.paddingLeft = `var(--pittorica-space-${h})`);
59
59
  const I = {
60
60
  ...x,
61
61
  ...s
@@ -64,58 +64,58 @@ const S = ({
64
64
  r,
65
65
  {
66
66
  ref: t,
67
- className: G("pittorica-box", $),
67
+ className: H("pittorica-box", b),
68
68
  style: I,
69
- href: b,
69
+ href: $,
70
70
  target: F,
71
71
  rel: N,
72
- htmlFor: T,
73
- type: w,
72
+ htmlFor: w,
73
+ type: T,
74
74
  disabled: A,
75
- ...j,
75
+ ...R,
76
76
  children: i
77
77
  }
78
78
  );
79
79
  };
80
- S.displayName = "Box";
81
- function W(t) {
80
+ W.displayName = "Box";
81
+ function C(t) {
82
82
  var r, i, e = "";
83
83
  if (typeof t == "string" || typeof t == "number") e += t;
84
84
  else if (typeof t == "object") if (Array.isArray(t)) {
85
85
  var a = t.length;
86
- for (r = 0; r < a; r++) t[r] && (i = W(t[r])) && (e && (e += " "), e += i);
86
+ for (r = 0; r < a; r++) t[r] && (i = C(t[r])) && (e && (e += " "), e += i);
87
87
  } else for (i in t) t[i] && (e && (e += " "), e += i);
88
88
  return e;
89
89
  }
90
- function H() {
91
- for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = W(t)) && (e && (e += " "), e += r);
90
+ function J() {
91
+ for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = C(t)) && (e && (e += " "), e += r);
92
92
  return e;
93
93
  }
94
- function z(t) {
94
+ function q(t) {
95
95
  var r, i, e = "";
96
96
  if (typeof t == "string" || typeof t == "number") e += t;
97
97
  else if (typeof t == "object") if (Array.isArray(t)) {
98
98
  var a = t.length;
99
- for (r = 0; r < a; r++) t[r] && (i = z(t[r])) && (e && (e += " "), e += i);
99
+ for (r = 0; r < a; r++) t[r] && (i = q(t[r])) && (e && (e += " "), e += i);
100
100
  } else for (i in t) t[i] && (e && (e += " "), e += i);
101
101
  return e;
102
102
  }
103
- function J() {
104
- for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = z(t)) && (e && (e += " "), e += r);
103
+ function K() {
104
+ for (var t, r, i = 0, e = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = q(t)) && (e && (e += " "), e += r);
105
105
  return e;
106
106
  }
107
- const q = ({
107
+ const k = ({
108
108
  ref: t,
109
109
  as: r = "div",
110
110
  children: i,
111
111
  display: e,
112
112
  m: a,
113
- mt: o,
114
- mr: n,
113
+ mt: n,
114
+ mr: c,
115
115
  mb: l,
116
116
  ml: d,
117
- p,
118
- pt: c,
117
+ p: o,
118
+ pt: p,
119
119
  pr: g,
120
120
  pb: f,
121
121
  pl: h,
@@ -123,17 +123,17 @@ const q = ({
123
123
  height: v,
124
124
  position: y,
125
125
  style: x,
126
- className: $,
127
- href: b,
126
+ className: b,
127
+ href: $,
128
128
  target: F,
129
129
  rel: N,
130
- htmlFor: T,
131
- type: w,
130
+ htmlFor: w,
131
+ type: T,
132
132
  disabled: A,
133
- ...j
133
+ ...R
134
134
  }) => {
135
135
  const s = {};
136
- e && (s.display = e), u && (s.width = u), v && (s.height = v), y && (s.position = y), a && (s.margin = `var(--pittorica-space-${a})`), o && (s.marginTop = `var(--pittorica-space-${o})`), n && (s.marginRight = `var(--pittorica-space-${n})`), l && (s.marginBottom = `var(--pittorica-space-${l})`), d && (s.marginLeft = `var(--pittorica-space-${d})`), p && (s.padding = `var(--pittorica-space-${p})`), c && (s.paddingTop = `var(--pittorica-space-${c})`), g && (s.paddingRight = `var(--pittorica-space-${g})`), f && (s.paddingBottom = `var(--pittorica-space-${f})`), h && (s.paddingLeft = `var(--pittorica-space-${h})`);
136
+ e && (s.display = e), u && (s.width = u), v && (s.height = v), y && (s.position = y), a && (s.margin = `var(--pittorica-space-${a})`), n && (s.marginTop = `var(--pittorica-space-${n})`), c && (s.marginRight = `var(--pittorica-space-${c})`), l && (s.marginBottom = `var(--pittorica-space-${l})`), d && (s.marginLeft = `var(--pittorica-space-${d})`), o && (s.padding = `var(--pittorica-space-${o})`), p && (s.paddingTop = `var(--pittorica-space-${p})`), g && (s.paddingRight = `var(--pittorica-space-${g})`), f && (s.paddingBottom = `var(--pittorica-space-${f})`), h && (s.paddingLeft = `var(--pittorica-space-${h})`);
137
137
  const I = {
138
138
  ...x,
139
139
  ...s
@@ -142,39 +142,36 @@ const q = ({
142
142
  r,
143
143
  {
144
144
  ref: t,
145
- className: J("pittorica-box", $),
145
+ className: K("pittorica-box", b),
146
146
  style: I,
147
- href: b,
147
+ href: $,
148
148
  target: F,
149
149
  rel: N,
150
- htmlFor: T,
151
- type: w,
150
+ htmlFor: w,
151
+ type: T,
152
152
  disabled: A,
153
- ...j,
153
+ ...R,
154
154
  children: i
155
155
  }
156
156
  );
157
157
  };
158
- q.displayName = "Box";
159
- const K = (t, r) => r ? typeof r == "string" ? [`pittorica-text--${t}-${r}`] : Object.entries(r).filter(([i, e]) => e !== void 0).map(
160
- ([i, e]) => i === "initial" ? `pittorica-text--${t}-${e}` : `pittorica-text--${i}-${t}-${e}`
161
- ) : [], M = ({
158
+ k.displayName = "Box";
159
+ const M = ({
162
160
  children: t,
163
161
  as: r = "span",
164
- size: i = "3",
165
- weight: e = "regular",
166
- align: a,
167
- truncate: o = !1,
162
+ weight: i = "regular",
163
+ align: e,
164
+ truncate: a = !1,
168
165
  color: n,
169
- className: l,
170
- style: d,
171
- href: p,
172
- target: c,
173
- rel: g,
174
- htmlFor: f,
175
- ...h
166
+ className: c,
167
+ style: l,
168
+ href: d,
169
+ target: o,
170
+ rel: p,
171
+ htmlFor: g,
172
+ ...f
176
173
  }) => {
177
- const u = (n == null ? void 0 : n.startsWith("#")) || (n == null ? void 0 : n.startsWith("rgb")), v = [
174
+ const h = (n == null ? void 0 : n.startsWith("#")) || (n == null ? void 0 : n.startsWith("rgb")) || (n == null ? void 0 : n.startsWith("hsl")), u = /* @__PURE__ */ new Set([
178
175
  "danger",
179
176
  "success",
180
177
  "error",
@@ -186,69 +183,64 @@ const K = (t, r) => r ? typeof r == "string" ? [`pittorica-text--${t}-${r}`] : O
186
183
  "slate",
187
184
  "blue",
188
185
  "red"
189
- ].includes(n), y = (() => {
190
- if (n) {
191
- if (n === "inherit") return "inherit";
192
- if (u) return n;
193
- if (v) return `var(--pittorica-${n}-9)`;
194
- }
195
- })(), x = {
196
- ...d,
197
- textAlign: a,
198
- color: y
199
- }, $ = K("size", i);
186
+ ]), v = (() => {
187
+ if (n)
188
+ return n === "inherit" ? "inherit" : h ? n : u.has(n) ? `var(--pittorica-${n}-9)` : n;
189
+ })(), y = {
190
+ ...l,
191
+ textAlign: e,
192
+ color: v
193
+ };
200
194
  return /* @__PURE__ */ m(
201
- q,
195
+ k,
202
196
  {
203
197
  as: r,
204
- className: H(
198
+ className: J(
205
199
  "pittorica-text",
206
- { "pittorica-text--truncate": o },
207
- $,
208
- l
200
+ { "pittorica-text--truncate": a },
201
+ c
209
202
  ),
210
- "data-weight": e,
211
- style: x,
212
- href: p,
213
- target: c,
214
- rel: g,
215
- htmlFor: f,
216
- ...h,
203
+ "data-weight": i,
204
+ style: y,
205
+ href: d,
206
+ target: o,
207
+ rel: p,
208
+ htmlFor: g,
209
+ ...f,
217
210
  children: t
218
211
  }
219
212
  );
220
- }, k = O(null), P = () => {
221
- const t = D(k);
213
+ }, E = D(null), O = () => {
214
+ const t = G(E);
222
215
  if (!t)
223
216
  throw new Error(
224
217
  "TextField components must be wrapped in <TextField.Root />"
225
218
  );
226
219
  return t;
227
- }, Q = ({
220
+ }, P = ({
228
221
  children: t,
229
222
  label: r,
230
223
  helperText: i,
231
224
  error: e,
232
225
  color: a = "indigo",
233
- disabled: o,
234
- className: n,
226
+ disabled: n,
227
+ className: c,
235
228
  style: l,
236
229
  ...d
237
230
  }) => {
238
- const p = B(), c = B(), f = a !== "inherit" && !(a != null && a.startsWith("#")) && !(a != null && a.startsWith("rgb")) ? `var(--pittorica-${a}-9)` : a;
239
- return /* @__PURE__ */ m(k, { value: { inputId: p, helperId: c, disabled: o }, children: /* @__PURE__ */ E(
240
- S,
231
+ const o = B(), p = B(), f = a !== "inherit" && !(a != null && a.startsWith("#")) && !(a != null && a.startsWith("rgb")) ? `var(--pittorica-${a}-9)` : a;
232
+ return /* @__PURE__ */ m(E, { value: { inputId: o, helperId: p, disabled: n }, children: /* @__PURE__ */ z(
233
+ W,
241
234
  {
242
235
  ...d,
243
- className: R("pittorica-text-field-root", n),
236
+ className: j("pittorica-text-field-root", c),
244
237
  "data-error": e,
245
238
  children: [
246
239
  r && /* @__PURE__ */ m(
247
240
  M,
248
241
  {
249
242
  as: "label",
250
- htmlFor: p,
251
- size: "2",
243
+ htmlFor: o,
252
244
  weight: "medium",
253
245
  mb: "1",
254
246
  style: { paddingLeft: "4px" },
@@ -259,7 +251,7 @@ const K = (t, r) => r ? typeof r == "string" ? [`pittorica-text--${t}-${r}`] : O
259
251
  "div",
260
252
  {
261
253
  className: "pittorica-text-field-input-wrapper",
262
- "data-disabled": o,
254
+ "data-disabled": n,
263
255
  style: {
264
256
  "--pittorica-source-color": f,
265
257
  ...l
@@ -267,35 +259,35 @@ const K = (t, r) => r ? typeof r == "string" ? [`pittorica-text--${t}-${r}`] : O
267
259
  children: t
268
260
  }
269
261
  ),
270
- i && /* @__PURE__ */ m("div", { id: c, className: "pittorica-text-field-helper", children: i })
262
+ i && /* @__PURE__ */ m("div", { id: p, className: "pittorica-text-field-helper", children: i })
271
263
  ]
272
264
  }
273
265
  ) });
274
- }, U = ({
266
+ }, Q = ({
275
267
  className: t,
276
268
  ref: r,
277
269
  ...i
278
270
  }) => {
279
- const { inputId: e, helperId: a, disabled: o } = P();
271
+ const { inputId: e, helperId: a, disabled: n } = O();
280
272
  return /* @__PURE__ */ m(
281
273
  "input",
282
274
  {
283
275
  ...i,
284
276
  id: e,
285
277
  "aria-describedby": a,
286
- disabled: o,
278
+ disabled: n,
287
279
  ref: r,
288
- className: R("pittorica-text-field-input", t)
280
+ className: j("pittorica-text-field-input", t)
289
281
  }
290
282
  );
291
- }, V = ({ children: t, className: r, ...i }) => /* @__PURE__ */ m("div", { className: R("pittorica-text-field-slot", r), ...i, children: t }), Z = {
292
- Root: Q,
293
- Input: U,
294
- Slot: V
283
+ }, U = ({ children: t, className: r, ...i }) => /* @__PURE__ */ m("div", { className: j("pittorica-text-field-slot", r), ...i, children: t }), Y = {
284
+ Root: P,
285
+ Input: Q,
286
+ Slot: U
295
287
  };
296
288
  export {
297
- Z as TextField,
298
- U as TextFieldInput,
299
- Q as TextFieldRoot,
300
- V as TextFieldSlot
289
+ Y as TextField,
290
+ Q as TextFieldInput,
291
+ P as TextFieldRoot,
292
+ U as TextFieldSlot
301
293
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/text-field-react",
3
- "version": "0.22.0",
3
+ "version": "0.22.3",
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.22.0",
14
- "@pittorica/text-react": "0.22.0"
13
+ "@pittorica/box-react": "0.22.3",
14
+ "@pittorica/text-react": "0.22.3"
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/flex-react": "0.22.0",
28
- "pittorica": "0.22.0",
29
- "@pittorica/theme-react": "0.22.0"
27
+ "@pittorica/flex-react": "0.22.3",
28
+ "@pittorica/theme-react": "0.22.3",
29
+ "pittorica": "0.22.3"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "react": ">=19",