@paolojulian.dev/design-system 3.0.1 → 4.0.0

package/dist/index.es.js

@@ -1,20 +1,19 @@
-import { j as m } from "./jsx-runtime-sen3WxAA.js";
+import { jsx as m } from "react/jsx-runtime";
 import { cn as c } from "./utils.es.js";
-const R = ({
+const T = ({
   children: e,
   gap: n = void 0,
   alignItems: t = void 0,
-  justifyContent: a = void 0,
+  justifyContent: r = void 0,
   className: i = ""
-}) => /* @__PURE__ */ m.jsx(
+}) => /* @__PURE__ */ m(
   "div",
   {
-    "aria-label": "Row container",
     className: c("flex flex-row", i),
     style: {
       gap: n,
       alignItems: t,
-      justifyContent: a
+      justifyContent: r
     },
     children: e
   }
@@ -22,61 +21,60 @@ const R = ({
   children: e,
   gap: n = void 0,
   alignItems: t = void 0,
-  justifyContent: a = void 0,
+  justifyContent: r = void 0,
   className: i = ""
-}) => /* @__PURE__ */ m.jsx(
+}) => /* @__PURE__ */ m(
   "div",
   {
-    "aria-label": "Stack container",
     className: c("flex flex-col", i),
     style: {
       gap: n,
       alignItems: t,
-      justifyContent: a
+      justifyContent: r
     },
     children: e
   }
 );
 function g(e) {
-  var n, t, a = "";
-  if (typeof e == "string" || typeof e == "number") a += e;
-  else if (typeof e == "object") if (Array.isArray(e)) for (n = 0; n < e.length; n++) e[n] && (t = g(e[n])) && (a && (a += " "), a += t);
-  else for (n in e) e[n] && (a && (a += " "), a += n);
-  return a;
+  var n, t, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) for (n = 0; n < e.length; n++) e[n] && (t = g(e[n])) && (r && (r += " "), r += t);
+  else for (n in e) e[n] && (r && (r += " "), r += n);
+  return r;
 }
-function V() {
-  for (var e, n, t = 0, a = ""; t < arguments.length; ) (e = arguments[t++]) && (n = g(e)) && (a && (a += " "), a += n);
-  return a;
+function w() {
+  for (var e, n, t = 0, r = ""; t < arguments.length; ) (e = arguments[t++]) && (n = g(e)) && (r && (r += " "), r += n);
+  return r;
 }
-const x = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, y = V, w = (e, n) => (t) => {
-  var a;
-  if ((n == null ? void 0 : n.variants) == null) return y(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: i, defaultVariants: s } = n, b = Object.keys(i).map((r) => {
-    const l = t == null ? void 0 : t[r], d = s == null ? void 0 : s[r];
+const y = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, x = w, j = (e, n) => (t) => {
+  var r;
+  if ((n == null ? void 0 : n.variants) == null) return x(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: i, defaultVariants: d } = n, b = Object.keys(i).map((a) => {
+    const l = t == null ? void 0 : t[a], s = d == null ? void 0 : d[a];
     if (l === null) return null;
-    const o = x(l) || x(d);
-    return i[r][o];
-  }), v = t && Object.entries(t).reduce((r, l) => {
-    let [d, o] = l;
-    return o === void 0 || (r[d] = o), r;
-  }, {}), h = n == null || (a = n.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((r, l) => {
-    let { class: d, className: o, ...j } = l;
-    return Object.entries(j).every((N) => {
-      let [f, u] = N;
+    const o = y(l) || y(s);
+    return i[a][o];
+  }), v = t && Object.entries(t).reduce((a, l) => {
+    let [s, o] = l;
+    return o === void 0 || (a[s] = o), a;
+  }, {}), h = n == null || (r = n.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((a, l) => {
+    let { class: s, className: o, ...N } = l;
+    return Object.entries(N).every((V) => {
+      let [f, u] = V;
       return Array.isArray(u) ? u.includes({
-        ...s,
+        ...d,
         ...v
       }[f]) : {
-        ...s,
+        ...d,
         ...v
       }[f] === u;
     }) ? [
-      ...r,
-      d,
+      ...a,
+      s,
       o
-    ] : r;
+    ] : a;
   }, []);
-  return y(e, b, h, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  return x(e, b, h, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
 }, C = {
   serif: "font-serif",
   body: "text-base",
@@ -84,7 +82,7 @@ const x = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, y = V
   heading: "text-[1.5rem] md:text-4xl tracking-[-0.04em] font-medium",
   "heading-lg": "text-[2.5rem] md:text-[4rem] tracking-[-0.04em] font-medium leading-[2.75rem] md:leading-[4.5rem]",
   "heading-xl": "text-[4rem] md:text-[7rem] tracking-[-0.04em] leading-[3.5rem] md:leading-[5.5rem] font-medium"
-}, P = w("font-sans", {
+}, P = j("font-sans", {
   variants: {
     variant: C
   },
@@ -92,29 +90,29 @@ const x = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, y = V
     variant: "body"
   }
 });
-function S({
+function A({
   as: e = "p",
-  onClick: n,
-  children: t,
-  className: a = "",
-  variant: i
+  children: n,
+  className: t = "",
+  variant: r,
+  ...i
 }) {
-  return /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ m(
     e,
     {
-      className: c(P({ variant: i, className: a })),
-      onClick: n,
-      children: t
+      className: c(P({ variant: r, className: t })),
+      ...i,
+      children: n
     }
   );
 }
-function T({ title: e }) {
-  return /* @__PURE__ */ m.jsx(k, { className: "pt-2 border-t border-white text-white", children: /* @__PURE__ */ m.jsx(S, { className: "uppercase", variant: "body-wide", children: e }) });
+function H({ title: e }) {
+  return /* @__PURE__ */ m(k, { className: "pt-2 border-t border-white text-white", children: /* @__PURE__ */ m(A, { className: "uppercase", variant: "body-wide", children: e }) });
 }
 export {
-  T as PSectionHeader,
-  S as PTypography,
-  R as Row,
+  H as PSectionHeader,
+  A as PTypography,
+  T as Row,
   k as Stack
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/components/PContainers/Row/Row.tsx","../src/components/PContainers/Stack/Stack.tsx","../node_modules/class-variance-authority/node_modules/clsx/dist/clsx.mjs","../node_modules/class-variance-authority/dist/index.mjs","../src/components/PTypography/PTypography.constants.ts","../src/components/PTypography/PTypography.tsx","../src/components/PSectionHeader/PSectionHeader.tsx"],"sourcesContent":["import { CSSProperties, FC, ReactNode } from 'react';\nimport cn from '../../../utils/cn';\n\nexport type RowProps = {\n  children: ReactNode;\n  gap?: CSSProperties['gap'];\n  alignItems?: CSSProperties['alignItems'];\n  justifyContent?: CSSProperties['justifyContent'];\n  className?: string;\n};\n\nconst Row: FC<RowProps> = ({\n  children,\n  gap = undefined,\n  alignItems = undefined,\n  justifyContent = undefined,\n  className = '',\n}) => {\n  return (\n    <div\n      aria-label='Row container'\n      className={cn('flex flex-row', className)}\n      style={{\n        gap,\n        alignItems,\n        justifyContent,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Row;\n","import { CSSProperties, FC, ReactNode } from 'react';\nimport cn from '../../../utils/cn';\n\nexport type StackProps = {\n  children: ReactNode;\n  gap?: CSSProperties['gap'];\n  alignItems?: CSSProperties['alignItems'];\n  justifyContent?: CSSProperties['justifyContent'];\n  className?: string;\n};\n\nconst Stack: FC<StackProps> = ({\n  children,\n  gap = undefined,\n  alignItems = undefined,\n  justifyContent = undefined,\n  className = '',\n}) => {\n  return (\n    <div\n      aria-label='Stack container'\n      className={cn('flex flex-col', className)}\n      style={{\n        gap,\n        alignItems,\n        justifyContent,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Stack;\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f);else for(t in e)e[t]&&(n&&(n+=\" \"),n+=t);return n}export function clsx(){for(var e,t,f=0,n=\"\";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? \"\".concat(value) : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>{\n    return (props)=>{\n        var ref;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants , defaultVariants  } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{\n            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n};\n\n\n//# sourceMappingURL=index.mjs.map","import { cva } from 'class-variance-authority';\n\ntype FontVariants =\n  | 'serif'\n  | 'body'\n  | 'body-wide'\n  | 'heading'\n  | 'heading-lg'\n  | 'heading-xl';\n\nconst fontVariantsMap = {\n  serif: 'font-serif',\n  body: 'text-base',\n  'body-wide': 'text-sm tracking-[0.40em] font-medium',\n  heading: 'text-[1.5rem] md:text-4xl tracking-[-0.04em] font-medium',\n  'heading-lg':\n    'text-[2.5rem] md:text-[4rem] tracking-[-0.04em] font-medium leading-[2.75rem] md:leading-[4.5rem]',\n  'heading-xl':\n    'text-[4rem] md:text-[7rem] tracking-[-0.04em] leading-[3.5rem] md:leading-[5.5rem] font-medium',\n} satisfies Record<FontVariants, string>;\n\nexport const PTypographyVariants = cva('font-sans', {\n  variants: {\n    variant: fontVariantsMap,\n  },\n  defaultVariants: {\n    variant: 'body',\n  },\n});\n","import { VariantProps } from 'class-variance-authority';\nimport '../../index.css';\nimport cn from '../../utils/cn';\nimport { PTypographyVariants } from './PTypography.constants';\n\nexport interface PTypographyProps\n  extends VariantProps<typeof PTypographyVariants> {\n  as?: React.ElementType;\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n}\n\nexport default function PTypography({\n  as: Element = 'p',\n  onClick,\n  children,\n  className = '',\n  variant,\n}: PTypographyProps) {\n  return (\n    <Element\n      className={cn(PTypographyVariants({ variant, className }))}\n      onClick={onClick}\n    >\n      {children}\n    </Element>\n  );\n}\n","import { Stack } from '../PContainers';\nimport { PTypography } from '../PTypography';\n\ninterface Props {\n  title: string;\n}\n\nexport default function SectionHeader({ title }: Props) {\n  return (\n    <Stack className='pt-2 border-t border-white text-white'>\n      <PTypography className='uppercase' variant='body-wide'>\n        {title}\n      </PTypography>\n    </Stack>\n  );\n}\n"],"names":["Row","children","gap","alignItems","justifyContent","className","jsx","cn","Stack","r","t","f","n","clsx","falsyToString","value","cx","cva","base","config","props","ref","variants","defaultVariants","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","acc","param","key","getCompoundVariantClassNames","param1","cvClass","cvClassName","compoundVariantOptions","fontVariantsMap","PTypographyVariants","PTypography","Element","onClick","SectionHeader","title"],"mappings":"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","x_google_ignoreList":[2,3]}
+{"version":3,"file":"index.es.js","sources":["../src/components/PContainers/Row/Row.tsx","../src/components/PContainers/Stack/Stack.tsx","../node_modules/class-variance-authority/node_modules/clsx/dist/clsx.mjs","../node_modules/class-variance-authority/dist/index.mjs","../src/components/PTypography/PTypography.constants.ts","../src/components/PTypography/PTypography.tsx","../src/components/PSectionHeader/PSectionHeader.tsx"],"sourcesContent":["import { CSSProperties, FC, ReactNode } from 'react';\nimport cn from '../../../utils/cn';\n\nexport type RowProps = {\n  children: ReactNode;\n  gap?: CSSProperties['gap'];\n  alignItems?: CSSProperties['alignItems'];\n  justifyContent?: CSSProperties['justifyContent'];\n  className?: string;\n};\n\nconst Row: FC<RowProps> = ({\n  children,\n  gap = undefined,\n  alignItems = undefined,\n  justifyContent = undefined,\n  className = '',\n}) => {\n  return (\n    <div\n      className={cn('flex flex-row', className)}\n      style={{\n        gap,\n        alignItems,\n        justifyContent,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Row;\n","import { CSSProperties, FC, ReactNode } from 'react';\nimport cn from '../../../utils/cn';\n\nexport type StackProps = {\n  children: ReactNode;\n  gap?: CSSProperties['gap'];\n  alignItems?: CSSProperties['alignItems'];\n  justifyContent?: CSSProperties['justifyContent'];\n  className?: string;\n};\n\nconst Stack: FC<StackProps> = ({\n  children,\n  gap = undefined,\n  alignItems = undefined,\n  justifyContent = undefined,\n  className = '',\n}) => {\n  return (\n    <div\n      className={cn('flex flex-col', className)}\n      style={{\n        gap,\n        alignItems,\n        justifyContent,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Stack;\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f);else for(t in e)e[t]&&(n&&(n+=\" \"),n+=t);return n}export function clsx(){for(var e,t,f=0,n=\"\";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? \"\".concat(value) : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>{\n    return (props)=>{\n        var ref;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants , defaultVariants  } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{\n            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n};\n\n\n//# sourceMappingURL=index.mjs.map","import { cva } from 'class-variance-authority';\n\ntype FontVariants =\n  | 'serif'\n  | 'body'\n  | 'body-wide'\n  | 'heading'\n  | 'heading-lg'\n  | 'heading-xl';\n\nconst fontVariantsMap = {\n  serif: 'font-serif',\n  body: 'text-base',\n  'body-wide': 'text-sm tracking-[0.40em] font-medium',\n  heading: 'text-[1.5rem] md:text-4xl tracking-[-0.04em] font-medium',\n  'heading-lg':\n    'text-[2.5rem] md:text-[4rem] tracking-[-0.04em] font-medium leading-[2.75rem] md:leading-[4.5rem]',\n  'heading-xl':\n    'text-[4rem] md:text-[7rem] tracking-[-0.04em] leading-[3.5rem] md:leading-[5.5rem] font-medium',\n} satisfies Record<FontVariants, string>;\n\nexport const PTypographyVariants = cva('font-sans', {\n  variants: {\n    variant: fontVariantsMap,\n  },\n  defaultVariants: {\n    variant: 'body',\n  },\n});\n","import { VariantProps } from 'class-variance-authority';\nimport { HTMLAttributes } from 'react';\nimport '../../index.css';\nimport cn from '../../utils/cn';\nimport { PTypographyVariants } from './PTypography.constants';\n\nexport interface PTypographyProps\n  extends VariantProps<typeof PTypographyVariants>,\n    HTMLAttributes<HTMLElement> {\n  as?: React.ElementType;\n  children: React.ReactNode;\n}\n\nexport default function PTypography({\n  as: Element = 'p',\n  children,\n  className = '',\n  variant,\n  ...props\n}: PTypographyProps) {\n  return (\n    <Element\n      className={cn(PTypographyVariants({ variant, className }))}\n      {...props}\n    >\n      {children}\n    </Element>\n  );\n}\n","import { Stack } from '../PContainers';\nimport { PTypography } from '../PTypography';\n\ninterface Props {\n  title: string;\n}\n\nexport default function PSectionHeader({ title }: Props) {\n  return (\n    <Stack className='pt-2 border-t border-white text-white'>\n      <PTypography className='uppercase' variant='body-wide'>\n        {title}\n      </PTypography>\n    </Stack>\n  );\n}\n"],"names":["Row","children","gap","alignItems","justifyContent","className","jsx","cn","Stack","r","t","f","n","clsx","falsyToString","value","cx","cva","base","config","props","ref","variants","defaultVariants","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","acc","param","key","getCompoundVariantClassNames","param1","cvClass","cvClassName","compoundVariantOptions","fontVariantsMap","PTypographyVariants","PTypography","Element","PSectionHeader","title"],"mappings":"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","x_google_ignoreList":[2,3]}