@troychaplin/parlour-ui 0.1.0 → 0.2.0

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", "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, 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,+FASV,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,wHAexB,eAAe,sBAkDjB,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`,`x`,`bluesky`,`linkedin`,`facebook`,`instagram`,`youtube`,`tiktok`],o=({name:e,nameHref:r,year:o=new Date().getFullYear(),text:s,className:c,github:l,x:u,bluesky:d,linkedin:f,facebook:p,instagram:m,youtube:h,tiktok:g,..._})=>{let v=n.t(),y=[`parlour-site-footer`,c].filter(Boolean).join(` `),b={github:l,x:u,bluesky:d,linkedin:f,facebook:p,instagram:m,youtube:h,tiktok:g},x=a.filter(e=>b[e]);return(0,i.jsx)(`footer`,{className:y,..._,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)(v,{href:r,children:e}):e]}),s&&(0,i.jsx)(`p`,{className:`parlour-site-footer__text`,children:s}),x.length>0&&(0,i.jsx)(`ul`,{className:`parlour-site-footer__social`,children:x.map(e=>(0,i.jsx)(`li`,{children:(0,i.jsx)(v,{className:`parlour-site-footer__social-link`,href:b[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", "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, 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"}

package/dist/components/SiteFooter/index.mjs

@@ -0,0 +1,64 @@
+"use client";
+import { n as e, t } from "../_shared/BrandIcon-CcelVr9Y.mjs";
+import { t as n } from "../_shared/useLinkContext-CJko6HGf.mjs";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/SiteFooter/SiteFooter.tsx
+var a = [
+	"github",
+	"x",
+	"bluesky",
+	"linkedin",
+	"facebook",
+	"instagram",
+	"youtube",
+	"tiktok"
+], o = ({ name: o, nameHref: s, year: c = (/* @__PURE__ */ new Date()).getFullYear(), text: l, className: u, github: d, x: f, bluesky: p, linkedin: m, facebook: h, instagram: g, youtube: _, tiktok: v, ...y }) => {
+	let b = n(), x = ["parlour-site-footer", u].filter(Boolean).join(" "), S = {
+		github: d,
+		x: f,
+		bluesky: p,
+		linkedin: m,
+		facebook: h,
+		instagram: g,
+		youtube: _,
+		tiktok: v
+	}, C = a.filter((e) => S[e]);
+	return /* @__PURE__ */ r("footer", {
+		className: x,
+		...y,
+		children: /* @__PURE__ */ i("div", {
+			className: "parlour-site-footer__inner",
+			children: [
+				/* @__PURE__ */ i("p", {
+					className: "parlour-site-footer__copyright",
+					children: [
+						"© ",
+						c,
+						" ",
+						s ? /* @__PURE__ */ r(b, {
+							href: s,
+							children: o
+						}) : o
+					]
+				}),
+				l && /* @__PURE__ */ r("p", {
+					className: "parlour-site-footer__text",
+					children: l
+				}),
+				C.length > 0 && /* @__PURE__ */ r("ul", {
+					className: "parlour-site-footer__social",
+					children: C.map((n) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(b, {
+						className: "parlour-site-footer__social-link",
+						href: S[n],
+						rel: "me",
+						"aria-label": e[n].title,
+						children: /* @__PURE__ */ r(t, { name: n })
+					}) }, n))
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { o as SiteFooter };

package/dist/components/SiteFooter/styles.css

@@ -0,0 +1,86 @@
+.parlour-site-footer {
+  font-family: var(--parlour--font-family-jetbrains-mono);
+  font-size: var(--parlour--font-size-x-small);
+  color: var(--parlour--color-neutral-800);
+  letter-spacing: -1px;
+  padding-block: var(--parlour--spacing-large);
+  padding-inline: var(--parlour--root-padding-x);
+  background-color: var(--parlour--color-white);
+}
+.parlour-site-footer p {
+  margin: 0;
+}
+.parlour-site-footer a {
+  font-weight: var(--parlour--font-weight-medium);
+  color: var(--parlour--color-accent-primary);
+  text-decoration: none;
+}
+.parlour-site-footer a:hover {
+  color: var(--parlour--color-accent-secondary);
+  text-decoration: underline;
+}
+
+.parlour-site-footer__inner {
+  display: grid;
+  justify-items: center;
+  align-items: center;
+  gap: var(--parlour--spacing-medium);
+  max-width: var(--parlour--layout-wide-size);
+  margin-inline: auto;
+  text-align: center;
+}
+@media (width > 768px) {
+  .parlour-site-footer__inner {
+    grid-template-columns: 1fr auto 1fr;
+    justify-items: start;
+    text-align: start;
+  }
+}
+
+@media (width > 768px) {
+  .parlour-site-footer__copyright {
+    grid-column: 1;
+  }
+  .parlour-site-footer__text {
+    grid-column: 2;
+    text-align: center;
+  }
+  .parlour-site-footer__social {
+    grid-column: 3;
+    justify-self: end;
+  }
+}
+.parlour-site-footer__social {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: var(--parlour--spacing-medium);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.parlour-site-footer .parlour-site-footer__social-link {
+  display: inline-flex;
+  font-size: var(--parlour--font-size-medium);
+  color: var(--parlour--color-neutral-500);
+  transition: transform var(--parlour--transition-fast), color var(--parlour--transition-fast);
+}
+.parlour-site-footer .parlour-site-footer__social-link:hover {
+  text-decoration: none;
+  color: var(--parlour--color-accent-secondary);
+  transform: translateY(calc(var(--parlour--spacing-2-x-small) * -1));
+}
+.parlour-site-footer .parlour-site-footer__social-link:focus-visible {
+  color: var(--parlour--color-accent-secondary);
+  outline: 2px solid var(--parlour--color-accent-primary);
+  outline-offset: var(--parlour--spacing-2-x-small);
+}
+@media (prefers-reduced-motion: reduce) {
+  .parlour-site-footer .parlour-site-footer__social-link {
+    transition: none;
+  }
+  .parlour-site-footer .parlour-site-footer__social-link:hover {
+    transform: none;
+  }
+}

package/dist/components/SiteFooter/styles.scss

@@ -0,0 +1,86 @@
+.parlour-site-footer {
+  font-family: var(--parlour--font-family-jetbrains-mono);
+  font-size: var(--parlour--font-size-x-small);
+  color: var(--parlour--color-neutral-800);
+  letter-spacing: -1px;
+  padding-block: var(--parlour--spacing-large);
+  padding-inline: var(--parlour--root-padding-x);
+  background-color: var(--parlour--color-white);
+}
+.parlour-site-footer p {
+  margin: 0;
+}
+.parlour-site-footer a {
+  font-weight: var(--parlour--font-weight-medium);
+  color: var(--parlour--color-accent-primary);
+  text-decoration: none;
+}
+.parlour-site-footer a:hover {
+  color: var(--parlour--color-accent-secondary);
+  text-decoration: underline;
+}
+
+.parlour-site-footer__inner {
+  display: grid;
+  justify-items: center;
+  align-items: center;
+  gap: var(--parlour--spacing-medium);
+  max-width: var(--parlour--layout-wide-size);
+  margin-inline: auto;
+  text-align: center;
+}
+@media (width > 768px) {
+  .parlour-site-footer__inner {
+    grid-template-columns: 1fr auto 1fr;
+    justify-items: start;
+    text-align: start;
+  }
+}
+
+@media (width > 768px) {
+  .parlour-site-footer__copyright {
+    grid-column: 1;
+  }
+  .parlour-site-footer__text {
+    grid-column: 2;
+    text-align: center;
+  }
+  .parlour-site-footer__social {
+    grid-column: 3;
+    justify-self: end;
+  }
+}
+.parlour-site-footer__social {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: var(--parlour--spacing-medium);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.parlour-site-footer .parlour-site-footer__social-link {
+  display: inline-flex;
+  font-size: var(--parlour--font-size-medium);
+  color: var(--parlour--color-neutral-500);
+  transition: transform var(--parlour--transition-fast), color var(--parlour--transition-fast);
+}
+.parlour-site-footer .parlour-site-footer__social-link:hover {
+  text-decoration: none;
+  color: var(--parlour--color-accent-secondary);
+  transform: translateY(calc(var(--parlour--spacing-2-x-small) * -1));
+}
+.parlour-site-footer .parlour-site-footer__social-link:focus-visible {
+  color: var(--parlour--color-accent-secondary);
+  outline: 2px solid var(--parlour--color-accent-primary);
+  outline-offset: var(--parlour--spacing-2-x-small);
+}
+@media (prefers-reduced-motion: reduce) {
+  .parlour-site-footer .parlour-site-footer__social-link {
+    transition: none;
+  }
+  .parlour-site-footer .parlour-site-footer__social-link:hover {
+    transform: none;
+  }
+}

package/dist/components/SiteHeader/index.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/useLinkContext-DwwV1iqK.cjs"),n=require("../_shared/Button-CQIUEu-m.cjs"),r=require("../_shared/ButtonGroup-ChqwMTps.cjs"),i=require("../_shared/FlexGroup-CgPbyEha.cjs");let a=require("react");a=e.t(a,1);let o=require("react/jsx-runtime");var s=[{href:`/about`,label:`About`},{href:`/blog`,label:`Blog`},{href:`/resume`,label:`Resume`}],c=(e,t)=>{let n=t?e.indexOf(t):-1;return!t||n===-1?[e]:[e.slice(0,n),t,e.slice(n+t.length)]},l=({className:e=``,children:a,siteTitle:l=`Parlour`,siteTitleAccent:u})=>{let d=[`parlour-site-header`,e].filter(Boolean).join(` `),f=t.t(),[p,m,h]=c(l,u);return(0,o.jsx)(`header`,{className:d,children:(0,o.jsxs)(i.t,{gap:`normal`,maxWidth:`alignwide`,justify:`space-between`,align:`center`,children:[(0,o.jsx)(`div`,{className:`parlour-site-header__branding`,children:(0,o.jsx)(`p`,{children:(0,o.jsxs)(f,{href:`/`,rel:`home`,children:[p,m&&(0,o.jsx)(`span`,{className:`parlour-site-header__title-accent`,children:m}),h]})})}),(0,o.jsx)(`nav`,{className:`parlour-site-header__nav`,"aria-label":`Primary`,children:(0,o.jsx)(`ul`,{children:s.map(({href:e,label:t})=>(0,o.jsx)(`li`,{children:(0,o.jsx)(f,{href:e,children:t})},e))})}),(0,o.jsx)(`div`,{children:(0,o.jsx)(r.t,{children:(0,o.jsx)(n.t,{text:`Hire Me`,isSmall:!0,isOutline:!0})})}),a]})})};exports.SiteHeader=l;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/useLinkContext-DwwV1iqK.cjs"),n=require("../_shared/Button-CQIUEu-m.cjs"),r=require("../_shared/ButtonGroup-ChqwMTps.cjs"),i=require("../_shared/FlexGroup-D9sTJeh4.cjs");let a=require("react");a=e.t(a,1);let o=require("react/jsx-runtime");var s=[{href:`/about`,label:`About`},{href:`/blog`,label:`Blog`},{href:`/resume`,label:`Resume`}],c=(e,t)=>{let n=t?e.indexOf(t):-1;return!t||n===-1?[e]:[e.slice(0,n),t,e.slice(n+t.length)]},l=({className:e=``,children:a,siteTitle:l=`Parlour`,siteTitleAccent:u})=>{let d=[`parlour-site-header`,e].filter(Boolean).join(` `),f=t.t(),[p,m,h]=c(l,u);return(0,o.jsx)(`header`,{className:d,children:(0,o.jsxs)(i.t,{gap:`normal`,maxWidth:`alignwide`,justify:`space-between`,align:`center`,children:[(0,o.jsx)(`div`,{className:`parlour-site-header__branding`,children:(0,o.jsx)(`p`,{children:(0,o.jsxs)(f,{href:`/`,rel:`home`,children:[p,m&&(0,o.jsx)(`span`,{className:`parlour-site-header__title-accent`,children:m}),h]})})}),(0,o.jsx)(`nav`,{className:`parlour-site-header__nav`,"aria-label":`Primary`,children:(0,o.jsx)(`ul`,{children:s.map(({href:e,label:t})=>(0,o.jsx)(`li`,{children:(0,o.jsx)(f,{href:e,children:t})},e))})}),(0,o.jsx)(`div`,{children:(0,o.jsx)(r.t,{children:(0,o.jsx)(n.t,{text:`Hire Me`,isSmall:!0,isOutline:!0})})}),a]})})};exports.SiteHeader=l;

package/dist/components/SiteHeader/index.mjs

@@ -2,7 +2,7 @@
 import { t as e } from "../_shared/useLinkContext-CJko6HGf.mjs";
 import { t } from "../_shared/Button-CAFrgdq8.mjs";
 import { t as n } from "../_shared/ButtonGroup-B0V_8y-2.mjs";
-import { t as r } from "../_shared/FlexGroup-CnOrx2MF.mjs";
+import { t as r } from "../_shared/FlexGroup-DorFgrVL.mjs";
 import "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/SiteHeader/SiteHeader.tsx

package/dist/components/SkipLink/SkipLink.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children?: React.ReactNode;
+    href?: string;
+    className?: string;
+}
+export declare const SkipLink: ({ children, href, className, ...rest }: SkipLinkProps) => React.JSX.Element;
+//# sourceMappingURL=SkipLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLink/SkipLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,wCAKtB,aAAa,sBAQf,CAAC"}

package/dist/components/SkipLink/index.cjs

@@ -0,0 +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=`Skip to content`,href:t=`#main`,className:r,...i})=>{let a=[`parlour-skip-link`,r].filter(Boolean).join(` `);return(0,n.jsx)(`a`,{className:a,href:t,...i,children:e})};exports.SkipLink=r;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+
+interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children?: React.ReactNode;
+    href?: string;
+    className?: string;
+}
+declare const SkipLink: ({ children, href, className, ...rest }: SkipLinkProps) => React.JSX.Element;
+
+export { SkipLink };
+export type { SkipLinkProps };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/SkipLink/index.mjs

@@ -0,0 +1,14 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/SkipLink/SkipLink.tsx
+var t = ({ children: t = "Skip to content", href: n = "#main", className: r, ...i }) => {
+	let a = ["parlour-skip-link", r].filter(Boolean).join(" ");
+	return /* @__PURE__ */ e("a", {
+		className: a,
+		href: n,
+		...i,
+		children: t
+	});
+};
+//#endregion
+export { t as SkipLink };

package/dist/components/SkipLink/styles.css

@@ -0,0 +1,29 @@
+.parlour-skip-link {
+  position: fixed;
+  inset-block-start: 0;
+  inset-inline-start: var(--parlour--spacing-x-small);
+  z-index: var(--parlour--z-500);
+  padding: var(--parlour--spacing-x-small) var(--parlour--spacing-normal);
+  font-family: var(--parlour--font-family-inter-tight);
+  font-size: var(--parlour--font-size-small);
+  font-weight: var(--parlour--font-weight-semibold);
+  line-height: var(--parlour--line-height-tight);
+  color: var(--parlour--color-white);
+  background-color: var(--parlour--color-neutral-950);
+  border-radius: var(--parlour--radius-md);
+  text-decoration: none;
+  transform: translateY(-100%);
+  transition: transform var(--parlour--transition-fast);
+}
+.parlour-skip-link:focus {
+  transform: translateY(var(--parlour--spacing-x-small));
+  outline-offset: var(--parlour--spacing-2-x-small);
+}
+.parlour-skip-link:hover {
+  text-decoration: underline;
+}
+@media (prefers-reduced-motion: reduce) {
+  .parlour-skip-link {
+    transition: none;
+  }
+}

package/dist/components/SkipLink/styles.scss

@@ -0,0 +1,29 @@
+.parlour-skip-link {
+  position: fixed;
+  inset-block-start: 0;
+  inset-inline-start: var(--parlour--spacing-x-small);
+  z-index: var(--parlour--z-500);
+  padding: var(--parlour--spacing-x-small) var(--parlour--spacing-normal);
+  font-family: var(--parlour--font-family-inter-tight);
+  font-size: var(--parlour--font-size-small);
+  font-weight: var(--parlour--font-weight-semibold);
+  line-height: var(--parlour--line-height-tight);
+  color: var(--parlour--color-white);
+  background-color: var(--parlour--color-neutral-950);
+  border-radius: var(--parlour--radius-md);
+  text-decoration: none;
+  transform: translateY(-100%);
+  transition: transform var(--parlour--transition-fast);
+}
+.parlour-skip-link:focus {
+  transform: translateY(var(--parlour--spacing-x-small));
+  outline-offset: var(--parlour--spacing-2-x-small);
+}
+.parlour-skip-link:hover {
+  text-decoration: underline;
+}
+@media (prefers-reduced-motion: reduce) {
+  .parlour-skip-link {
+    transition: none;
+  }
+}