@pittorica/card-react 0.24.0 → 0.25.0

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 (4) hide show
  1. package/dist/Card.d.ts +11 -3
  2. package/dist/Card.d.ts.map +1 -1
  3. package/dist/index.js +72 -79
  4. package/package.json +9 -10
package/dist/Card.d.ts CHANGED
@@ -1,12 +1,20 @@
1
+ import { type ElementType } from 'react';
1
2
  import { type BoxProps } from '@pittorica/box-react';
2
- export interface CardProps extends BoxProps {
3
+ /**
4
+ * Fix TS2314 & TS2312: Use 'type' alias for intersection with polymorphic BoxProps<E>.
5
+ */
6
+ export type CardProps<E extends ElementType = 'div'> = BoxProps<E> & {
3
7
  /** @default 'surface' */
4
8
  variant?: 'surface' | 'outlined' | 'ghost';
5
9
  /** If true, applies glassmorphism effect */
6
10
  translucent?: boolean;
7
- }
11
+ };
8
12
  /**
9
13
  * Card component following Radix UI Themes structure with translucent support.
14
+ * Fully polymorphic and agnostic foundation.
10
15
  */
11
- export declare const Card: ({ variant, translucent, children, className, style, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const Card: {
17
+ <E extends ElementType = "div">({ variant, translucent, children, className, style, as, ...props }: CardProps<E>): import("react/jsx-runtime").JSX.Element;
18
+ displayName: string;
19
+ };
12
20
  //# sourceMappingURL=Card.d.ts.map
package/dist/Card.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IAC3C,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,gEAOlB,SAAS,4CAeX,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG;IACnE,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IAC3C,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,WAAW,8EAQvC,SAAS,CAAC,CAAC,CAAC;;CAkBd,CAAC"}
package/dist/index.js CHANGED
@@ -1,105 +1,98 @@
1
- import { jsx as y } from "react/jsx-runtime";
2
- function b(t) {
3
- var i, a, r = "";
4
- if (typeof t == "string" || typeof t == "number") r += t;
5
- else if (typeof t == "object") if (Array.isArray(t)) {
6
- var o = t.length;
7
- for (i = 0; i < o; i++) t[i] && (a = b(t[i])) && (r && (r += " "), r += a);
8
- } else for (a in t) t[a] && (r && (r += " "), r += a);
9
- return r;
1
+ import { jsx as x } from "react/jsx-runtime";
2
+ function T(i) {
3
+ var p, r, a = "";
4
+ if (typeof i == "string" || typeof i == "number") a += i;
5
+ else if (typeof i == "object") if (Array.isArray(i)) {
6
+ var o = i.length;
7
+ for (p = 0; p < o; p++) i[p] && (r = T(i[p])) && (a && (a += " "), a += r);
8
+ } else for (r in i) i[r] && (a && (a += " "), a += r);
9
+ return a;
10
10
  }
11
11
  function k() {
12
- for (var t, i, a = 0, r = "", o = arguments.length; a < o; a++) (t = arguments[a]) && (i = b(t)) && (r && (r += " "), r += i);
13
- return r;
12
+ for (var i, p, r = 0, a = "", o = arguments.length; r < o; r++) (i = arguments[r]) && (p = T(i)) && (a && (a += " "), a += p);
13
+ return a;
14
14
  }
15
- function $(t) {
16
- var i, a, r = "";
17
- if (typeof t == "string" || typeof t == "number") r += t;
18
- else if (typeof t == "object") if (Array.isArray(t)) {
19
- var o = t.length;
20
- for (i = 0; i < o; i++) t[i] && (a = $(t[i])) && (r && (r += " "), r += a);
21
- } else for (a in t) t[a] && (r && (r += " "), r += a);
22
- return r;
15
+ function N(i) {
16
+ var p, r, a = "";
17
+ if (typeof i == "string" || typeof i == "number") a += i;
18
+ else if (typeof i == "object") if (Array.isArray(i)) {
19
+ var o = i.length;
20
+ for (p = 0; p < o; p++) i[p] && (r = N(i[p])) && (a && (a += " "), a += r);
21
+ } else for (r in i) i[r] && (a && (a += " "), a += r);
22
+ return a;
23
23
  }
24
- function z() {
25
- for (var t, i, a = 0, r = "", o = arguments.length; a < o; a++) (t = arguments[a]) && (i = $(t)) && (r && (r += " "), r += i);
26
- return r;
24
+ function q() {
25
+ for (var i, p, r = 0, a = "", o = arguments.length; r < o; r++) (i = arguments[r]) && (p = N(i)) && (a && (a += " "), a += p);
26
+ return a;
27
27
  }
28
- const x = ({
29
- ref: t,
30
- as: i = "div",
31
- children: a,
28
+ const A = ({
29
+ as: i,
30
+ children: p,
32
31
  display: r,
33
- m: o,
34
- mt: p,
35
- mr: n,
36
- mb: s,
37
- ml: c,
32
+ m: a,
33
+ mt: o,
34
+ mr: c,
35
+ mb: e,
36
+ ml: s,
37
+ mx: n,
38
+ my: d,
38
39
  p: f,
39
- pt: l,
40
- pr: m,
41
- pb: d,
42
- pl: g,
43
- width: u,
40
+ pt: v,
41
+ pr: l,
42
+ pb: $,
43
+ pl: u,
44
+ px: g,
45
+ py: m,
46
+ width: y,
44
47
  height: h,
45
- position: v,
46
- style: A,
47
- className: N,
48
- href: j,
49
- target: w,
50
- rel: B,
51
- htmlFor: F,
52
- type: L,
53
- name: R,
54
- disabled: T,
55
- ...q
48
+ position: b,
49
+ style: B,
50
+ className: L,
51
+ disabled: R,
52
+ ...j
56
53
  }) => {
57
- const e = {};
58
- r && (e.display = r), u && (e.width = u), h && (e.height = h), v && (e.position = v), o && (e.margin = `var(--pittorica-space-${o})`), p && (e.marginTop = `var(--pittorica-space-${p})`), n && (e.marginRight = `var(--pittorica-space-${n})`), s && (e.marginBottom = `var(--pittorica-space-${s})`), c && (e.marginLeft = `var(--pittorica-space-${c})`), f && (e.padding = `var(--pittorica-space-${f})`), l && (e.paddingTop = `var(--pittorica-space-${l})`), m && (e.paddingRight = `var(--pittorica-space-${m})`), d && (e.paddingBottom = `var(--pittorica-space-${d})`), g && (e.paddingLeft = `var(--pittorica-space-${g})`);
54
+ const w = i || "div", t = {};
55
+ r && (t.display = r), y && (t.width = y), h && (t.height = h), b && (t.position = b), a && (t.margin = `var(--pittorica-space-${a})`), o && (t.marginTop = `var(--pittorica-space-${o})`), c && (t.marginRight = `var(--pittorica-space-${c})`), e && (t.marginBottom = `var(--pittorica-space-${e})`), s && (t.marginLeft = `var(--pittorica-space-${s})`), n && (t.marginLeft = `var(--pittorica-space-${n})`, t.marginRight = `var(--pittorica-space-${n})`), d && (t.marginTop = `var(--pittorica-space-${d})`, t.marginBottom = `var(--pittorica-space-${d})`), f && (t.padding = `var(--pittorica-space-${f})`), v && (t.paddingTop = `var(--pittorica-space-${v})`), l && (t.paddingRight = `var(--pittorica-space-${l})`), $ && (t.paddingBottom = `var(--pittorica-space-${$})`), u && (t.paddingLeft = `var(--pittorica-space-${u})`), g && (t.paddingLeft = `var(--pittorica-space-${g})`, t.paddingRight = `var(--pittorica-space-${g})`), m && (t.paddingTop = `var(--pittorica-space-${m})`, t.paddingBottom = `var(--pittorica-space-${m})`);
59
56
  const C = {
60
- ...A,
61
- ...e
57
+ ...B,
58
+ ...t
62
59
  };
63
- return /* @__PURE__ */ y(
64
- i,
60
+ return /* @__PURE__ */ x(
61
+ w,
65
62
  {
66
- ref: t,
67
- className: z("pittorica-box", N),
63
+ className: q("pittorica-box", L),
68
64
  style: C,
69
- href: j,
70
- target: w,
71
- rel: B,
72
- htmlFor: F,
73
- type: L,
74
- name: R,
75
- disabled: T,
76
- ...q,
77
- children: a
65
+ disabled: R,
66
+ ...j,
67
+ children: p
78
68
  }
79
69
  );
80
70
  };
81
- x.displayName = "Box";
82
- const E = ({
83
- variant: t = "surface",
84
- translucent: i = !1,
85
- children: a,
86
- className: r,
71
+ A.displayName = "Box";
72
+ const z = ({
73
+ variant: i = "surface",
74
+ translucent: p = !1,
75
+ children: r,
76
+ className: a,
87
77
  style: o,
88
- ...p
89
- }) => /* @__PURE__ */ y(
90
- x,
78
+ as: c,
79
+ ...e
80
+ }) => /* @__PURE__ */ x(
81
+ A,
91
82
  {
83
+ as: c || "div",
92
84
  className: k(
93
85
  "pittorica-card",
94
- `pittorica-card--variant-${t}`,
95
- { "pittorica-card--translucent": i },
96
- r
86
+ `pittorica-card--variant-${i}`,
87
+ { "pittorica-card--translucent": p },
88
+ a
97
89
  ),
98
90
  style: o,
99
- ...p,
100
- children: a
91
+ ...e,
92
+ children: r
101
93
  }
102
94
  );
95
+ z.displayName = "Card";
103
96
  export {
104
- E as Card
97
+ z as Card
105
98
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/card-react",
3
- "version": "0.24.0",
3
+ "version": "0.25.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -10,7 +10,7 @@
10
10
  ],
11
11
  "dependencies": {
12
12
  "clsx": "^2.1.1",
13
- "@pittorica/box-react": "0.24.0"
13
+ "@pittorica/box-react": "0.25.0"
14
14
  },
15
15
  "devDependencies": {
16
16
  "@testing-library/jest-dom": "^6.9.1",
@@ -22,13 +22,13 @@
22
22
  "typescript": "^5.0.0",
23
23
  "vite": "^5.0.0",
24
24
  "vitest": "^2.1.9",
25
- "@pittorica/heading-react": "0.24.0",
26
- "@pittorica/avatar-react": "0.24.0",
27
- "@pittorica/flex-react": "0.24.0",
28
- "@pittorica/aspect-ratio-react": "0.24.0",
29
- "@pittorica/theme-react": "0.24.0",
30
- "pittorica": "0.24.0",
31
- "@pittorica/text-react": "0.24.0"
25
+ "@pittorica/avatar-react": "0.25.0",
26
+ "@pittorica/aspect-ratio-react": "0.25.0",
27
+ "@pittorica/heading-react": "0.25.0",
28
+ "@pittorica/flex-react": "0.25.0",
29
+ "@pittorica/theme-react": "0.25.0",
30
+ "@pittorica/text-react": "0.25.0",
31
+ "pittorica": "0.25.0"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "react": ">=19",
@@ -39,7 +39,6 @@
39
39
  "build:js": "vite build",
40
40
  "build:types": "tsc -p tsconfig.json",
41
41
  "clean": "rm -rf dist",
42
- "dev": "vite",
43
42
  "test": "vitest run",
44
43
  "test:watch": "vitest"
45
44
  }