@pittorica/slider-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.
Files changed (2) hide show
  1. package/dist/index.js +32 -30
  2. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -1,32 +1,32 @@
1
1
  import { jsx as T, jsxs as D } from "react/jsx-runtime";
2
2
  import { useState as F, useRef as U, useCallback as W } from "react";
3
- function j(e) {
3
+ function A(e) {
4
4
  var i, r, t = "";
5
5
  if (typeof e == "string" || typeof e == "number") t += e;
6
6
  else if (typeof e == "object") if (Array.isArray(e)) {
7
7
  var s = e.length;
8
- for (i = 0; i < s; i++) e[i] && (r = j(e[i])) && (t && (t += " "), t += r);
8
+ for (i = 0; i < s; i++) e[i] && (r = A(e[i])) && (t && (t += " "), t += r);
9
9
  } else for (r in e) e[r] && (t && (t += " "), t += r);
10
10
  return t;
11
11
  }
12
12
  function q() {
13
- for (var e, i, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (i = j(e)) && (t && (t += " "), t += i);
13
+ for (var e, i, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (i = A(e)) && (t && (t += " "), t += i);
14
14
  return t;
15
15
  }
16
- function k(e) {
16
+ function B(e) {
17
17
  var i, r, t = "";
18
18
  if (typeof e == "string" || typeof e == "number") t += e;
19
19
  else if (typeof e == "object") if (Array.isArray(e)) {
20
20
  var s = e.length;
21
- for (i = 0; i < s; i++) e[i] && (r = k(e[i])) && (t && (t += " "), t += r);
21
+ for (i = 0; i < s; i++) e[i] && (r = B(e[i])) && (t && (t += " "), t += r);
22
22
  } else for (r in e) e[r] && (t && (t += " "), t += r);
23
23
  return t;
24
24
  }
25
25
  function I() {
26
- for (var e, i, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (i = k(e)) && (t && (t += " "), t += i);
26
+ for (var e, i, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (i = B(e)) && (t && (t += " "), t += i);
27
27
  return t;
28
28
  }
29
- const A = ({
29
+ const E = ({
30
30
  ref: e,
31
31
  as: i = "div",
32
32
  children: r,
@@ -40,44 +40,46 @@ const A = ({
40
40
  pt: y,
41
41
  pr: b,
42
42
  pb: $,
43
- pl: x,
43
+ pl: w,
44
44
  width: m,
45
45
  height: u,
46
46
  position: h,
47
- style: N,
48
- className: w,
47
+ style: x,
48
+ className: N,
49
49
  href: L,
50
- target: R,
50
+ target: S,
51
51
  rel: M,
52
52
  htmlFor: l,
53
53
  type: f,
54
- disabled: d,
55
- ...o
54
+ name: d,
55
+ disabled: o,
56
+ ...j
56
57
  }) => {
57
58
  const a = {};
58
- t && (a.display = t), m && (a.width = m), u && (a.height = u), h && (a.position = h), s && (a.margin = `var(--pittorica-space-${s})`), c && (a.marginTop = `var(--pittorica-space-${c})`), n && (a.marginRight = `var(--pittorica-space-${n})`), p && (a.marginBottom = `var(--pittorica-space-${p})`), v && (a.marginLeft = `var(--pittorica-space-${v})`), g && (a.padding = `var(--pittorica-space-${g})`), y && (a.paddingTop = `var(--pittorica-space-${y})`), b && (a.paddingRight = `var(--pittorica-space-${b})`), $ && (a.paddingBottom = `var(--pittorica-space-${$})`), x && (a.paddingLeft = `var(--pittorica-space-${x})`);
59
- const S = {
60
- ...N,
59
+ t && (a.display = t), m && (a.width = m), u && (a.height = u), h && (a.position = h), s && (a.margin = `var(--pittorica-space-${s})`), c && (a.marginTop = `var(--pittorica-space-${c})`), n && (a.marginRight = `var(--pittorica-space-${n})`), p && (a.marginBottom = `var(--pittorica-space-${p})`), v && (a.marginLeft = `var(--pittorica-space-${v})`), g && (a.padding = `var(--pittorica-space-${g})`), y && (a.paddingTop = `var(--pittorica-space-${y})`), b && (a.paddingRight = `var(--pittorica-space-${b})`), $ && (a.paddingBottom = `var(--pittorica-space-${$})`), w && (a.paddingLeft = `var(--pittorica-space-${w})`);
60
+ const P = {
61
+ ...x,
61
62
  ...a
62
63
  };
63
64
  return /* @__PURE__ */ T(
64
65
  i,
65
66
  {
66
67
  ref: e,
67
- className: I("pittorica-box", w),
68
- style: S,
68
+ className: I("pittorica-box", N),
69
+ style: P,
69
70
  href: L,
70
- target: R,
71
+ target: S,
71
72
  rel: M,
72
73
  htmlFor: l,
73
74
  type: f,
74
- disabled: d,
75
- ...o,
75
+ name: d,
76
+ disabled: o,
77
+ ...j,
76
78
  children: r
77
79
  }
78
80
  );
79
81
  };
80
- A.displayName = "Box";
82
+ E.displayName = "Box";
81
83
  const V = ({
82
84
  value: e,
83
85
  defaultValue: i = 0,
@@ -92,26 +94,26 @@ const V = ({
92
94
  ref: y,
93
95
  ...b
94
96
  }) => {
95
- const [$, x] = F(i), m = U(null), u = e !== void 0, h = u ? e : $, N = (h - r) / (t - r) * 100, w = W(
97
+ const [$, w] = F(i), m = U(null), u = e !== void 0, h = u ? e : $, x = (h - r) / (t - r) * 100, N = W(
96
98
  (l, f) => {
97
99
  const d = m.current || f;
98
100
  if (!d) return;
99
101
  const o = d.getBoundingClientRect();
100
102
  if (!o || o.width <= 0) return;
101
- const B = Math.max(0, Math.min((typeof l == "number" ? l : 0) - (o.left || 0), o.width)) / o.width * (t - r) + r, E = Math.round(B / s) * s, P = Math.max(r, Math.min(t, E));
102
- Number.isNaN(P) || (u || x(P), p == null || p(P));
103
+ const P = Math.max(0, Math.min((typeof l == "number" ? l : 0) - (o.left || 0), o.width)) / o.width * (t - r) + r, k = Math.round(P / s) * s, R = Math.max(r, Math.min(t, k));
104
+ Number.isNaN(R) || (u || w(R), p == null || p(R));
103
105
  },
104
106
  [t, r, s, u, p]
105
107
  ), L = (l) => {
106
108
  if (c) return;
107
- w(l.clientX, l.currentTarget);
108
- const f = (o) => w(o.clientX), d = () => {
109
+ N(l.clientX, l.currentTarget);
110
+ const f = (o) => N(o.clientX), d = () => {
109
111
  globalThis.removeEventListener("pointermove", f), globalThis.removeEventListener("pointerup", d);
110
112
  };
111
113
  globalThis.addEventListener("pointermove", f), globalThis.addEventListener("pointerup", d);
112
114
  }, M = n !== "inherit" && !(n != null && n.startsWith("#")) && !(n != null && n.startsWith("rgb")) ? `var(--pittorica-${n}-9)` : n;
113
115
  return /* @__PURE__ */ D(
114
- A,
116
+ E,
115
117
  {
116
118
  ...b,
117
119
  ref: y,
@@ -124,7 +126,7 @@ const V = ({
124
126
  "div",
125
127
  {
126
128
  className: "pittorica-slider-range",
127
- style: { width: `${N}%` }
129
+ style: { width: `${x}%` }
128
130
  }
129
131
  ) }),
130
132
  /* @__PURE__ */ T(
@@ -137,7 +139,7 @@ const V = ({
137
139
  "aria-disabled": c,
138
140
  tabIndex: c ? -1 : 0,
139
141
  className: "pittorica-slider-thumb",
140
- style: { position: "absolute", left: `calc(${N}% - 8px)` }
142
+ style: { position: "absolute", left: `calc(${x}% - 8px)` }
141
143
  }
142
144
  )
143
145
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/slider-react",
3
- "version": "0.23.0",
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.0",
14
- "@pittorica/text-react": "0.23.0"
13
+ "@pittorica/box-react": "0.23.2",
14
+ "@pittorica/text-react": "0.23.2"
15
15
  },
16
16
  "devDependencies": {
17
17
  "@testing-library/jest-dom": "^6.9.1",
@@ -23,8 +23,8 @@
23
23
  "typescript": "^5.0.0",
24
24
  "vite": "^5.0.0",
25
25
  "vitest": "^2.1.9",
26
- "@pittorica/theme-react": "0.23.0",
27
- "pittorica": "0.23.0"
26
+ "@pittorica/theme-react": "0.23.2",
27
+ "pittorica": "0.23.2"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "react": ">=19",