@pittorica/section-react 0.24.0 → 0.25.0

package/dist/Section.d.ts

@@ -1,11 +1,19 @@
+import { type ElementType } from 'react';
 import { type BoxProps } from '@pittorica/box-react';
-export interface SectionProps extends BoxProps {
+export type SectionProps<E extends ElementType = 'section'> = BoxProps<E> & {
     /**
      * Vertical padding size.
      * Maps to responsive padding values in CSS.
      * @default '3'
      */
     size?: '1' | '2' | '3';
-}
-export declare const Section: ({ children, as: Tag, size, className, ...props }: SectionProps) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Section component for high-level page layout.
+ * Fully polymorphic and agnostic.
+ */
+export declare const Section: {
+    <E extends ElementType = "section">({ children, as, size, className, ...props }: SectionProps<E>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Section.d.ts.map

package/dist/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../src/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C;;;;OAIG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,GAAI,kDAMrB,YAAY,4CAWd,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../src/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO;KAAI,CAAC,SAAS,WAAW,2DAM1C,YAAY,CAAC,CAAC,CAAC;;CAcjB,CAAC"}

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pittorica/section-react",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -10,7 +10,7 @@
   ],
   "dependencies": {
     "clsx": "^2.1.1",
-    "@pittorica/box-react": "0.24.0"
+    "@pittorica/box-react": "0.25.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -22,9 +22,9 @@
     "typescript": "^5.0.0",
     "vite": "^5.0.0",
     "vitest": "^2.1.9",
-    "@pittorica/theme-react": "0.24.0",
-    "pittorica": "0.24.0",
-    "@pittorica/text-react": "0.24.0"
+    "@pittorica/text-react": "0.25.0",
+    "@pittorica/theme-react": "0.25.0",
+    "pittorica": "0.25.0"
   },
   "peerDependencies": {
     "react": ">=19",
@@ -35,7 +35,6 @@
     "build:js": "vite build",
     "build:types": "tsc -p tsconfig.json",
     "clean": "rm -rf dist",
-    "dev": "vite",
     "test": "vitest run",
     "test:watch": "vitest"
   }