@pittorica/stack-react 0.22.4 → 0.23.1

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 +90 -98
  2. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -1,125 +1,117 @@
1
- import { jsx as f } from "react/jsx-runtime";
2
- function b(t) {
3
- var a, e, r = "";
4
- if (typeof t == "string" || typeof t == "number") r += t;
5
- else if (typeof t == "object") if (Array.isArray(t)) {
6
- var n = t.length;
7
- for (a = 0; a < n; a++) t[a] && (e = b(t[a])) && (r && (r += " "), r += e);
8
- } else for (e in t) t[e] && (r && (r += " "), r += e);
1
+ import { jsx as u } from "react/jsx-runtime";
2
+ function x(i) {
3
+ var a, t, r = "";
4
+ if (typeof i == "string" || typeof i == "number") r += i;
5
+ else if (typeof i == "object") if (Array.isArray(i)) {
6
+ var o = i.length;
7
+ for (a = 0; a < o; a++) i[a] && (t = x(i[a])) && (r && (r += " "), r += t);
8
+ } else for (t in i) i[t] && (r && (r += " "), r += t);
9
9
  return r;
10
10
  }
11
- function L() {
12
- for (var t, a, e = 0, r = "", n = arguments.length; e < n; e++) (t = arguments[e]) && (a = b(t)) && (r && (r += " "), r += a);
11
+ function q() {
12
+ for (var i, a, t = 0, r = "", o = arguments.length; t < o; t++) (i = arguments[t]) && (a = x(i)) && (r && (r += " "), r += a);
13
13
  return r;
14
14
  }
15
- function x(t) {
16
- var a, e, r = "";
17
- if (typeof t == "string" || typeof t == "number") r += t;
18
- else if (typeof t == "object") if (Array.isArray(t)) {
19
- var n = t.length;
20
- for (a = 0; a < n; a++) t[a] && (e = x(t[a])) && (r && (r += " "), r += e);
21
- } else for (e in t) t[e] && (r && (r += " "), r += e);
15
+ function j(i) {
16
+ var a, t, r = "";
17
+ if (typeof i == "string" || typeof i == "number") r += i;
18
+ else if (typeof i == "object") if (Array.isArray(i)) {
19
+ var o = i.length;
20
+ for (a = 0; a < o; a++) i[a] && (t = j(i[a])) && (r && (r += " "), r += t);
21
+ } else for (t in i) i[t] && (r && (r += " "), r += t);
22
22
  return r;
23
23
  }
24
- function S() {
25
- for (var t, a, e = 0, r = "", n = arguments.length; e < n; e++) (t = arguments[e]) && (a = x(t)) && (r && (r += " "), r += a);
24
+ function z() {
25
+ for (var i, a, t = 0, r = "", o = arguments.length; t < o; t++) (i = arguments[t]) && (a = j(i)) && (r && (r += " "), r += a);
26
26
  return r;
27
27
  }
28
- const $ = ({
29
- ref: t,
28
+ const N = ({
29
+ ref: i,
30
30
  as: a = "div",
31
- children: e,
31
+ children: t,
32
32
  display: r,
33
- m: n,
34
- mt: o,
35
- mr: p,
36
- mb: c,
37
- ml: s,
38
- p: l,
39
- pt: d,
40
- pr: g,
41
- pb: m,
42
- pl: y,
43
- width: u,
44
- height: v,
45
- position: h,
33
+ m: o,
34
+ mt: l,
35
+ mr: n,
36
+ mb: f,
37
+ ml: p,
38
+ p: g,
39
+ pt: m,
40
+ pr: s,
41
+ pb: y,
42
+ pl: h,
43
+ width: v,
44
+ height: $,
45
+ position: b,
46
46
  style: w,
47
- className: j,
48
- href: N,
49
- target: A,
50
- rel: B,
51
- htmlFor: R,
52
- type: k,
53
- disabled: C,
54
- ...D
47
+ className: A,
48
+ href: B,
49
+ target: F,
50
+ rel: L,
51
+ htmlFor: O,
52
+ type: R,
53
+ disabled: S,
54
+ ...T
55
55
  }) => {
56
- const i = {};
57
- r && (i.display = r), u && (i.width = u), v && (i.height = v), h && (i.position = h), n && (i.margin = `var(--pittorica-space-${n})`), o && (i.marginTop = `var(--pittorica-space-${o})`), p && (i.marginRight = `var(--pittorica-space-${p})`), c && (i.marginBottom = `var(--pittorica-space-${c})`), s && (i.marginLeft = `var(--pittorica-space-${s})`), l && (i.padding = `var(--pittorica-space-${l})`), d && (i.paddingTop = `var(--pittorica-space-${d})`), g && (i.paddingRight = `var(--pittorica-space-${g})`), m && (i.paddingBottom = `var(--pittorica-space-${m})`), y && (i.paddingLeft = `var(--pittorica-space-${y})`);
58
- const F = {
56
+ const e = {};
57
+ r && (e.display = r), v && (e.width = v), $ && (e.height = $), b && (e.position = b), o && (e.margin = `var(--pittorica-space-${o})`), l && (e.marginTop = `var(--pittorica-space-${l})`), n && (e.marginRight = `var(--pittorica-space-${n})`), f && (e.marginBottom = `var(--pittorica-space-${f})`), p && (e.marginLeft = `var(--pittorica-space-${p})`), g && (e.padding = `var(--pittorica-space-${g})`), m && (e.paddingTop = `var(--pittorica-space-${m})`), s && (e.paddingRight = `var(--pittorica-space-${s})`), y && (e.paddingBottom = `var(--pittorica-space-${y})`), h && (e.paddingLeft = `var(--pittorica-space-${h})`);
58
+ const k = {
59
59
  ...w,
60
- ...i
60
+ ...e
61
61
  };
62
- return /* @__PURE__ */ f(
62
+ return /* @__PURE__ */ u(
63
63
  a,
64
64
  {
65
- ref: t,
66
- className: S("pittorica-box", j),
67
- style: F,
68
- href: N,
69
- target: A,
70
- rel: B,
71
- htmlFor: R,
72
- type: k,
73
- disabled: C,
74
- ...D,
75
- children: e
65
+ ref: i,
66
+ className: z("pittorica-box", A),
67
+ style: k,
68
+ href: B,
69
+ target: F,
70
+ rel: L,
71
+ htmlFor: O,
72
+ type: R,
73
+ disabled: S,
74
+ ...T,
75
+ children: t
76
76
  }
77
77
  );
78
78
  };
79
- $.displayName = "Box";
80
- const T = {
81
- start: "flex-start",
82
- center: "center",
83
- end: "flex-end",
84
- between: "space-between",
85
- around: "space-around",
86
- evenly: "space-evenly"
87
- }, q = {
88
- start: "flex-start",
89
- center: "center",
90
- end: "flex-end",
91
- baseline: "baseline",
92
- stretch: "stretch"
93
- }, I = ({
94
- children: t,
95
- direction: a = "row",
96
- align: e,
79
+ N.displayName = "Box";
80
+ const d = (i) => typeof i == "string" && i.startsWith("auto-");
81
+ function c(i, a) {
82
+ return !a || d(a) ? [] : typeof a == "string" ? [`pittorica-flex--${i}-${a}`] : Object.entries(a).filter(([, t]) => t !== void 0 && !d(t)).map(
83
+ ([t, r]) => t === "initial" ? `pittorica-flex--${i}-${r}` : `pittorica-flex--${t}-${i}-${r}`
84
+ );
85
+ }
86
+ const W = ({
87
+ children: i,
88
+ direction: a,
89
+ align: t,
97
90
  justify: r,
98
- wrap: n = "nowrap",
99
- gap: o,
91
+ wrap: o,
92
+ gap: l,
93
+ basis: n,
94
+ className: f,
100
95
  style: p,
101
- className: c,
102
- ...s
96
+ ...g
103
97
  }) => {
104
- const l = {
105
- ...p,
106
- display: s.display || "flex",
107
- flexDirection: a,
108
- alignItems: e ? q[e] : void 0,
109
- justifyContent: r ? T[r] : void 0,
110
- flexWrap: n,
111
- gap: o ? `var(--pittorica-space-${o})` : void 0
112
- };
113
- return /* @__PURE__ */ f(
114
- $,
98
+ const m = [
99
+ ...c("direction", a),
100
+ ...c("align", t),
101
+ ...c("justify", r),
102
+ ...c("wrap", o),
103
+ ...c("gap", l)
104
+ ], s = { ...p };
105
+ return d(n) && (s["--pittorica-flex-basis"] = n.split("-")[1]), /* @__PURE__ */ u(
106
+ N,
115
107
  {
116
- className: L("pittorica-flex", c),
117
- style: l,
118
- ...s,
119
- children: t
108
+ className: q("pittorica-flex", m, f),
109
+ style: { ...p, ...s },
110
+ ...g,
111
+ children: i
120
112
  }
121
113
  );
122
- }, z = (t) => /* @__PURE__ */ f(I, { direction: "column", ...t });
114
+ }, D = (i) => /* @__PURE__ */ u(W, { direction: "column", ...i });
123
115
  export {
124
- z as Stack
116
+ D as Stack
125
117
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/stack-react",
3
- "version": "0.22.4",
3
+ "version": "0.23.1",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -9,7 +9,7 @@
9
9
  "dist"
10
10
  ],
11
11
  "dependencies": {
12
- "@pittorica/flex-react": "0.22.4"
12
+ "@pittorica/flex-react": "0.23.1"
13
13
  },
14
14
  "devDependencies": {
15
15
  "@testing-library/jest-dom": "^6.9.1",
@@ -21,9 +21,9 @@
21
21
  "typescript": "^5.0.0",
22
22
  "vite": "^5.0.0",
23
23
  "vitest": "^2.1.9",
24
- "@pittorica/box-react": "0.22.4",
25
- "pittorica": "0.22.4",
26
- "@pittorica/theme-react": "0.22.4"
24
+ "@pittorica/box-react": "0.23.1",
25
+ "@pittorica/theme-react": "0.23.1",
26
+ "pittorica": "0.23.1"
27
27
  },
28
28
  "peerDependencies": {
29
29
  "react": ">=19",