@pittorica/select-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/Select.d.ts.map +1 -1
  2. package/dist/index.js +112 -120
  3. package/package.json +6 -6
package/dist/Select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AAM5E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoB5D,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,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,UAAU,GAAI,qFAUxB,eAAe,4CAmDjB,CAAC;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE/E,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,4CAevD,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,mCAAmC,QAAQ,4CAIrE,CAAC;AAEF,eAAO,MAAM,MAAM;gGArFhB,eAAe;sDA6Df,kBAAkB,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;KAAE;8CAkBM,QAAQ;CAUrE,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AAM5E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoB5D,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,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,UAAU,GAAI,qFAUxB,eAAe,4CAkDjB,CAAC;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE/E,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,4CAevD,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,mCAAmC,QAAQ,4CAIrE,CAAC;AAEF,eAAO,MAAM,MAAM;gGApFhB,eAAe;sDA4Df,kBAAkB,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;KAAE;8CAkBM,QAAQ;CAUrE,CAAC"}
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as g, jsxs as L } from "react/jsx-runtime";
2
- import { forwardRef as _, createElement as R, createContext as M, useId as F, use as O } from "react";
2
+ import { forwardRef as M, createElement as j, createContext as z, useId as F, use as G } from "react";
3
3
  function W(t) {
4
4
  var i, r, e = "";
5
5
  if (typeof t == "string" || typeof t == "number") e += t;
@@ -19,7 +19,7 @@ function B() {
19
19
  * This source code is licensed under the MIT license.
20
20
  * See the LICENSE file in the root directory of this source tree.
21
21
  */
22
- var G = {
22
+ var H = {
23
23
  outline: {
24
24
  xmlns: "http://www.w3.org/2000/svg",
25
25
  width: 24,
@@ -46,24 +46,24 @@ var G = {
46
46
  * This source code is licensed under the MIT license.
47
47
  * See the LICENSE file in the root directory of this source tree.
48
48
  */
49
- const H = (t, i, r, e) => {
50
- const a = _(
51
- ({ color: c = "currentColor", size: n = 24, stroke: d = 2, title: p, className: l, children: s, ...m }, h) => R(
49
+ const J = (t, i, r, e) => {
50
+ const a = M(
51
+ ({ color: n = "currentColor", size: s = 24, stroke: d = 2, title: l, className: p, children: c, ...m }, h) => j(
52
52
  "svg",
53
53
  {
54
54
  ref: h,
55
- ...G[t],
56
- width: n,
57
- height: n,
58
- className: ["tabler-icon", `tabler-icon-${i}`, l].join(" "),
55
+ ...H[t],
56
+ width: s,
57
+ height: s,
58
+ className: ["tabler-icon", `tabler-icon-${i}`, p].join(" "),
59
59
  strokeWidth: d,
60
- stroke: c,
60
+ stroke: n,
61
61
  ...m
62
62
  },
63
63
  [
64
- p && R("title", { key: "svg-title" }, p),
65
- ...e.map(([f, u]) => R(f, u)),
66
- ...Array.isArray(s) ? s : [s]
64
+ l && j("title", { key: "svg-title" }, l),
65
+ ...e.map(([f, u]) => j(f, u)),
66
+ ...Array.isArray(c) ? c : [c]
67
67
  ]
68
68
  )
69
69
  );
@@ -75,7 +75,7 @@ const H = (t, i, r, e) => {
75
75
  * This source code is licensed under the MIT license.
76
76
  * See the LICENSE file in the root directory of this source tree.
77
77
  */
78
- const J = [["path", { d: "M6 9l6 6l6 -6", key: "svg-0" }]], K = H("outline", "chevron-down", "ChevronDown", J);
78
+ const K = [["path", { d: "M6 9l6 6l6 -6", key: "svg-0" }]], O = J("outline", "chevron-down", "ChevronDown", K);
79
79
  function I(t) {
80
80
  var i, r, e = "";
81
81
  if (typeof t == "string" || typeof t == "number") e += t;
@@ -95,12 +95,12 @@ const T = ({
95
95
  children: r,
96
96
  display: e,
97
97
  m: a,
98
- mt: c,
99
- mr: n,
98
+ mt: n,
99
+ mr: s,
100
100
  mb: d,
101
- ml: p,
102
- p: l,
103
- pt: s,
101
+ ml: l,
102
+ p,
103
+ pt: c,
104
104
  pr: m,
105
105
  pb: h,
106
106
  pl: f,
@@ -108,18 +108,18 @@ const T = ({
108
108
  height: v,
109
109
  position: y,
110
110
  style: b,
111
- className: $,
112
- href: w,
111
+ className: w,
112
+ href: $,
113
113
  target: x,
114
114
  rel: N,
115
- htmlFor: C,
116
- type: A,
117
- disabled: S,
115
+ htmlFor: S,
116
+ type: C,
117
+ disabled: A,
118
118
  ...k
119
119
  }) => {
120
120
  const o = {};
121
- e && (o.display = e), u && (o.width = u), v && (o.height = v), y && (o.position = y), a && (o.margin = `var(--pittorica-space-${a})`), c && (o.marginTop = `var(--pittorica-space-${c})`), n && (o.marginRight = `var(--pittorica-space-${n})`), d && (o.marginBottom = `var(--pittorica-space-${d})`), p && (o.marginLeft = `var(--pittorica-space-${p})`), l && (o.padding = `var(--pittorica-space-${l})`), s && (o.paddingTop = `var(--pittorica-space-${s})`), m && (o.paddingRight = `var(--pittorica-space-${m})`), h && (o.paddingBottom = `var(--pittorica-space-${h})`), f && (o.paddingLeft = `var(--pittorica-space-${f})`);
122
- const j = {
121
+ e && (o.display = e), u && (o.width = u), v && (o.height = v), y && (o.position = y), a && (o.margin = `var(--pittorica-space-${a})`), n && (o.marginTop = `var(--pittorica-space-${n})`), s && (o.marginRight = `var(--pittorica-space-${s})`), d && (o.marginBottom = `var(--pittorica-space-${d})`), l && (o.marginLeft = `var(--pittorica-space-${l})`), p && (o.padding = `var(--pittorica-space-${p})`), c && (o.paddingTop = `var(--pittorica-space-${c})`), m && (o.paddingRight = `var(--pittorica-space-${m})`), h && (o.paddingBottom = `var(--pittorica-space-${h})`), f && (o.paddingLeft = `var(--pittorica-space-${f})`);
122
+ const R = {
123
123
  ...b,
124
124
  ...o
125
125
  };
@@ -127,58 +127,58 @@ const T = ({
127
127
  i,
128
128
  {
129
129
  ref: t,
130
- className: P("pittorica-box", $),
131
- style: j,
132
- href: w,
130
+ className: P("pittorica-box", w),
131
+ style: R,
132
+ href: $,
133
133
  target: x,
134
134
  rel: N,
135
- htmlFor: C,
136
- type: A,
137
- disabled: S,
135
+ htmlFor: S,
136
+ type: C,
137
+ disabled: A,
138
138
  ...k,
139
139
  children: r
140
140
  }
141
141
  );
142
142
  };
143
143
  T.displayName = "Box";
144
- function z(t) {
144
+ function q(t) {
145
145
  var i, r, e = "";
146
146
  if (typeof t == "string" || typeof t == "number") e += t;
147
147
  else if (typeof t == "object") if (Array.isArray(t)) {
148
148
  var a = t.length;
149
- for (i = 0; i < a; i++) t[i] && (r = z(t[i])) && (e && (e += " "), e += r);
149
+ for (i = 0; i < a; i++) t[i] && (r = q(t[i])) && (e && (e += " "), e += r);
150
150
  } else for (r in t) t[r] && (e && (e += " "), e += r);
151
151
  return e;
152
152
  }
153
153
  function Q() {
154
- for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = z(t)) && (e && (e += " "), e += i);
154
+ for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = q(t)) && (e && (e += " "), e += i);
155
155
  return e;
156
156
  }
157
- function q(t) {
157
+ function D(t) {
158
158
  var i, r, e = "";
159
159
  if (typeof t == "string" || typeof t == "number") e += t;
160
160
  else if (typeof t == "object") if (Array.isArray(t)) {
161
161
  var a = t.length;
162
- for (i = 0; i < a; i++) t[i] && (r = q(t[i])) && (e && (e += " "), e += r);
162
+ for (i = 0; i < a; i++) t[i] && (r = D(t[i])) && (e && (e += " "), e += r);
163
163
  } else for (r in t) t[r] && (e && (e += " "), e += r);
164
164
  return e;
165
165
  }
166
166
  function U() {
167
- for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = q(t)) && (e && (e += " "), e += i);
167
+ for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = D(t)) && (e && (e += " "), e += i);
168
168
  return e;
169
169
  }
170
- const D = ({
170
+ const E = ({
171
171
  ref: t,
172
172
  as: i = "div",
173
173
  children: r,
174
174
  display: e,
175
175
  m: a,
176
- mt: c,
177
- mr: n,
176
+ mt: n,
177
+ mr: s,
178
178
  mb: d,
179
- ml: p,
180
- p: l,
181
- pt: s,
179
+ ml: l,
180
+ p,
181
+ pt: c,
182
182
  pr: m,
183
183
  pb: h,
184
184
  pl: f,
@@ -186,18 +186,18 @@ const D = ({
186
186
  height: v,
187
187
  position: y,
188
188
  style: b,
189
- className: $,
190
- href: w,
189
+ className: w,
190
+ href: $,
191
191
  target: x,
192
192
  rel: N,
193
- htmlFor: C,
194
- type: A,
195
- disabled: S,
193
+ htmlFor: S,
194
+ type: C,
195
+ disabled: A,
196
196
  ...k
197
197
  }) => {
198
198
  const o = {};
199
- e && (o.display = e), u && (o.width = u), v && (o.height = v), y && (o.position = y), a && (o.margin = `var(--pittorica-space-${a})`), c && (o.marginTop = `var(--pittorica-space-${c})`), n && (o.marginRight = `var(--pittorica-space-${n})`), d && (o.marginBottom = `var(--pittorica-space-${d})`), p && (o.marginLeft = `var(--pittorica-space-${p})`), l && (o.padding = `var(--pittorica-space-${l})`), s && (o.paddingTop = `var(--pittorica-space-${s})`), m && (o.paddingRight = `var(--pittorica-space-${m})`), h && (o.paddingBottom = `var(--pittorica-space-${h})`), f && (o.paddingLeft = `var(--pittorica-space-${f})`);
200
- const j = {
199
+ e && (o.display = e), u && (o.width = u), v && (o.height = v), y && (o.position = y), a && (o.margin = `var(--pittorica-space-${a})`), n && (o.marginTop = `var(--pittorica-space-${n})`), s && (o.marginRight = `var(--pittorica-space-${s})`), d && (o.marginBottom = `var(--pittorica-space-${d})`), l && (o.marginLeft = `var(--pittorica-space-${l})`), p && (o.padding = `var(--pittorica-space-${p})`), c && (o.paddingTop = `var(--pittorica-space-${c})`), m && (o.paddingRight = `var(--pittorica-space-${m})`), h && (o.paddingBottom = `var(--pittorica-space-${h})`), f && (o.paddingLeft = `var(--pittorica-space-${f})`);
200
+ const R = {
201
201
  ...b,
202
202
  ...o
203
203
  };
@@ -205,39 +205,36 @@ const D = ({
205
205
  i,
206
206
  {
207
207
  ref: t,
208
- className: U("pittorica-box", $),
209
- style: j,
210
- href: w,
208
+ className: U("pittorica-box", w),
209
+ style: R,
210
+ href: $,
211
211
  target: x,
212
212
  rel: N,
213
- htmlFor: C,
214
- type: A,
215
- disabled: S,
213
+ htmlFor: S,
214
+ type: C,
215
+ disabled: A,
216
216
  ...k,
217
217
  children: r
218
218
  }
219
219
  );
220
220
  };
221
- D.displayName = "Box";
222
- const V = (t, i) => i ? typeof i == "string" ? [`pittorica-text--${t}-${i}`] : Object.entries(i).filter(([r, e]) => e !== void 0).map(
223
- ([r, e]) => r === "initial" ? `pittorica-text--${t}-${e}` : `pittorica-text--${r}-${t}-${e}`
224
- ) : [], X = ({
221
+ E.displayName = "Box";
222
+ const V = ({
225
223
  children: t,
226
224
  as: i = "span",
227
- size: r = "3",
228
- weight: e = "regular",
229
- align: a,
230
- truncate: c = !1,
225
+ weight: r = "regular",
226
+ align: e,
227
+ truncate: a = !1,
231
228
  color: n,
232
- className: d,
233
- style: p,
229
+ className: s,
230
+ style: d,
234
231
  href: l,
235
- target: s,
236
- rel: m,
237
- htmlFor: h,
238
- ...f
232
+ target: p,
233
+ rel: c,
234
+ htmlFor: m,
235
+ ...h
239
236
  }) => {
240
- const u = (n == null ? void 0 : n.startsWith("#")) || (n == null ? void 0 : n.startsWith("rgb")), v = [
237
+ const f = (n == null ? void 0 : n.startsWith("#")) || (n == null ? void 0 : n.startsWith("rgb")) || (n == null ? void 0 : n.startsWith("hsl")), u = /* @__PURE__ */ new Set([
241
238
  "danger",
242
239
  "success",
243
240
  "error",
@@ -249,67 +246,62 @@ const V = (t, i) => i ? typeof i == "string" ? [`pittorica-text--${t}-${i}`] : O
249
246
  "slate",
250
247
  "blue",
251
248
  "red"
252
- ].includes(n), y = (() => {
253
- if (n) {
254
- if (n === "inherit") return "inherit";
255
- if (u) return n;
256
- if (v) return `var(--pittorica-${n}-9)`;
257
- }
258
- })(), b = {
259
- ...p,
260
- textAlign: a,
261
- color: y
262
- }, $ = V("size", r);
249
+ ]), v = (() => {
250
+ if (n)
251
+ return n === "inherit" ? "inherit" : f ? n : u.has(n) ? `var(--pittorica-${n}-9)` : n;
252
+ })(), y = {
253
+ ...d,
254
+ textAlign: e,
255
+ color: v
256
+ };
263
257
  return /* @__PURE__ */ g(
264
- D,
258
+ E,
265
259
  {
266
260
  as: i,
267
261
  className: Q(
268
262
  "pittorica-text",
269
- { "pittorica-text--truncate": c },
270
- $,
271
- d
263
+ { "pittorica-text--truncate": a },
264
+ s
272
265
  ),
273
- "data-weight": e,
274
- style: b,
266
+ "data-weight": r,
267
+ style: y,
275
268
  href: l,
276
- target: s,
277
- rel: m,
278
- htmlFor: h,
279
- ...f,
269
+ target: p,
270
+ rel: c,
271
+ htmlFor: m,
272
+ ...h,
280
273
  children: t
281
274
  }
282
275
  );
283
- }, E = M(null), Y = () => {
284
- const t = O(E);
276
+ }, _ = z(null), X = () => {
277
+ const t = G(_);
285
278
  if (!t)
286
279
  throw new Error("Select components must be wrapped in <Select.Root />");
287
280
  return t;
288
- }, Z = ({
281
+ }, Y = ({
289
282
  children: t,
290
283
  label: i,
291
284
  helperText: r,
292
285
  error: e,
293
286
  color: a = "indigo",
294
- disabled: c,
295
- className: n,
287
+ disabled: n,
288
+ className: s,
296
289
  style: d,
297
- ...p
290
+ ...l
298
291
  }) => {
299
- const l = F(), s = F(), h = a !== "inherit" && !(a != null && a.startsWith("#")) && !(a != null && a.startsWith("rgb")) ? `var(--pittorica-${a}-9)` : a;
300
- return /* @__PURE__ */ g(E, { value: { inputId: l, helperId: s, disabled: c }, children: /* @__PURE__ */ L(
292
+ const p = F(), c = F(), h = a !== "inherit" && !(a != null && a.startsWith("#")) && !(a != null && a.startsWith("rgb")) ? `var(--pittorica-${a}-9)` : a;
293
+ return /* @__PURE__ */ g(_, { value: { inputId: p, helperId: c, disabled: n }, children: /* @__PURE__ */ L(
301
294
  T,
302
295
  {
303
- ...p,
304
- className: B("pittorica-select-root", n),
296
+ ...l,
297
+ className: B("pittorica-select-root", s),
305
298
  "data-error": e,
306
299
  children: [
307
300
  i && /* @__PURE__ */ g(
308
- X,
301
+ V,
309
302
  {
310
303
  as: "label",
311
- htmlFor: l,
312
- size: "2",
304
+ htmlFor: p,
313
305
  weight: "medium",
314
306
  mb: "1",
315
307
  style: { paddingLeft: "4px" },
@@ -326,41 +318,41 @@ const V = (t, i) => i ? typeof i == "string" ? [`pittorica-text--${t}-${i}`] : O
326
318
  },
327
319
  children: [
328
320
  t,
329
- /* @__PURE__ */ g("div", { className: "pittorica-select-chevron", children: /* @__PURE__ */ g(K, { size: 20 }) })
321
+ /* @__PURE__ */ g("div", { className: "pittorica-select-chevron", children: /* @__PURE__ */ g(O, { size: 20 }) })
330
322
  ]
331
323
  }
332
324
  ),
333
- r && /* @__PURE__ */ g("div", { id: s, className: "pittorica-select-helper", children: r })
325
+ r && /* @__PURE__ */ g("div", { id: c, className: "pittorica-select-helper", children: r })
334
326
  ]
335
327
  }
336
328
  ) });
337
- }, tt = ({
329
+ }, Z = ({
338
330
  children: t,
339
331
  className: i,
340
332
  ref: r,
341
333
  ...e
342
334
  }) => {
343
- const { inputId: a, helperId: c, disabled: n } = Y();
335
+ const { inputId: a, helperId: n, disabled: s } = X();
344
336
  return /* @__PURE__ */ g(
345
337
  "select",
346
338
  {
347
339
  ...e,
348
340
  id: a,
349
341
  ref: r,
350
- disabled: n,
351
- "aria-describedby": c,
342
+ disabled: s,
343
+ "aria-describedby": n,
352
344
  className: B("pittorica-select-input", i),
353
345
  children: t
354
346
  }
355
347
  );
356
- }, et = ({ children: t, className: i, ...r }) => /* @__PURE__ */ g("div", { className: B("pittorica-select-slot", i), ...r, children: t }), at = {
357
- Root: Z,
358
- Content: tt,
359
- Slot: et
348
+ }, tt = ({ children: t, className: i, ...r }) => /* @__PURE__ */ g("div", { className: B("pittorica-select-slot", i), ...r, children: t }), it = {
349
+ Root: Y,
350
+ Content: Z,
351
+ Slot: tt
360
352
  };
361
353
  export {
362
- at as Select,
363
- tt as SelectContent,
364
- Z as SelectRoot,
365
- et as SelectSlot
354
+ it as Select,
355
+ Z as SelectContent,
356
+ Y as SelectRoot,
357
+ tt as SelectSlot
366
358
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/select-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",
@@ -11,8 +11,8 @@
11
11
  "dependencies": {
12
12
  "@tabler/icons-react": "^3.36.1",
13
13
  "clsx": "^2.1.1",
14
- "@pittorica/box-react": "0.22.0",
15
- "@pittorica/text-react": "0.22.0"
14
+ "@pittorica/box-react": "0.22.3",
15
+ "@pittorica/text-react": "0.22.3"
16
16
  },
17
17
  "devDependencies": {
18
18
  "@testing-library/jest-dom": "^6.9.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/theme-react": "0.22.0",
28
- "@pittorica/flex-react": "0.22.0",
29
- "pittorica": "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",