@pittorica/card-react 0.24.0 → 0.26.0

package/dist/Card.d.ts

@@ -1,12 +1,20 @@
+import { type ElementType } from 'react';
 import { type BoxProps } from '@pittorica/box-react';
-export interface CardProps extends BoxProps {
+/**
+ * Fix TS2314 & TS2312: Use 'type' alias for intersection with polymorphic BoxProps<E>.
+ */
+export type CardProps<E extends ElementType = 'div'> = BoxProps<E> & {
     /** @default 'surface' */
     variant?: 'surface' | 'outlined' | 'ghost';
     /** If true, applies glassmorphism effect */
     translucent?: boolean;
-}
+};
 /**
  * Card component following Radix UI Themes structure with translucent support.
+ * Fully polymorphic and agnostic foundation.
  */
-export declare const Card: ({ variant, translucent, children, className, style, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: {
+    <E extends ElementType = "div">({ variant, translucent, children, className, style, as, ...props }: CardProps<E>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Card.d.ts.map

package/dist/Card.d.ts.map

@@ -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"}
+{"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.d.ts

@@ -1,3 +1,2 @@
-export type { CardProps } from './Card.js';
-export { Card } from './Card.js';
+export * from './Card.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/index.js

@@ -1,105 +1,100 @@
-import { jsx as y } from "react/jsx-runtime";
-function b(t) {
-  var i, a, r = "";
-  if (typeof t == "string" || typeof t == "number") r += t;
-  else if (typeof t == "object") if (Array.isArray(t)) {
-    var o = t.length;
-    for (i = 0; i < o; i++) t[i] && (a = b(t[i])) && (r && (r += " "), r += a);
-  } else for (a in t) t[a] && (r && (r += " "), r += a);
-  return r;
+import { jsx as x } from "react/jsx-runtime";
+function T(r) {
+  var p, i, a = "";
+  if (typeof r == "string" || typeof r == "number") a += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (p = 0; p < o; p++) r[p] && (i = T(r[p])) && (a && (a += " "), a += i);
+  } else for (i in r) r[i] && (a && (a += " "), a += i);
+  return a;
 }
 function k() {
-  for (var t, i, a = 0, r = "", o = arguments.length; a < o; a++) (t = arguments[a]) && (i = b(t)) && (r && (r += " "), r += i);
-  return r;
+  for (var r, p, i = 0, a = "", o = arguments.length; i < o; i++) (r = arguments[i]) && (p = T(r)) && (a && (a += " "), a += p);
+  return a;
 }
-function $(t) {
-  var i, a, r = "";
-  if (typeof t == "string" || typeof t == "number") r += t;
-  else if (typeof t == "object") if (Array.isArray(t)) {
-    var o = t.length;
-    for (i = 0; i < o; i++) t[i] && (a = $(t[i])) && (r && (r += " "), r += a);
-  } else for (a in t) t[a] && (r && (r += " "), r += a);
-  return r;
+function N(r) {
+  var p, i, a = "";
+  if (typeof r == "string" || typeof r == "number") a += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (p = 0; p < o; p++) r[p] && (i = N(r[p])) && (a && (a += " "), a += i);
+  } else for (i in r) r[i] && (a && (a += " "), a += i);
+  return a;
 }
-function z() {
-  for (var t, i, a = 0, r = "", o = arguments.length; a < o; a++) (t = arguments[a]) && (i = $(t)) && (r && (r += " "), r += i);
-  return r;
+function S() {
+  for (var r, p, i = 0, a = "", o = arguments.length; i < o; i++) (r = arguments[i]) && (p = N(r)) && (a && (a += " "), a += p);
+  return a;
 }
-const x = ({
-  ref: t,
-  as: i = "div",
-  children: a,
-  display: r,
-  m: o,
-  mt: p,
-  mr: n,
-  mb: s,
-  ml: c,
+const A = ({
+  as: r,
+  children: p,
+  display: i,
+  m: a,
+  mt: o,
+  mr: e,
+  mb: c,
+  ml: s,
+  mx: n,
+  my: d,
   p: f,
-  pt: l,
-  pr: m,
-  pb: d,
-  pl: g,
-  width: u,
+  pt: v,
+  pr: l,
+  pb: u,
+  pl: $,
+  px: g,
+  py: m,
+  width: y,
   height: h,
-  position: v,
-  style: A,
-  className: N,
-  href: j,
-  target: w,
-  rel: B,
-  htmlFor: F,
-  type: L,
-  name: R,
-  disabled: T,
+  position: b,
+  style: B,
+  className: L,
+  disabled: R,
+  required: j,
   ...q
 }) => {
-  const e = {};
-  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})`);
+  const w = r || "div", t = {};
+  i && (t.display = i), 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})`), e && (t.marginRight = `var(--pittorica-space-${e})`), c && (t.marginBottom = `var(--pittorica-space-${c})`), 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})`), u && (t.paddingBottom = `var(--pittorica-space-${u})`), $ && (t.paddingLeft = `var(--pittorica-space-${$})`), 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})`);
   const C = {
-    ...A,
-    ...e
+    ...B,
+    ...t
   };
-  return /* @__PURE__ */ y(
-    i,
+  return /* @__PURE__ */ x(
+    w,
     {
-      ref: t,
-      className: z("pittorica-box", N),
+      className: S("pittorica-box", L),
       style: C,
-      href: j,
-      target: w,
-      rel: B,
-      htmlFor: F,
-      type: L,
-      name: R,
-      disabled: T,
+      disabled: R,
+      required: j,
       ...q,
-      children: a
+      children: p
     }
   );
 };
-x.displayName = "Box";
-const E = ({
-  variant: t = "surface",
-  translucent: i = !1,
-  children: a,
-  className: r,
+A.displayName = "Box";
+const z = ({
+  variant: r = "surface",
+  translucent: p = !1,
+  children: i,
+  className: a,
   style: o,
-  ...p
-}) => /* @__PURE__ */ y(
-  x,
+  as: e,
+  ...c
+}) => /* @__PURE__ */ x(
+  A,
   {
+    as: e || "div",
     className: k(
       "pittorica-card",
-      `pittorica-card--variant-${t}`,
-      { "pittorica-card--translucent": i },
-      r
+      `pittorica-card--variant-${r}`,
+      { "pittorica-card--translucent": p },
+      a
     ),
     style: o,
-    ...p,
-    children: a
+    ...c,
+    children: i
   }
 );
+z.displayName = "Card";
 export {
-  E as Card
+  z as Card
 };

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@pittorica/card-react",
-  "version": "0.24.0",
+  "version": "0.26.0",
+  "homepage": "https://pittorica.dcdavidev.me",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -10,7 +11,7 @@
   ],
   "dependencies": {
     "clsx": "^2.1.1",
-    "@pittorica/box-react": "0.24.0"
+    "@pittorica/box-react": "0.26.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -20,15 +21,15 @@
     "@vitejs/plugin-react": "^4.0.0",
     "jsdom": "^22.0.0",
     "typescript": "^5.0.0",
-    "vite": "^5.0.0",
-    "vitest": "^2.1.9",
-    "@pittorica/heading-react": "0.24.0",
-    "@pittorica/avatar-react": "0.24.0",
-    "@pittorica/flex-react": "0.24.0",
-    "@pittorica/aspect-ratio-react": "0.24.0",
-    "@pittorica/theme-react": "0.24.0",
-    "pittorica": "0.24.0",
-    "@pittorica/text-react": "0.24.0"
+    "vite": "^6.4.1",
+    "vitest": "^3.2.4",
+    "@pittorica/aspect-ratio-react": "0.26.0",
+    "@pittorica/avatar-react": "0.26.0",
+    "@pittorica/heading-react": "0.26.0",
+    "@pittorica/flex-react": "0.26.0",
+    "@pittorica/theme-react": "0.26.0",
+    "@pittorica/text-react": "0.26.0",
+    "pittorica": "0.26.0"
   },
   "peerDependencies": {
     "react": ">=19",
@@ -38,8 +39,7 @@
     "build": "npm run clean && npm run build:js && npm run build:types",
     "build:js": "vite build",
     "build:types": "tsc -p tsconfig.json",
-    "clean": "rm -rf dist",
-    "dev": "vite",
+    "clean": "rm -rf dist *.tsbuildinfo",
     "test": "vitest run",
     "test:watch": "vitest"
   }

package/dist/Card.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Card } from './Card.js';
-declare const meta: Meta<typeof Card>;
-export default meta;
-export declare const GlassCard: StoryObj<typeof Card>;
-export declare const WithImage: StoryObj<typeof Card>;
-//# sourceMappingURL=Card.stories.d.ts.map

package/dist/Card.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../src/Card.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAQ3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,IAAI,CA0B3C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,IAAI,CAmB3C,CAAC"}

package/dist/Card.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-import '@testing-library/jest-dom';
-//# sourceMappingURL=Card.test.d.ts.map

package/dist/Card.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.test.d.ts","sourceRoot":"","sources":["../src/Card.test.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,2BAA2B,CAAC"}