@troychaplin/parlour-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Troy Chaplin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,328 @@
+# Parlour
+
+**A palette cleanser for React and WordPress.**
+
+A token-first UI kit for React and WordPress. One set of tokens, every flavour.
+
+Formerly Octave Design System.
+
+Browse the components and tokens in the [live Storybook](https://troychaplin.github.io/parlour-ui/).
+
+## Why Parlour
+
+- **One source of truth, two ecosystems.**
+  [`@troychaplin/component2block`](https://www.npmjs.com/package/@troychaplin/component2block)
+  compiles `c2b.config.json` into CSS custom properties (`--parlour--*`), SCSS
+  variables, base element styles, and a WordPress `theme.json` with matching editor
+  styles. A React app and the WordPress Site Editor render the same design language
+  because they read the same tokens — no parallel stylesheet to keep in sync by hand.
+- **Fluid by default.** All 16 type steps are `clamp()` values that scale with the
+  viewport, and the spacing scale goes fluid from `small` upward. Responsive
+  typography without a stack of breakpoints.
+- **No runtime, no lock-in.** Plain SCSS and CSS custom properties — no Tailwind, no
+  CSS-in-JS, no provider to wrap your tree in. Per-component CSS is exported
+  individually, so a WordPress block can ship only the styles it actually uses.
+- **Accessibility is a build failure.** Every Storybook story runs through
+  [axe](https://github.com/dequelabs/axe-core) at the `error` threshold, on every pull
+  request and on pre-push. A violation blocks the merge — it isn't a warning someone
+  triages later.
+- **Deliberately small.** Budgeted at 25 kB for the JS bundle and 7 kB for the
+  stylesheet, brotli-compressed. `pnpm size` checks both.
+
+> **Status:** Parlour is early-stage and actively being rebuilt. The token pipeline,
+> build, and accessibility tooling are solid; the component catalogue is small and
+> growing. See the [changelog](CHANGELOG.mdx) for what has landed.
+
+Built with React 18 & 19, TypeScript 6, Vite 8, Storybook 10, and SCSS.
+
+## Installation
+
+```bash
+npm install @troychaplin/parlour-ui
+```
+
+React and React DOM 18 or 19 are peer dependencies.
+
+### React apps
+
+Import the stylesheet once, where your app starts:
+
+```tsx
+import '@troychaplin/parlour-ui/styles.css';
+```
+
+Then use the components:
+
+```tsx
+import { Button, Container, Main } from '@troychaplin/parlour-ui';
+
+export function Page() {
+    return (
+        <Main>
+            <Container>
+                <h1>Hello, Parlour</h1>
+                <Button text="Get started" href="/start" />
+            </Container>
+        </Main>
+    );
+}
+```
+
+`styles.css` has everything: the design tokens, base element styles, layout classes, every
+component's CSS, and the `@font-face` rules for Inter Tight, Source Serif 4 and JetBrains Mono.
+The font files ship with the package, and your bundler picks them up from the stylesheet. The
+components don't import any CSS themselves, so this import is required.
+
+#### Router links
+
+`Button` with an `href`, and `SiteHeader`, render plain `<a>` links unless you wrap the app in
+`LinkProvider` with your router's link component. That component receives standard anchor props,
+including `href`:
+
+```tsx
+import { LinkProvider } from '@troychaplin/parlour-ui';
+
+<LinkProvider component={Link}>
+    <App />
+</LinkProvider>;
+```
+
+Next.js's `Link` takes `href` as it is. React Router's `Link` expects `to`, so pass a wrapper
+instead: `({ href = '', ...props }) => <Link to={href} {...props} />`.
+
+#### Next.js App Router
+
+Parlour's components work in Server Components. `Button`, `SiteHeader` and `LinkProvider` use
+React context, so they're marked `'use client'` and render as Client Components; every other
+component renders on the server. A Server Component can't pass a function such as Next.js's `Link`
+to a Client Component, so set up `LinkProvider` in a client providers file:
+
+```tsx
+// app/providers.tsx
+'use client';
+
+import Link from 'next/link';
+import { LinkProvider } from '@troychaplin/parlour-ui';
+
+export function Providers({ children }: { children: React.ReactNode }) {
+    return <LinkProvider component={Link}>{children}</LinkProvider>;
+}
+```
+
+```tsx
+// app/layout.tsx
+import '@troychaplin/parlour-ui/styles.css';
+import { Providers } from './providers';
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+    return (
+        <html lang="en">
+            <body>
+                <Providers>{children}</Providers>
+            </body>
+        </html>
+    );
+}
+```
+
+With the Pages Router, import the stylesheet and add `LinkProvider` in `pages/_app.tsx`.
+
+### What the package ships
+
+Every path below starts with `@troychaplin/parlour-ui`.
+
+| Path                                    | Contents                                                                                 |
+| --------------------------------------- | ---------------------------------------------------------------------------------------- |
+| _(package root)_                        | Every React component, as ES modules and CommonJS, with TypeScript types                 |
+| `/styles.css`                           | The full stylesheet: tokens, base styles, layout classes, every component, and the fonts |
+| `/tokens.css`                           | The design tokens as `--parlour--*` custom properties                                    |
+| `/base-styles.css`                      | Element defaults for the body, headings, links and buttons                               |
+| `/layout.css`                           | Layout classes that match WordPress's, such as `is-layout-constrained`                   |
+| `/typography.css`                       | Spacing after headings                                                                   |
+| `/fonts.css`                            | `@font-face` rules for the bundled fonts                                                 |
+| `/tokens`                               | The token names as a JavaScript object, `parlourTokens`                                  |
+| `/<Component>`                          | One component's JavaScript, such as `/Button`                                            |
+| `/<Component>.css`                      | One component's CSS, such as `/Button.css`                                               |
+| `/block-theme.css`, `/hybrid-theme.css` | Stylesheets for WordPress themes                                                         |
+
+The WordPress theme files, `integrate.php` and `theme-parlour.json`, are in `dist/wordpress/`, and
+the font files are in `dist/fonts/`. Copy those by path.
+
+### WordPress themes
+
+`dist/wordpress/` has what a theme needs:
+
+- `theme-parlour.json` — the tokens as `theme.json` presets: the color palette and gradient, 16
+  fluid font sizes, the three font families with their font files, the spacing scale, shadows,
+  and the content and wide widths. It also sets default styles for text, headings, links, buttons
+  and captions.
+- `integrate.php` — loads `theme-parlour.json` as WordPress's default `theme.json` layer, so your
+  theme's own `theme.json` only needs to hold overrides.
+- `block-theme.css` — for block themes: the tokens, the `.sr-only` utility and heading spacing.
+- `hybrid-theme.css` — for hybrid themes with PHP templates: adds Parlour's element defaults,
+  layout classes and global styles.
+
+To set up a theme:
+
+1. Copy `integrate.php`, `theme-parlour.json` and the stylesheet you need into one folder in your
+   theme, such as `assets/parlour/`. `integrate.php` looks for `theme-parlour.json` next to itself.
+2. Copy `dist/fonts/` to `assets/fonts/` in your theme, the path `theme-parlour.json` gives for the
+   font files.
+3. Load everything from `functions.php`:
+
+```php
+require_once get_theme_file_path( 'assets/parlour/integrate.php' );
+
+add_action( 'wp_enqueue_scripts', function () {
+    wp_enqueue_style( 'parlour', get_theme_file_uri( 'assets/parlour/block-theme.css' ) );
+} );
+
+add_action( 'after_setup_theme', function () {
+    add_editor_style( 'assets/parlour/block-theme.css' );
+} );
+```
+
+For a hybrid theme, use `hybrid-theme.css` in both places.
+
+Parlour is built locked, so `integrate.php` also stops the theme from changing the layout widths
+and breakpoints, and turns off custom colors, gradients and duotone in the Site Editor.
+
+### WordPress blocks
+
+Each component's CSS is also published on its own, so a block can bundle just the styles for the
+markup it renders. Component CSS reads the `--parlour--*` custom properties, so the page needs the
+tokens too: a theme set up as above already loads them, and otherwise the block should bundle
+`tokens.css`.
+
+With `@wordpress/scripts`, import them at the top of the block's `style.scss`, which loads in the
+editor and on the front end:
+
+```scss
+// src/my-block/style.scss
+@import '@troychaplin/parlour-ui/tokens.css';
+@import '@troychaplin/parlour-ui/Button.css';
+```
+
+## Design tokens
+
+Every CSS variable uses the `--parlour--` prefix (double dash).
+
+| Category       | What's in it                                                                                                                                                                                          |
+| -------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Colors**     | `accent-primary` and `accent-secondary`, an 11-step neutral ramp (`neutral-50` → `neutral-950`), semantic states (`info`, `success`, `warning`, `error`), and brand colors for seven social platforms |
+| **Typography** | Three families (Inter Tight, Source Serif 4, JetBrains Mono), 16 fluid size steps, nine weights, three line heights                                                                                   |
+| **Spacing**    | A 12-step scale from `3-x-small` to `5-x-large`, fluid from `small` upward                                                                                                                            |
+| **Effects**    | Five shadow presets (natural, deep, sharp, outlined, crisp), five border radii, and a gradient                                                                                                        |
+| **Layout**     | Content width (768px), wide width (1152px), small (600px), and full-bleed                                                                                                                             |
+
+Browse them live in Storybook under **Stylebook**.
+
+## Accessibility
+
+Every Storybook story is tested against axe with `test: 'error'` — stories
+that fail accessibility checks will not pass CI.
+
+## Documentation
+
+The [live Storybook](https://troychaplin.github.io/parlour-ui/) is the reference:
+**Getting Started** covers installation and framework integration, **Stylebook** has live token
+demos, and every component ships its own docs page with props, CSS classes, tokens, and
+accessibility notes.
+
+Contributor conventions — how to build a component's TSX, styles, stories and docs — are in
+[`AGENTS.md`](AGENTS.md) and the [`build-component` skill](.claude/skills/build-component/SKILL.md).
+
+## Developing Parlour
+
+```bash
+# Requires Node 24+ (see .nvmrc)
+nvm use
+
+pnpm install
+
+# First time only: download Playwright browser binaries (used by pnpm test:storybook)
+pnpm exec playwright install chromium
+
+pnpm run dev           # Storybook at http://localhost:6006
+```
+
+### Scripts
+
+| Command                      | Description                                                                                         |
+| ---------------------------- | --------------------------------------------------------------------------------------------------- |
+| `pnpm run dev`               | Run `c2b generate` then start Storybook dev server                                                  |
+| `pnpm run build`             | Library build: ESM and CommonJS bundles, per-component files, types, tokens and the WordPress files |
+| `pnpm run build-storybook`   | Build static Storybook for deployment                                                               |
+| `pnpm run c2b`               | Regenerate tokens, base styles, and WP theme files                                                  |
+| `pnpm run typecheck`         | TypeScript type checking (no emit)                                                                  |
+| `pnpm run lint`              | ESLint across `src/`                                                                                |
+| `pnpm run lint:fix`          | ESLint with auto-fix                                                                                |
+| `pnpm run format`            | Prettier write across `src/` (TS, TSX, SCSS)                                                        |
+| `pnpm run format:check`      | Prettier check across `src/` (no write)                                                             |
+| `pnpm run test`              | Vitest: unit tests plus every story with axe checks (requires Playwright)                           |
+| `pnpm run test:watch`        | Vitest in watch mode                                                                                |
+| `pnpm run test:storybook`    | Every story with axe checks only (requires Playwright)                                              |
+| `pnpm run test:coverage`     | Vitest with coverage report                                                                         |
+| `pnpm run size`              | Check the JS bundle and stylesheet against their size budgets                                       |
+| `pnpm run release <version>` | Changelog, version bump, commit and tag on main. Push the tag to publish to npm                     |
+
+### Formatting & code style
+
+Formatting is enforced automatically so contributors don't create diffs based on
+personal editor preferences:
+
+- **EditorConfig** (`.editorconfig`) sets base whitespace rules (4-space indent, LF
+  line endings, trimmed trailing whitespace) recognized by most editors.
+- **Prettier** (`.prettierrc`) formats TS/TSX/SCSS in `src/`, and JSON, Markdown and MDX
+  files when they're committed. `.prettierignore` excludes build output and generated files
+  (`dist/`, `storybook-static/`, `src/styles/c2b/`, etc.).
+- **ESLint** (`eslint.config.mjs`) lints `src/` for code quality (React, hooks,
+  jsx-a11y, Storybook rules), with `eslint-config-prettier` disabling any
+  formatting rules that could conflict with Prettier.
+- **VSCode workspace settings** (`.vscode/settings.json`, committed to the repo)
+  set Prettier as the default formatter with format-on-save and ESLint
+  auto-fix-on-save enabled. `.vscode/extensions.json` recommends the Prettier,
+  ESLint, and EditorConfig extensions so VSCode prompts new contributors to
+  install them.
+- **`.gitattributes`** normalizes line endings to LF across operating systems.
+- **Husky + lint-staged**: on every commit, `.husky/pre-commit` runs
+  `lint-staged` first, which formats and auto-fixes only the files staged in
+  that commit (Prettier for TS/TSX/SCSS/JSON/MD/MDX, ESLint `--fix` for TS/TSX).
+  It then runs the full `pnpm lint` and `pnpm typecheck` as a final check
+  across the whole project. `.husky/pre-push` runs `pnpm test:storybook`.
+
+Run `pnpm format` to format everything in `src/`, or `pnpm format:check` to verify formatting
+without writing changes.
+
+### Project structure
+
+```
+c2b.config.json                # Design token definitions (source of truth)
+src/
+  index.ts                     # Package entry — component exports + global stylesheet
+  components/                  # React components (co-located SCSS, stories, docs, types)
+    tokens/                    # Runtime token export (parlourTokens)
+  docs/                        # Storybook documentation pages
+    getting-started/           # Install and framework integration guides
+    stylebook/                 # Live token demos (colors, typography, spacing, effects)
+  styles/
+    main.scss                  # Consumer-facing stylesheet entry
+    base/                      # Hand-authored globals (focus, selection, utilities)
+    c2b/                       # Generated by c2b — never edit by hand
+      parlour-tokens.css       # CSS custom properties
+      parlour-base-styles.css  # Element defaults (body, h1–h6, links, buttons)
+      parlour-layout.css       # Layout and flow-spacing utilities
+      parlour-typography.css   # Heading flow spacing
+      _parlour-variables.scss  # SCSS variables + breakpoint mixins
+    wordpress/                 # Block-theme and hybrid-theme SCSS entry points
+dist/
+  wordpress/                   # integrate.php, theme-parlour.json, block- and hybrid-theme CSS
+  fonts/                       # Font files used by styles.css and theme-parlour.json
+```
+
+## Links
+
+- [Storybook](https://troychaplin.github.io/parlour-ui/)
+- [npm](https://www.npmjs.com/package/@troychaplin/parlour-ui)
+- [Source](https://github.com/troychaplin/parlour-ui)
+- [Changelog](CHANGELOG.mdx)

package/dist/_shared/client-CLAcY4nN.cjs

@@ -0,0 +1 @@
+"use client";const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./shared-B07rlYN8.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime");var i=(0,n.createContext)(e=>(0,r.jsx)(`a`,{...e})),a=()=>(0,n.useContext)(i),o=({text:e=`Button`,color:t=`medium`,rounded:n=`sm`,type:i=`button`,isSmall:o=!1,isFull:s=!1,isOutline:c=!1,disabled:l=!1,className:u,...d})=>{let f=a(),p=[`parlour-button`,l?`parlour-button--disabled`:`parlour-button--${t}`,n&&`parlour-button--radius-${n}`,c&&!l&&`parlour-button--outline`,o&&`parlour-button--small`,s&&`parlour-button--full`,u].filter(Boolean).join(` `);return d.href===void 0?(0,r.jsx)(`button`,{type:i,className:p,disabled:l,...d,children:e}):(0,r.jsx)(f,{className:p,...d,children:e})},s=({component:e,children:t})=>(0,r.jsx)(i.Provider,{value:e,children:t}),c=[{href:`/about`,label:`About`},{href:`/blog`,label:`Blog`},{href:`/resume`,label:`Resume`}],l=(e,t)=>{let n=t?e.indexOf(t):-1;return!t||n===-1?[e]:[e.slice(0,n),t,e.slice(n+t.length)]},u=({className:e=``,children:n,siteTitle:i=`Parlour`,siteTitleAccent:s})=>{let u=[`parlour-site-header`,e].filter(Boolean).join(` `),d=a(),[f,p,m]=l(i,s);return(0,r.jsx)(`header`,{className:u,children:(0,r.jsxs)(t.f,{gap:`normal`,maxWidth:`alignwide`,justify:`space-between`,align:`center`,children:[(0,r.jsx)(`div`,{className:`parlour-site-header__branding`,children:(0,r.jsx)(`p`,{children:(0,r.jsxs)(d,{href:`/`,rel:`home`,children:[f,p&&(0,r.jsx)(`span`,{className:`parlour-site-header__title-accent`,children:p}),m]})})}),(0,r.jsx)(`nav`,{className:`parlour-site-header__nav`,"aria-label":`Primary`,children:(0,r.jsx)(`ul`,{children:c.map(({href:e,label:t})=>(0,r.jsx)(`li`,{children:(0,r.jsx)(d,{href:e,children:t})},e))})}),(0,r.jsx)(`div`,{children:(0,r.jsx)(t.d,{children:(0,r.jsx)(o,{text:`Hire Me`,isSmall:!0,isOutline:!0})})}),n]})})};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});

package/dist/_shared/client-CsCPbj42.mjs

@@ -0,0 +1,93 @@
+"use client";
+import { d as e, f as t } from "./shared-DZTw1JIu.mjs";
+import { createContext as n, useContext as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+var o = n((e) => /* @__PURE__ */ i("a", { ...e })), s = () => r(o), c = ({ text: e = "Button", color: t = "medium", rounded: n = "sm", type: r = "button", isSmall: a = !1, isFull: o = !1, isOutline: c = !1, disabled: l = !1, className: u, ...d }) => {
+	let f = s(), p = [
+		"parlour-button",
+		l ? "parlour-button--disabled" : `parlour-button--${t}`,
+		n && `parlour-button--radius-${n}`,
+		c && !l && "parlour-button--outline",
+		a && "parlour-button--small",
+		o && "parlour-button--full",
+		u
+	].filter(Boolean).join(" ");
+	return d.href === void 0 ? /* @__PURE__ */ i("button", {
+		type: r,
+		className: p,
+		disabled: l,
+		...d,
+		children: e
+	}) : /* @__PURE__ */ i(f, {
+		className: p,
+		...d,
+		children: e
+	});
+}, l = ({ component: e, children: t }) => /* @__PURE__ */ i(o.Provider, {
+	value: e,
+	children: t
+}), u = [
+	{
+		href: "/about",
+		label: "About"
+	},
+	{
+		href: "/blog",
+		label: "Blog"
+	},
+	{
+		href: "/resume",
+		label: "Resume"
+	}
+], d = (e, t) => {
+	let n = t ? e.indexOf(t) : -1;
+	return !t || n === -1 ? [e] : [
+		e.slice(0, n),
+		t,
+		e.slice(n + t.length)
+	];
+}, f = ({ className: n = "", children: r, siteTitle: o = "Parlour", siteTitleAccent: l }) => {
+	let f = ["parlour-site-header", n].filter(Boolean).join(" "), p = s(), [m, h, g] = d(o, l);
+	return /* @__PURE__ */ i("header", {
+		className: f,
+		children: /* @__PURE__ */ a(t, {
+			gap: "normal",
+			maxWidth: "alignwide",
+			justify: "space-between",
+			align: "center",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "parlour-site-header__branding",
+					children: /* @__PURE__ */ i("p", { children: /* @__PURE__ */ a(p, {
+						href: "/",
+						rel: "home",
+						children: [
+							m,
+							h && /* @__PURE__ */ i("span", {
+								className: "parlour-site-header__title-accent",
+								children: h
+							}),
+							g
+						]
+					}) })
+				}),
+				/* @__PURE__ */ i("nav", {
+					className: "parlour-site-header__nav",
+					"aria-label": "Primary",
+					children: /* @__PURE__ */ i("ul", { children: u.map(({ href: e, label: t }) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(p, {
+						href: e,
+						children: t
+					}) }, e)) })
+				}),
+				/* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(e, { children: /* @__PURE__ */ i(c, {
+					text: "Hire Me",
+					isSmall: !0,
+					isOutline: !0
+				}) }) }),
+				r
+			]
+		})
+	});
+};
+//#endregion
+export { l as n, c as r, f as t };

package/dist/_shared/rolldown-runtime-BocRIvOZ.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/_shared/shared-B07rlYN8.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs");let t=require("react");t=e.t(t,1);let n=require("react/jsx-runtime");var r=({children:e,content:t})=>t?(0,n.jsx)(`article`,{dangerouslySetInnerHTML:{__html:t}}):(0,n.jsx)(`article`,{children:e}),i=({children:e,isSticky:t,topSpace:r=0,className:i,...a})=>{let o=[`relative`,`parlour-aside`,`parlour-prose`,i].filter(Boolean).join(` `);return(0,n.jsx)(`aside`,{className:o,...a,children:t?(0,n.jsx)(`div`,{className:`sticky`,style:{top:`${r}px`},children:e}):e})},a=({children:e,className:t})=>(0,n.jsx)(`body`,{className:t||``,children:e}),o=({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})})},s={color:{black:`black`,white:`white`,"accent-primary":`accent-primary`,"accent-secondary":`accent-secondary`,"neutral-50":`neutral-50`,"neutral-100":`neutral-100`,"neutral-200":`neutral-200`,"neutral-300":`neutral-300`,"neutral-400":`neutral-400`,"neutral-500":`neutral-500`,"neutral-600":`neutral-600`,"neutral-700":`neutral-700`,"neutral-800":`neutral-800`,"neutral-900":`neutral-900`,"neutral-950":`neutral-950`,info:`info`,success:`success`,warning:`warning`,error:`error`,linkedin:`linkedin`,facebook:`facebook`,bluesky:`bluesky`,twitter:`twitter`,instagram:`instagram`,youtube:`youtube`,tiktok:`tiktok`},gradient:{"white-to-neutral-50":`white-to-neutral-50`},spacing:{"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`},fontFamily:{"inter-tight":`inter-tight`,"source-serif-4":`source-serif-4`,"jetbrains-mono":`jetbrains-mono`},fontSize:{"2-x-small":`2-x-small`,"x-small":`x-small`,small:`small`,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`,hero:`hero`,"heading-small":`heading-small`,"heading-medium":`heading-medium`,"heading-large":`heading-large`,"heading-x-large":`heading-x-large`,"heading-primary":`heading-primary`},shadow:{natural:`natural`,deep:`deep`,sharp:`sharp`,outlined:`outlined`,crisp:`crisp`},fontWeight:{thin:`thin`,"extra-light":`extra-light`,light:`light`,normal:`normal`,medium:`medium`,semibold:`semibold`,bold:`bold`,"extra-bold":`extra-bold`,black:`black`},lineHeight:{tight:`tight`,normal:`normal`,loose:`loose`},radius:{sm:`sm`,md:`md`,lg:`lg`,xl:`xl`,full:`full`},transition:{fast:`fast`,base:`base`},z:{100:`100`,200:`200`,500:`500`},layout:{"content-size":`content-size`,"wide-size":`wide-size`,"small-size":`small-size`,"full-size":`full-size`},viewport:{mobile:`mobile`,tablet:`tablet`}},c={alignsmall:`alignsmall`,aligncontent:`aligncontent`,alignwide:`alignwide`,alignfull:`alignfull`},l={1:`one`,2:`two`,3:`three`,4:`four`,"1/3":`one-third`,"2/3":`two-thirds`};({...s.color});var u={none:`none`,...s.spacing},d={none:`none`,...s.radius},f={start:`start`,center:`center`,end:`end`,"space-between":`space-between`},p={start:`start`,center:`center`,end:`end`,stretch:`stretch`},m={light:`light`,medium:`medium`,dark:`dark`,white:`white`},h=({children:e,as:t=`div`,direction:r=`row`,wrap:i=`wrap`,justify:a,align:o,gap:s,padding:l,margin:d,maxWidth:m,className:h,...g})=>{let _=t,v=[`parlour-layout parlour-flex-group`,`parlour-flex-group--${r}`,`parlour-flex-group--${i}`,m&&c[m],a&&`parlour-flex-group--justify-${f[a]}`,o&&`parlour-flex-group--align-${p[o]}`,s&&`parlour-flex-group--gap-${u[s]}`,l&&`parlour-flex-group--padding-${u[l]}`,d&&`parlour-flex-group--margin-${u[d]}`,h].filter(Boolean).join(` `);return(0,n.jsx)(_,{className:v,...g,children:e})},g=({children:e,align:t=`start`})=>(0,n.jsx)(`div`,{className:`parlour-buttongroup parlour-buttongroup--justify-${t}`,children:e}),_=864e5,v=e=>(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())-Date.UTC(e.getFullYear(),0,0))/_,y=e=>[e.getFullYear(),e.getMonth()+1,e.getDate()].map(e=>String(e).padStart(2,`0`)).join(`-`),b=({className:e=``,children:t,date:r=new Date})=>{let i=[`parlour-infobar`,e].filter(Boolean).join(` `),a=r.toLocaleDateString(`en-US`,{month:`long`,day:`numeric`,year:`numeric`});return(0,n.jsx)(`div`,{className:i,children:(0,n.jsxs)(h,{gap:`normal`,maxWidth:`alignwide`,justify:`space-between`,align:`center`,children:[(0,n.jsx)(`p`,{children:`Building since 2005`}),(0,n.jsxs)(`p`,{children:[`Day `,v(r),` `,(0,n.jsx)(`span`,{"aria-hidden":`true`,children:`•`}),` `,(0,n.jsx)(`time`,{dateTime:y(r),children:a})]}),t]})})},x=({children:e,isFirst:t=!1})=>(0,n.jsx)(`div`,{className:`parlour-column__content ${t?`is-first`:``}`,children:e});x.displayName=`Column.Content`;var S=({children:e,cols:t=`2`,maxWidth:r=`aligncontent`})=>{let i=[`parlour-layout parlour-column parlour-column--${l[t]}`,r].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{className:i,children:e})},C=Object.assign(S,{Content:x});S.displayName=`Column`;var w=({children:e,as:t=`div`,columns:r=3,gap:i=`medium`,rowGap:a,align:o,maxWidth:s,className:l,...d})=>{let f=t,m=[`parlour-layout parlour-grid-group`,`parlour-grid-group--columns-${r}`,`parlour-grid-group--gap-${u[i]}`,a&&`parlour-grid-group--row-gap-${u[a]}`,o&&`parlour-grid-group--align-${p[o]}`,s&&c[s],l].filter(Boolean).join(` `);return(0,n.jsx)(f,{className:m,role:t===`ul`||t===`ol`?`list`:void 0,...d,children:e})},T=({children:e,as:t=`div`,maxWidth:r=`aligncontent`,contentWidth:i=`aligncontent`,color:a,className:o,borderRadius:s=`md`,...c})=>{let l=t,u=[`parlour-layout parlour-container`,`is-layout-constrained`,r,a&&`parlour-container--no-gap parlour-container--${a}`,s&&`parlour-container--radius-${s}`,o].filter(Boolean).join(` `),d=[`has-global-padding`,i,a&&`has-root-padding`].filter(Boolean).join(` `);return(0,n.jsx)(l,{className:u,...c,children:(0,n.jsx)(`div`,{className:d,children:e})})},E=({children:e,as:t=`div`,backgroundColor:r=`light`,border:i=!0,borderColor:a=`light`,borderRadius:o=`none`,padding:s=`large`,className:c,...l})=>{let f=t,p=[`parlour-card`,`parlour-card--bg-${m[r]}`,i&&`parlour-card--border`,i&&`parlour-card--border-${m[a]}`,`parlour-card--radius-${d[o]}`,`parlour-card--padding-${u[s]}`,c].filter(Boolean).join(` `);return(0,n.jsx)(f,{className:p,...l,children:e})},D=({code:e,color:t,className:r,hasBorder:i,borderRadius:a,...o})=>{let s=[`parlour-code-block`,t&&`parlour-code-block--${m[t]}`,i&&`parlour-code-block--has-border`,a&&`parlour-code-block--radius-${d[a]}`,r].filter(Boolean).join(` `);return(0,n.jsx)(`pre`,{className:s,tabIndex:0,...o,children:(0,n.jsx)(`code`,{children:e})})},O=({children:e,caption:t,size:r=`full`,align:i=`none`})=>{let a=i===`left`?`alignleft`:i===`right`?`alignright`:``,o=[`parlour-figure`,`parlour-figure--${r}`,i===`none`?``:`parlour-figure--${i}`,a].filter(Boolean).join(` `);return(0,n.jsx)(`figure`,{className:o,children:(0,n.jsxs)(`div`,{className:`parlour-figure__inner`,children:[e,t&&(0,n.jsx)(`figcaption`,{className:`parlour-figure__caption`,children:t})]})})},k=({className:e=``,children:t})=>{let r=[`parlour-hero`,e].filter(Boolean).join(` `);return(0,n.jsx)(T,{as:`section`,className:r,maxWidth:`alignfull`,contentWidth:`alignwide`,children:(0,n.jsx)(h,{gap:`normal`,maxWidth:`alignwide`,justify:`space-between`,align:`center`,children:t})})},A=({className:e,prefix:t,title:r,titleAccent:i,level:a=1,children:o,...s})=>{let c=[`parlour-hero-header`,e].filter(Boolean).join(` `),l=`h${a}`;return(0,n.jsxs)(`header`,{className:c,...s,children:[t&&(0,n.jsx)(`p`,{className:`parlour-hero-header__prefix`,children:t}),r&&(0,n.jsxs)(l,{className:`parlour-hero-header__title`,children:[r,` `,i&&(0,n.jsx)(`span`,{className:`parlour-hero-header__title-accent`,children:i})]}),o]})},j=({className:e,prefix:t,title:r,level:i=2,...a})=>{let o=[`parlour-section-header`,e].filter(Boolean).join(` `),s=`h${i}`;return(0,n.jsxs)(`header`,{className:o,...a,children:[t&&(0,n.jsx)(`p`,{className:`parlour-section-header__prefix`,children:t}),r&&(0,n.jsx)(s,{className:`parlour-section-header__title`,children:r})]})};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return b}});