@troychaplin/parlour-ui 0.1.0 → 0.2.0

package/dist/components/Card/styles.scss

@@ -80,54 +80,151 @@ li.parlour-card {
   border-radius: var(--parlour--radius-full);
 }
 
-.parlour-card--padding-none {
-  padding: 0;
+.parlour-card--padding-inline-none {
+  --parlour-card-padding-inline: 0;
+}
+
+.parlour-card--padding-block-none {
+  --parlour-card-padding-block: 0;
+}
+
+.parlour-card--padding-inline-3-x-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-card--padding-block-3-x-small {
+  --parlour-card-padding-block: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-card--padding-inline-2-x-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-card--padding-block-2-x-small {
+  --parlour-card-padding-block: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-card--padding-inline-x-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-x-small);
+}
+
+.parlour-card--padding-block-x-small {
+  --parlour-card-padding-block: var(--parlour--spacing-x-small);
+}
+
+.parlour-card--padding-inline-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-small);
+}
+
+.parlour-card--padding-block-small {
+  --parlour-card-padding-block: var(--parlour--spacing-small);
+}
+
+.parlour-card--padding-inline-normal {
+  --parlour-card-padding-inline: var(--parlour--spacing-normal);
 }
 
-.parlour-card--padding-3-x-small {
-  padding: var(--parlour--spacing-3-x-small);
+.parlour-card--padding-block-normal {
+  --parlour-card-padding-block: var(--parlour--spacing-normal);
 }
 
-.parlour-card--padding-2-x-small {
-  padding: var(--parlour--spacing-2-x-small);
+.parlour-card--padding-inline-medium {
+  --parlour-card-padding-inline: var(--parlour--spacing-medium);
 }
 
-.parlour-card--padding-x-small {
-  padding: var(--parlour--spacing-x-small);
+.parlour-card--padding-block-medium {
+  --parlour-card-padding-block: var(--parlour--spacing-medium);
 }
 
-.parlour-card--padding-small {
-  padding: var(--parlour--spacing-small);
+.parlour-card--padding-inline-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-large);
 }
 
-.parlour-card--padding-normal {
-  padding: var(--parlour--spacing-normal);
+.parlour-card--padding-block-large {
+  --parlour-card-padding-block: var(--parlour--spacing-large);
 }
 
-.parlour-card--padding-medium {
-  padding: var(--parlour--spacing-medium);
+.parlour-card--padding-inline-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-x-large);
 }
 
-.parlour-card--padding-large {
-  padding: var(--parlour--spacing-large);
+.parlour-card--padding-block-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-x-large);
 }
 
-.parlour-card--padding-x-large {
-  padding: var(--parlour--spacing-x-large);
+.parlour-card--padding-inline-2-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-2-x-large);
 }
 
-.parlour-card--padding-2-x-large {
-  padding: var(--parlour--spacing-2-x-large);
+.parlour-card--padding-block-2-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-2-x-large);
 }
 
-.parlour-card--padding-3-x-large {
-  padding: var(--parlour--spacing-3-x-large);
+.parlour-card--padding-inline-3-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-3-x-large);
 }
 
-.parlour-card--padding-4-x-large {
-  padding: var(--parlour--spacing-4-x-large);
+.parlour-card--padding-block-3-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-3-x-large);
 }
 
-.parlour-card--padding-5-x-large {
-  padding: var(--parlour--spacing-5-x-large);
+.parlour-card--padding-inline-4-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-card--padding-block-4-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-card--padding-inline-5-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-5-x-large);
+}
+
+.parlour-card--padding-block-5-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-5-x-large);
+}
+
+.parlour-card {
+  padding-inline: var(--parlour-card-padding-inline, 0);
+  padding-block: var(--parlour-card-padding-block, 0);
+}
+
+.parlour-card--linked {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  transition: border-color var(--parlour--transition-fast);
+}
+.parlour-card--linked:hover {
+  border-color: var(--parlour--color-neutral-500);
+}
+@media (prefers-reduced-motion: reduce) {
+  .parlour-card--linked {
+    transition: none;
+  }
+}
+
+.parlour-card__link {
+  flex: 1;
+  padding-inline: var(--parlour-card-padding-inline, 0);
+  padding-block: var(--parlour-card-padding-block, 0);
+}
+.parlour-card__link > :first-child {
+  margin-top: 0;
+}
+.parlour-card__link > :last-child {
+  margin-bottom: 0;
+}
+
+.parlour-card .parlour-card__link {
+  font-weight: inherit;
+  color: inherit;
+  text-decoration: none;
+}
+.parlour-card .parlour-card__link:hover {
+  text-decoration: none;
+}
+.parlour-card .parlour-card__link:focus-visible {
+  outline: 2px solid var(--parlour--color-accent-primary);
+  outline-offset: var(--parlour--spacing-2-x-small);
 }

package/dist/components/CodeBlock/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=({code:n,color:r,className:i,hasBorder:a,borderRadius:o,...s})=>{let c=[`parlour-code-block`,r&&`parlour-code-block--${e.t[r]}`,a&&`parlour-code-block--has-border`,o&&`parlour-code-block--radius-${e.n[o]}`,i].filter(Boolean).join(` `);return(0,t.jsx)(`pre`,{className:c,tabIndex:0,...s,children:(0,t.jsx)(`code`,{children:n})})};exports.CodeBlock=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/propClasses-BWhHB1BQ.cjs");let t=require("react/jsx-runtime");var n=({code:n,color:r,className:i,hasBorder:a,borderRadius:o,...s})=>{let c=[`parlour-code-block`,r&&`parlour-code-block--${e.t[r]}`,a&&`parlour-code-block--has-border`,o&&`parlour-code-block--radius-${e.n[o]}`,i].filter(Boolean).join(` `);return(0,t.jsx)(`pre`,{className:c,tabIndex:0,...s,children:(0,t.jsx)(`code`,{children:n})})};exports.CodeBlock=n;

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

@@ -9,6 +9,7 @@ declare const borderRadiusClasses: {
     none: string;
 };
 declare const backgroundColorClasses: {
+    pale: string;
     light: string;
     medium: string;
     dark: string;

package/dist/components/CodeBlock/index.mjs

@@ -1,4 +1,4 @@
-import { n as e, t } from "../_shared/propClasses-R9s_eOfA.mjs";
+import { n as e, t } from "../_shared/propClasses-DXjiKI33.mjs";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/CodeBlock/CodeBlock.tsx
 var r = ({ code: r, color: i, className: a, hasBorder: o, borderRadius: s, ...c }) => {

package/dist/components/Column/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/propClasses-CLbmpfVJ.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime");var i=({children:e,isFirst:t=!1})=>(0,r.jsx)(`div`,{className:`parlour-column__content ${t?`is-first`:``}`,children:e});i.displayName=`Column.Content`;var a=({children:e,cols:n=`2`,maxWidth:i=`aligncontent`})=>{let a=[`parlour-layout parlour-column parlour-column--${t.a[n]}`,i].filter(Boolean).join(` `);return(0,r.jsx)(`div`,{className:a,children:e})},o=Object.assign(a,{Content:i});a.displayName=`Column`,exports.Column=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/propClasses-BWhHB1BQ.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime");var i=({children:e,isFirst:t=!1})=>(0,r.jsx)(`div`,{className:`parlour-column__content ${t?`is-first`:``}`,children:e});i.displayName=`Column.Content`;var a=({children:e,cols:n=`2`,maxWidth:i=`aligncontent`})=>{let a=[`parlour-layout parlour-column parlour-column--${t.a[n]}`,i].filter(Boolean).join(` `);return(0,r.jsx)(`div`,{className:a,children:e})},o=Object.assign(a,{Content:i});a.displayName=`Column`,exports.Column=o;

package/dist/components/Column/index.mjs

@@ -1,4 +1,4 @@
-import { a as e } from "../_shared/propClasses-R9s_eOfA.mjs";
+import { a as e } from "../_shared/propClasses-DXjiKI33.mjs";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Column/ColumnContent.tsx

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

@@ -27,6 +27,7 @@ declare const borderRadiusClasses: {
     none: string;
 };
 declare const backgroundColorClasses: {
+    pale: string;
     light: string;
     medium: string;
     dark: string;

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 };