@troychaplin/parlour-ui 0.1.0 → 0.2.1

package/dist/components/Container/styles.css

@@ -45,6 +45,7 @@
   margin-top: 0;
 }
 
+.parlour-container--pale,
 .parlour-container--light,
 .parlour-container--medium,
 .parlour-container--dark,
@@ -52,6 +53,11 @@
   padding-block: var(--parlour--spacing-5-x-large);
 }
 
+.parlour-container--pale {
+  background-color: var(--parlour--color-neutral-50);
+  border: 1px solid var(--parlour--color-neutral-50);
+}
+
 .parlour-container--light {
   background-color: var(--parlour--color-neutral-200);
 }

package/dist/components/Container/styles.scss

@@ -45,6 +45,7 @@
   margin-top: 0;
 }
 
+.parlour-container--pale,
 .parlour-container--light,
 .parlour-container--medium,
 .parlour-container--dark,
@@ -52,6 +53,11 @@
   padding-block: var(--parlour--spacing-5-x-large);
 }
 
+.parlour-container--pale {
+  background-color: var(--parlour--color-neutral-50);
+  border: 1px solid var(--parlour--color-neutral-50);
+}
+
 .parlour-container--light {
   background-color: var(--parlour--color-neutral-200);
 }

package/dist/components/FlexGroup/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/FlexGroup-CgPbyEha.cjs");exports.FlexGroup=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/FlexGroup-D9sTJeh4.cjs");exports.FlexGroup=e.t;

package/dist/components/FlexGroup/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../_shared/FlexGroup-CnOrx2MF.mjs";
+import { t as e } from "../_shared/FlexGroup-DorFgrVL.mjs";
 export { e as FlexGroup };

package/dist/components/GridGroup/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/propClasses-CLbmpfVJ.cjs");let t=require("react/jsx-runtime");var n=({children:n,as:r=`div`,columns:i=3,gap:a=`medium`,rowGap:o,align:s,maxWidth:c,className:l,...u})=>{let d=r,f=[`parlour-layout parlour-grid-group`,`parlour-grid-group--columns-${i}`,`parlour-grid-group--gap-${e.s[a]}`,o&&`parlour-grid-group--row-gap-${e.s[o]}`,s&&`parlour-grid-group--align-${e.r[s]}`,c&&e.o[c],l].filter(Boolean).join(` `);return(0,t.jsx)(d,{className:f,role:r===`ul`||r===`ol`?`list`:void 0,...u,children:n})};exports.GridGroup=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/propClasses-BWhHB1BQ.cjs");let t=require("react/jsx-runtime");var n=({children:n,as:r=`div`,columns:i=3,gap:a=`medium`,rowGap:o,align:s,maxWidth:c,className:l,...u})=>{let d=r,f=[`parlour-layout parlour-grid-group`,`parlour-grid-group--columns-${i}`,`parlour-grid-group--gap-${e.s[a]}`,o&&`parlour-grid-group--row-gap-${e.s[o]}`,s&&`parlour-grid-group--align-${e.r[s]}`,c&&e.o[c],l].filter(Boolean).join(` `);return(0,t.jsx)(d,{className:f,role:r===`ul`||r===`ol`?`list`:void 0,...u,children:n})};exports.GridGroup=n;

package/dist/components/GridGroup/index.mjs

@@ -1,4 +1,4 @@
-import { o as e, r as t, s as n } from "../_shared/propClasses-R9s_eOfA.mjs";
+import { o as e, r as t, s as n } from "../_shared/propClasses-DXjiKI33.mjs";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/GridGroup/GridGroup.tsx
 var i = ({ children: i, as: a = "div", columns: o = 3, gap: s = "medium", rowGap: c, align: l, maxWidth: u, className: d, ...f }) => {

package/dist/components/Hero/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/Container-Bl4f1ZwJ.cjs"),n=require("../_shared/FlexGroup-CgPbyEha.cjs");let r=require("react");r=e.t(r,1);let i=require("react/jsx-runtime");var a=({className:e=``,children:r})=>{let a=[`parlour-hero`,e].filter(Boolean).join(` `);return(0,i.jsx)(t.t,{as:`section`,className:a,maxWidth:`alignfull`,contentWidth:`alignwide`,children:(0,i.jsx)(n.t,{gap:`normal`,maxWidth:`alignwide`,justify:`space-between`,align:`center`,children:r})})};exports.Hero=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/Container-Bl4f1ZwJ.cjs"),n=require("../_shared/FlexGroup-D9sTJeh4.cjs");let r=require("react");r=e.t(r,1);let i=require("react/jsx-runtime");var a=({className:e=``,children:r})=>{let a=[`parlour-hero`,e].filter(Boolean).join(` `);return(0,i.jsx)(t.t,{as:`section`,className:a,maxWidth:`alignfull`,contentWidth:`alignwide`,children:(0,i.jsx)(n.t,{gap:`normal`,maxWidth:`alignwide`,justify:`space-between`,align:`center`,children:r})})};exports.Hero=a;

package/dist/components/Hero/index.mjs

@@ -1,5 +1,5 @@
 import { t as e } from "../_shared/Container-OGjfScEb.mjs";
-import { t } from "../_shared/FlexGroup-CnOrx2MF.mjs";
+import { t } from "../_shared/FlexGroup-DorFgrVL.mjs";
 import "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Hero/Hero.tsx

package/dist/components/HeroHeader/styles.css

@@ -18,7 +18,8 @@
   font-size: var(--parlour--font-size-medium);
   font-weight: var(--parlour--font-weight-light);
   font-style: italic;
-  padding-bottom: var(--parlour--spacing-2-x-large);
+  padding-bottom: var(--parlour--spacing-3-x-large);
+  margin: 0;
 }
 
 .parlour-hero-header ul.parlour-hero-header__stats {

package/dist/components/HeroHeader/styles.scss

@@ -18,7 +18,8 @@
   font-size: var(--parlour--font-size-medium);
   font-weight: var(--parlour--font-weight-light);
   font-style: italic;
-  padding-bottom: var(--parlour--spacing-2-x-large);
+  padding-bottom: var(--parlour--spacing-3-x-large);
+  margin: 0;
 }
 
 .parlour-hero-header ul.parlour-hero-header__stats {

package/dist/components/InfoBar/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/FlexGroup-CgPbyEha.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime");var i=864e5,a=e=>(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())-Date.UTC(e.getFullYear(),0,0))/i,o=e=>[e.getFullYear(),e.getMonth()+1,e.getDate()].map(e=>String(e).padStart(2,`0`)).join(`-`),s=({className:e=``,children:n,date:i=new Date})=>{let s=[`parlour-infobar`,e].filter(Boolean).join(` `),c=i.toLocaleDateString(`en-US`,{month:`long`,day:`numeric`,year:`numeric`});return(0,r.jsx)(`div`,{className:s,children:(0,r.jsxs)(t.t,{gap:`normal`,maxWidth:`alignwide`,justify:`space-between`,align:`center`,children:[(0,r.jsx)(`p`,{children:`Building since 2005`}),(0,r.jsxs)(`p`,{children:[`Day `,a(i),` `,(0,r.jsx)(`span`,{"aria-hidden":`true`,children:`•`}),` `,(0,r.jsx)(`time`,{dateTime:o(i),children:c})]}),n]})})};exports.InfoBar=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/FlexGroup-D9sTJeh4.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime");var i=864e5,a=e=>(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())-Date.UTC(e.getFullYear(),0,0))/i,o=e=>[e.getFullYear(),e.getMonth()+1,e.getDate()].map(e=>String(e).padStart(2,`0`)).join(`-`),s=({className:e=``,children:n,date:i=new Date})=>{let s=[`parlour-infobar`,e].filter(Boolean).join(` `),c=i.toLocaleDateString(`en-US`,{month:`long`,day:`numeric`,year:`numeric`});return(0,r.jsx)(`div`,{className:s,children:(0,r.jsxs)(t.t,{gap:`normal`,maxWidth:`alignwide`,justify:`space-between`,align:`center`,children:[(0,r.jsx)(`p`,{children:`Building since 2005`}),(0,r.jsxs)(`p`,{children:[`Day `,a(i),` `,(0,r.jsx)(`span`,{"aria-hidden":`true`,children:`•`}),` `,(0,r.jsx)(`time`,{dateTime:o(i),children:c})]}),n]})})};exports.InfoBar=s;

package/dist/components/InfoBar/index.mjs

@@ -1,4 +1,4 @@
-import { t as e } from "../_shared/FlexGroup-CnOrx2MF.mjs";
+import { t as e } from "../_shared/FlexGroup-DorFgrVL.mjs";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/InfoBar/InfoBar.tsx

package/dist/components/Main/Main.d.ts

@@ -4,5 +4,5 @@ export interface MainProps extends React.HTMLAttributes<HTMLElement> {
     hasPadding?: boolean;
     className?: string;
 }
-export declare const Main: ({ children, hasPadding, className, ...rest }: MainProps) => React.JSX.Element;
+export declare const Main: ({ children, hasPadding, className, id, tabIndex, ...rest }: MainProps) => React.JSX.Element;
 //# sourceMappingURL=Main.d.ts.map

package/dist/components/Main/Main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../src/components/Main/Main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,GAAI,8CAAqD,SAAS,sBAYlF,CAAC"}
+{"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../src/components/Main/Main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,GAAI,4DAOlB,SAAS,sBAYX,CAAC"}

package/dist/components/Main/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs");let t=require("react");t=e.t(t,1);let n=require("react/jsx-runtime");var r=({children:e,hasPadding:t=!0,className:r,...i})=>{let a=[`parlour-main`,t&&`parlour-main--padding`,r].filter(Boolean).join(` `);return(0,n.jsx)(`main`,{className:a,...i,children:(0,n.jsx)(`div`,{className:`alignfull has-global-padding is-layout-constrained entry-content`,children:e})})};exports.Main=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs");let t=require("react");t=e.t(t,1);let n=require("react/jsx-runtime");var r=({children:e,hasPadding:t=!0,className:r,id:i=`main`,tabIndex:a=-1,...o})=>{let s=[`parlour-main`,t&&`parlour-main--padding`,r].filter(Boolean).join(` `);return(0,n.jsx)(`main`,{className:s,id:i,tabIndex:a,...o,children:(0,n.jsx)(`div`,{className:`alignfull has-global-padding is-layout-constrained entry-content`,children:e})})};exports.Main=r;

package/dist/components/Main/index.d.ts

@@ -5,6 +5,6 @@ interface MainProps extends React.HTMLAttributes<HTMLElement> {
     hasPadding?: boolean;
     className?: string;
 }
-declare const Main: ({ children, hasPadding, className, ...rest }: MainProps) => React.JSX.Element;
+declare const Main: ({ children, hasPadding, className, id, tabIndex, ...rest }: MainProps) => React.JSX.Element;
 
 export { Main };

package/dist/components/Main/index.mjs

@@ -1,15 +1,17 @@
 import "react";
 import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Main/Main.tsx
-var t = ({ children: t, hasPadding: n = !0, className: r, ...i }) => {
-	let a = [
+var t = ({ children: t, hasPadding: n = !0, className: r, id: i = "main", tabIndex: a = -1, ...o }) => {
+	let s = [
 		"parlour-main",
 		n && "parlour-main--padding",
 		r
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ e("main", {
-		className: a,
-		...i,
+		className: s,
+		id: i,
+		tabIndex: a,
+		...o,
 		children: /* @__PURE__ */ e("div", {
 			className: "alignfull has-global-padding is-layout-constrained entry-content",
 			children: t

package/dist/components/Main/styles.css

@@ -1,3 +1,7 @@
+.parlour-main:focus {
+  outline: none;
+}
+
 .parlour-main > * + * {
   margin-block-start: var(--parlour--spacing-medium);
   margin-block-end: 0;

package/dist/components/Main/styles.scss

@@ -1,3 +1,7 @@
+.parlour-main:focus {
+  outline: none;
+}
+
 .parlour-main > * + * {
   margin-block-start: var(--parlour--spacing-medium);
   margin-block-end: 0;

package/dist/components/ProjectCard/ProjectCard.d.ts

@@ -0,0 +1,14 @@
+import { CardProps } from '../Card/Card';
+import { BrandIconName } from '../BrandIcon/brandIcons';
+export interface ProjectCardProps extends Omit<CardProps, 'children' | 'title' | 'linkProps'> {
+    title: string;
+    href?: string;
+    type?: string;
+    icon?: BrandIconName;
+    version?: string;
+    description?: string;
+    footer?: string;
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+export declare const ProjectCard: ({ title, href, type, icon, version, description, footer, headingLevel, className, ...rest }: ProjectCardProps) => import('react').JSX.Element;
+//# sourceMappingURL=ProjectCard.d.ts.map

package/dist/components/ProjectCard/ProjectCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectCard/ProjectCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,GAAG,WAAW,CAAC;IACzF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,WAAW,GAAI,6FAWzB,gBAAgB,gCAqDlB,CAAC"}

package/dist/components/ProjectCard/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/BrandIcon-CRT5CX33.cjs"),t=require("../_shared/Card-CHHpCLeB.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=({title:i,href:a,type:o,icon:s,version:c,description:l,footer:u,headingLevel:d=`h3`,className:f,...p})=>{let m=d,h=(0,n.useId)(),g=[`parlour-project-card`,f].filter(Boolean).join(` `),_=(0,r.jsxs)(r.Fragment,{children:[(o||s)&&(0,r.jsxs)(`div`,{className:`parlour-project-card__meta`,children:[o&&(0,r.jsx)(`p`,{className:`parlour-project-card__type`,children:o}),s&&(0,r.jsx)(e.t,{className:`parlour-project-card__icon`,name:s,label:e.n[s].title})]}),(0,r.jsx)(m,{className:`parlour-project-card__title`,id:h,children:i}),c&&(0,r.jsx)(`p`,{className:`parlour-project-card__version`,children:c}),l&&(0,r.jsx)(`p`,{className:`parlour-project-card__description`,children:l}),(u||a)&&(0,r.jsxs)(`div`,{className:`parlour-project-card__footer`,children:[(0,r.jsx)(`span`,{children:u}),a&&(0,r.jsx)(`span`,{className:`parlour-project-card__arrow`,"aria-hidden":`true`,children:`→`})]})]});return(0,r.jsx)(t.t,{className:g,borderRadius:`sm`,href:a,linkProps:{"aria-labelledby":h},...p,children:_})};exports.ProjectCard=i;

package/dist/components/ProjectCard/index.d.ts

@@ -0,0 +1,151 @@
+import * as react from 'react';
+
+declare const spacingClasses: {
+    '3-x-small': "3-x-small";
+    '2-x-small': "2-x-small";
+    'x-small': "x-small";
+    small: "small";
+    normal: "normal";
+    medium: "medium";
+    large: "large";
+    'x-large': "x-large";
+    '2-x-large': "2-x-large";
+    '3-x-large': "3-x-large";
+    '4-x-large': "4-x-large";
+    '5-x-large': "5-x-large";
+    none: string;
+};
+declare const borderRadiusClasses: {
+    sm: "sm";
+    md: "md";
+    lg: "lg";
+    xl: "xl";
+    full: "full";
+    none: string;
+};
+declare const backgroundColorClasses: {
+    pale: string;
+    light: string;
+    medium: string;
+    dark: string;
+    white: string;
+};
+
+type surfaceKeys = keyof typeof backgroundColorClasses;
+type borderRadiusKeys = keyof typeof borderRadiusClasses;
+type spacingKeys = keyof typeof spacingClasses;
+interface CardProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    as?: 'div' | 'article' | 'li';
+    backgroundColor?: surfaceKeys;
+    border?: boolean;
+    borderColor?: surfaceKeys;
+    borderRadius?: borderRadiusKeys;
+    paddingInline?: spacingKeys;
+    paddingBlock?: spacingKeys;
+    href?: string;
+    linkProps?: Omit<React.ComponentPropsWithoutRef<'a'>, 'href' | 'className' | 'children'>;
+}
+
+declare const brandIcons: {
+    react: {
+        title: string;
+        path: string;
+    };
+    wordpress: {
+        title: string;
+        path: string;
+    };
+    nextjs: {
+        title: string;
+        path: string;
+    };
+    storybook: {
+        title: string;
+        path: string;
+    };
+    npm: {
+        title: string;
+        path: string;
+    };
+    typescript: {
+        title: string;
+        path: string;
+    };
+    javascript: {
+        title: string;
+        path: string;
+    };
+    php: {
+        title: string;
+        path: string;
+    };
+    nodejs: {
+        title: string;
+        path: string;
+    };
+    vite: {
+        title: string;
+        path: string;
+    };
+    sass: {
+        title: string;
+        path: string;
+    };
+    github: {
+        title: string;
+        path: string;
+    };
+    laravel: {
+        title: string;
+        path: string;
+    };
+    packagist: {
+        title: string;
+        path: string;
+    };
+    x: {
+        title: string;
+        path: string;
+    };
+    bluesky: {
+        title: string;
+        path: string;
+    };
+    linkedin: {
+        title: string;
+        path: string;
+    };
+    facebook: {
+        title: string;
+        path: string;
+    };
+    instagram: {
+        title: string;
+        path: string;
+    };
+    youtube: {
+        title: string;
+        path: string;
+    };
+    tiktok: {
+        title: string;
+        path: string;
+    };
+};
+type BrandIconName = keyof typeof brandIcons;
+
+interface ProjectCardProps extends Omit<CardProps, 'children' | 'title' | 'linkProps'> {
+    title: string;
+    href?: string;
+    type?: string;
+    icon?: BrandIconName;
+    version?: string;
+    description?: string;
+    footer?: string;
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+declare const ProjectCard: ({ title, href, type, icon, version, description, footer, headingLevel, className, ...rest }: ProjectCardProps) => react.JSX.Element;
+
+export { ProjectCard };
+export type { ProjectCardProps };

package/dist/components/ProjectCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/ProjectCard/index.mjs

@@ -0,0 +1,51 @@
+import { n as e, t } from "../_shared/BrandIcon-CcelVr9Y.mjs";
+import { t as n } from "../_shared/Card-HwBpJDVj.mjs";
+import { useId as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/ProjectCard/ProjectCard.tsx
+var s = ({ title: s, href: c, type: l, icon: u, version: d, description: f, footer: p, headingLevel: m = "h3", className: h, ...g }) => {
+	let _ = m, v = r(), y = ["parlour-project-card", h].filter(Boolean).join(" "), b = /* @__PURE__ */ o(i, { children: [
+		(l || u) && /* @__PURE__ */ o("div", {
+			className: "parlour-project-card__meta",
+			children: [l && /* @__PURE__ */ a("p", {
+				className: "parlour-project-card__type",
+				children: l
+			}), u && /* @__PURE__ */ a(t, {
+				className: "parlour-project-card__icon",
+				name: u,
+				label: e[u].title
+			})]
+		}),
+		/* @__PURE__ */ a(_, {
+			className: "parlour-project-card__title",
+			id: v,
+			children: s
+		}),
+		d && /* @__PURE__ */ a("p", {
+			className: "parlour-project-card__version",
+			children: d
+		}),
+		f && /* @__PURE__ */ a("p", {
+			className: "parlour-project-card__description",
+			children: f
+		}),
+		(p || c) && /* @__PURE__ */ o("div", {
+			className: "parlour-project-card__footer",
+			children: [/* @__PURE__ */ a("span", { children: p }), c && /* @__PURE__ */ a("span", {
+				className: "parlour-project-card__arrow",
+				"aria-hidden": "true",
+				children: "→"
+			})]
+		})
+	] });
+	return /* @__PURE__ */ a(n, {
+		className: y,
+		borderRadius: "sm",
+		href: c,
+		linkProps: { "aria-labelledby": v },
+		...g,
+		children: b
+	});
+};
+//#endregion
+export { s as ProjectCard };

package/dist/components/ProjectCard/styles.css

@@ -0,0 +1,95 @@
+.parlour-project-card,
+:where(.parlour-project-card) .parlour-card__link {
+  display: flex;
+  flex-direction: column;
+}
+.parlour-project-card > *,
+:where(.parlour-project-card) .parlour-card__link > * {
+  margin-block: 0;
+}
+
+.parlour-project-card__meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--parlour--spacing-small);
+  margin-block-end: var(--parlour--spacing-x-large);
+}
+
+.parlour-project-card__type {
+  font-family: var(--parlour--font-family-jetbrains-mono);
+  font-size: var(--parlour--font-size-2-x-small);
+  color: var(--parlour--color-neutral-600);
+  text-transform: uppercase;
+  margin: 0;
+}
+
+.parlour-project-card__icon {
+  margin-inline-start: auto;
+  font-size: var(--parlour--font-size-medium);
+  color: var(--parlour--color-neutral-600);
+}
+
+.parlour-project-card .parlour-project-card__title {
+  font-family: var(--parlour--font-family-inter-tight);
+  font-size: var(--parlour--font-size-large);
+  font-weight: var(--parlour--font-weight-medium);
+  line-height: var(--parlour--line-height-tight);
+  letter-spacing: -0.5px;
+  color: var(--parlour--color-neutral-950);
+  transition: color var(--parlour--transition-fast);
+}
+
+.parlour-project-card__version {
+  font-family: var(--parlour--font-family-jetbrains-mono);
+  font-size: var(--parlour--font-size-2-x-small);
+  color: var(--parlour--color-neutral-600);
+  margin-block-start: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-project-card__description {
+  margin-block-start: var(--parlour--spacing-large);
+  font-family: var(--parlour--font-family-inter-tight);
+  font-size: var(--parlour--font-size-small);
+  line-height: var(--parlour--line-height-normal);
+  color: var(--parlour--color-neutral-800);
+}
+
+.parlour-project-card__footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: var(--parlour--spacing-small);
+  font-family: var(--parlour--font-family-jetbrains-mono);
+  font-size: var(--parlour--font-size-2-x-small);
+  color: var(--parlour--color-neutral-900);
+  border-top: 1px solid var(--parlour--color-neutral-300);
+  margin-block-start: auto;
+  padding-block-start: var(--parlour--spacing-medium);
+}
+
+.parlour-project-card .parlour-card__link:hover .parlour-project-card__title,
+.parlour-project-card .parlour-card__link:hover .parlour-project-card__footer {
+  color: var(--parlour--color-accent-secondary);
+}
+.parlour-project-card .parlour-card__link:hover .parlour-project-card__icon,
+.parlour-project-card .parlour-card__link:hover .parlour-project-card__version {
+  color: var(--parlour--color-accent-primary);
+}
+
+.parlour-project-card > :has(+ .parlour-project-card__footer),
+.parlour-project-card .parlour-card__link > :has(+ .parlour-project-card__footer) {
+  margin-block-end: var(--parlour--spacing-x-large);
+}
+
+.parlour-project-card__arrow {
+  transition: transform var(--parlour--transition-fast);
+}
+.parlour-card__link:hover .parlour-project-card__arrow {
+  transform: translateX(var(--parlour--spacing-2-x-small));
+}
+@media (prefers-reduced-motion: reduce) {
+  .parlour-project-card__arrow {
+    transition: none;
+  }
+}

package/dist/components/ProjectCard/styles.scss

@@ -0,0 +1,95 @@
+.parlour-project-card,
+:where(.parlour-project-card) .parlour-card__link {
+  display: flex;
+  flex-direction: column;
+}
+.parlour-project-card > *,
+:where(.parlour-project-card) .parlour-card__link > * {
+  margin-block: 0;
+}
+
+.parlour-project-card__meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--parlour--spacing-small);
+  margin-block-end: var(--parlour--spacing-x-large);
+}
+
+.parlour-project-card__type {
+  font-family: var(--parlour--font-family-jetbrains-mono);
+  font-size: var(--parlour--font-size-2-x-small);
+  color: var(--parlour--color-neutral-600);
+  text-transform: uppercase;
+  margin: 0;
+}
+
+.parlour-project-card__icon {
+  margin-inline-start: auto;
+  font-size: var(--parlour--font-size-medium);
+  color: var(--parlour--color-neutral-600);
+}
+
+.parlour-project-card .parlour-project-card__title {
+  font-family: var(--parlour--font-family-inter-tight);
+  font-size: var(--parlour--font-size-large);
+  font-weight: var(--parlour--font-weight-medium);
+  line-height: var(--parlour--line-height-tight);
+  letter-spacing: -0.5px;
+  color: var(--parlour--color-neutral-950);
+  transition: color var(--parlour--transition-fast);
+}
+
+.parlour-project-card__version {
+  font-family: var(--parlour--font-family-jetbrains-mono);
+  font-size: var(--parlour--font-size-2-x-small);
+  color: var(--parlour--color-neutral-600);
+  margin-block-start: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-project-card__description {
+  margin-block-start: var(--parlour--spacing-large);
+  font-family: var(--parlour--font-family-inter-tight);
+  font-size: var(--parlour--font-size-small);
+  line-height: var(--parlour--line-height-normal);
+  color: var(--parlour--color-neutral-800);
+}
+
+.parlour-project-card__footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: var(--parlour--spacing-small);
+  font-family: var(--parlour--font-family-jetbrains-mono);
+  font-size: var(--parlour--font-size-2-x-small);
+  color: var(--parlour--color-neutral-900);
+  border-top: 1px solid var(--parlour--color-neutral-300);
+  margin-block-start: auto;
+  padding-block-start: var(--parlour--spacing-medium);
+}
+
+.parlour-project-card .parlour-card__link:hover .parlour-project-card__title,
+.parlour-project-card .parlour-card__link:hover .parlour-project-card__footer {
+  color: var(--parlour--color-accent-secondary);
+}
+.parlour-project-card .parlour-card__link:hover .parlour-project-card__icon,
+.parlour-project-card .parlour-card__link:hover .parlour-project-card__version {
+  color: var(--parlour--color-accent-primary);
+}
+
+.parlour-project-card > :has(+ .parlour-project-card__footer),
+.parlour-project-card .parlour-card__link > :has(+ .parlour-project-card__footer) {
+  margin-block-end: var(--parlour--spacing-x-large);
+}
+
+.parlour-project-card__arrow {
+  transition: transform var(--parlour--transition-fast);
+}
+.parlour-card__link:hover .parlour-project-card__arrow {
+  transform: translateX(var(--parlour--spacing-2-x-small));
+}
+@media (prefers-reduced-motion: reduce) {
+  .parlour-project-card__arrow {
+    transition: none;
+  }
+}

package/dist/components/SiteFooter/SiteFooter.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+declare const socialNetworks: readonly ["github", "wordpress", "x", "bluesky", "linkedin", "facebook", "instagram", "youtube", "tiktok"];
+type SocialNetwork = (typeof socialNetworks)[number];
+export interface SiteFooterProps extends React.HTMLAttributes<HTMLElement>, Partial<Record<SocialNetwork, string>> {
+    name: string;
+    nameHref?: string;
+    year?: number;
+    text?: React.ReactNode;
+    className?: string;
+}
+export declare const SiteFooter: ({ name, nameHref, year, text, className, github, wordpress, x, bluesky, linkedin, facebook, instagram, youtube, tiktok, ...rest }: SiteFooterProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=SiteFooter.d.ts.map

package/dist/components/SiteFooter/SiteFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteFooter.d.ts","sourceRoot":"","sources":["../../../src/components/SiteFooter/SiteFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,eAAe,CAAC;AAGvB,QAAA,MAAM,cAAc,4GAUV,CAAC;AAEX,KAAK,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,MAAM,WAAW,eACb,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACjF,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,mIAgBxB,eAAe,sBAmDjB,CAAC"}

package/dist/components/SiteFooter/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/BrandIcon-CRT5CX33.cjs"),n=require("../_shared/useLinkContext-DwwV1iqK.cjs");let r=require("react");r=e.t(r,1);let i=require("react/jsx-runtime");var a=[`github`,`wordpress`,`x`,`bluesky`,`linkedin`,`facebook`,`instagram`,`youtube`,`tiktok`],o=({name:e,nameHref:r,year:o=new Date().getFullYear(),text:s,className:c,github:l,wordpress:u,x:d,bluesky:f,linkedin:p,facebook:m,instagram:h,youtube:g,tiktok:_,...v})=>{let y=n.t(),b=[`parlour-site-footer`,c].filter(Boolean).join(` `),x={github:l,wordpress:u,x:d,bluesky:f,linkedin:p,facebook:m,instagram:h,youtube:g,tiktok:_},S=a.filter(e=>x[e]);return(0,i.jsx)(`footer`,{className:b,...v,children:(0,i.jsxs)(`div`,{className:`parlour-site-footer__inner`,children:[(0,i.jsxs)(`p`,{className:`parlour-site-footer__copyright`,children:[`© `,o,` `,r?(0,i.jsx)(y,{href:r,children:e}):e]}),s&&(0,i.jsx)(`p`,{className:`parlour-site-footer__text`,children:s}),S.length>0&&(0,i.jsx)(`ul`,{className:`parlour-site-footer__social`,children:S.map(e=>(0,i.jsx)(`li`,{children:(0,i.jsx)(y,{className:`parlour-site-footer__social-link`,href:x[e],rel:`me`,"aria-label":t.n[e].title,children:(0,i.jsx)(t.t,{name:e})})},e))})]})})};exports.SiteFooter=o;

package/dist/components/SiteFooter/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+
+declare const socialNetworks: readonly ["github", "wordpress", "x", "bluesky", "linkedin", "facebook", "instagram", "youtube", "tiktok"];
+type SocialNetwork = (typeof socialNetworks)[number];
+interface SiteFooterProps extends React.HTMLAttributes<HTMLElement>, Partial<Record<SocialNetwork, string>> {
+    name: string;
+    nameHref?: string;
+    year?: number;
+    text?: React.ReactNode;
+    className?: string;
+}
+declare const SiteFooter: ({ name, nameHref, year, text, className, github, wordpress, x, bluesky, linkedin, facebook, instagram, youtube, tiktok, ...rest }: SiteFooterProps) => React.JSX.Element;
+
+export { SiteFooter };
+export type { SiteFooterProps };

package/dist/components/SiteFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SiteFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}