@troychaplin/parlour-ui 0.1.0 → 0.2.0

package/dist/_shared/shared-DZTw1JIu.mjs

@@ -1,400 +0,0 @@
-import "react";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/Article/Article.tsx
-var n = ({ children: t, content: n }) => n ? /* @__PURE__ */ e("article", { dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ e("article", { children: t }), r = ({ children: t, isSticky: n, topSpace: r = 0, className: i, ...a }) => {
-	let o = [
-		"relative",
-		"parlour-aside",
-		"parlour-prose",
-		i
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e("aside", {
-		className: o,
-		...a,
-		children: n ? /* @__PURE__ */ e("div", {
-			className: "sticky",
-			style: { top: `${r}px` },
-			children: t
-		}) : t
-	});
-}, i = ({ children: t, className: n }) => /* @__PURE__ */ e("body", {
-	className: n || "",
-	children: t
-}), a = ({ children: t, hasPadding: n = !0, className: r, ...i }) => {
-	let a = [
-		"parlour-main",
-		n && "parlour-main--padding",
-		r
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e("main", {
-		className: a,
-		...i,
-		children: /* @__PURE__ */ e("div", {
-			className: "alignfull has-global-padding is-layout-constrained entry-content",
-			children: t
-		})
-	});
-}, o = {
-	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"
-	}
-}, s = {
-	alignsmall: "alignsmall",
-	aligncontent: "aligncontent",
-	alignwide: "alignwide",
-	alignfull: "alignfull"
-}, c = {
-	1: "one",
-	2: "two",
-	3: "three",
-	4: "four",
-	"1/3": "one-third",
-	"2/3": "two-thirds"
-};
-({ ...o.color });
-var l = {
-	none: "none",
-	...o.spacing
-}, u = {
-	none: "none",
-	...o.radius
-}, d = {
-	start: "start",
-	center: "center",
-	end: "end",
-	"space-between": "space-between"
-}, f = {
-	start: "start",
-	center: "center",
-	end: "end",
-	stretch: "stretch"
-}, p = {
-	light: "light",
-	medium: "medium",
-	dark: "dark",
-	white: "white"
-}, m = ({ children: t, as: n = "div", direction: r = "row", wrap: i = "wrap", justify: a, align: o, gap: c, padding: u, margin: p, maxWidth: m, className: h, ...g }) => {
-	let _ = n, v = [
-		"parlour-layout parlour-flex-group",
-		`parlour-flex-group--${r}`,
-		`parlour-flex-group--${i}`,
-		m && s[m],
-		a && `parlour-flex-group--justify-${d[a]}`,
-		o && `parlour-flex-group--align-${f[o]}`,
-		c && `parlour-flex-group--gap-${l[c]}`,
-		u && `parlour-flex-group--padding-${l[u]}`,
-		p && `parlour-flex-group--margin-${l[p]}`,
-		h
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e(_, {
-		className: v,
-		...g,
-		children: t
-	});
-}, h = ({ children: t, align: n = "start" }) => /* @__PURE__ */ e("div", {
-	className: `parlour-buttongroup parlour-buttongroup--justify-${n}`,
-	children: t
-}), g = 864e5, _ = (e) => (Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()) - Date.UTC(e.getFullYear(), 0, 0)) / g, v = (e) => [
-	e.getFullYear(),
-	e.getMonth() + 1,
-	e.getDate()
-].map((e) => String(e).padStart(2, "0")).join("-"), y = ({ className: n = "", children: r, date: i = /* @__PURE__ */ new Date() }) => {
-	let a = ["parlour-infobar", n].filter(Boolean).join(" "), o = i.toLocaleDateString("en-US", {
-		month: "long",
-		day: "numeric",
-		year: "numeric"
-	});
-	return /* @__PURE__ */ e("div", {
-		className: a,
-		children: /* @__PURE__ */ t(m, {
-			gap: "normal",
-			maxWidth: "alignwide",
-			justify: "space-between",
-			align: "center",
-			children: [
-				/* @__PURE__ */ e("p", { children: "Building since 2005" }),
-				/* @__PURE__ */ t("p", { children: [
-					"Day ",
-					_(i),
-					" ",
-					/* @__PURE__ */ e("span", {
-						"aria-hidden": "true",
-						children: "•"
-					}),
-					" ",
-					/* @__PURE__ */ e("time", {
-						dateTime: v(i),
-						children: o
-					})
-				] }),
-				r
-			]
-		})
-	});
-}, b = ({ children: t, isFirst: n = !1 }) => /* @__PURE__ */ e("div", {
-	className: `parlour-column__content ${n ? "is-first" : ""}`,
-	children: t
-});
-b.displayName = "Column.Content";
-//#endregion
-//#region src/components/Column/Column.tsx
-var x = ({ children: t, cols: n = "2", maxWidth: r = "aligncontent" }) => {
-	let i = [`parlour-layout parlour-column parlour-column--${c[n]}`, r].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e("div", {
-		className: i,
-		children: t
-	});
-}, S = Object.assign(x, { Content: b });
-x.displayName = "Column";
-//#endregion
-//#region src/components/GridGroup/GridGroup.tsx
-var C = ({ children: t, as: n = "div", columns: r = 3, gap: i = "medium", rowGap: a, align: o, maxWidth: c, className: u, ...d }) => {
-	let p = n, m = [
-		"parlour-layout parlour-grid-group",
-		`parlour-grid-group--columns-${r}`,
-		`parlour-grid-group--gap-${l[i]}`,
-		a && `parlour-grid-group--row-gap-${l[a]}`,
-		o && `parlour-grid-group--align-${f[o]}`,
-		c && s[c],
-		u
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e(p, {
-		className: m,
-		role: n === "ul" || n === "ol" ? "list" : void 0,
-		...d,
-		children: t
-	});
-}, w = ({ children: t, as: n = "div", maxWidth: r = "aligncontent", contentWidth: i = "aligncontent", color: a, className: o, borderRadius: s = "md", ...c }) => {
-	let l = n, 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 /* @__PURE__ */ e(l, {
-		className: u,
-		...c,
-		children: /* @__PURE__ */ e("div", {
-			className: d,
-			children: t
-		})
-	});
-}, T = ({ children: t, as: n = "div", backgroundColor: r = "light", border: i = !0, borderColor: a = "light", borderRadius: o = "none", padding: s = "large", className: c, ...d }) => {
-	let f = n, m = [
-		"parlour-card",
-		`parlour-card--bg-${p[r]}`,
-		i && "parlour-card--border",
-		i && `parlour-card--border-${p[a]}`,
-		`parlour-card--radius-${u[o]}`,
-		`parlour-card--padding-${l[s]}`,
-		c
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e(f, {
-		className: m,
-		...d,
-		children: t
-	});
-}, E = ({ code: t, color: n, className: r, hasBorder: i, borderRadius: a, ...o }) => {
-	let s = [
-		"parlour-code-block",
-		n && `parlour-code-block--${p[n]}`,
-		i && "parlour-code-block--has-border",
-		a && `parlour-code-block--radius-${u[a]}`,
-		r
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e("pre", {
-		className: s,
-		tabIndex: 0,
-		...o,
-		children: /* @__PURE__ */ e("code", { children: t })
-	});
-}, D = ({ children: n, caption: r, size: i = "full", align: a = "none" }) => {
-	let o = a === "left" ? "alignleft" : a === "right" ? "alignright" : "", s = [
-		"parlour-figure",
-		`parlour-figure--${i}`,
-		a === "none" ? "" : `parlour-figure--${a}`,
-		o
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e("figure", {
-		className: s,
-		children: /* @__PURE__ */ t("div", {
-			className: "parlour-figure__inner",
-			children: [n, r && /* @__PURE__ */ e("figcaption", {
-				className: "parlour-figure__caption",
-				children: r
-			})]
-		})
-	});
-}, O = ({ className: t = "", children: n }) => {
-	let r = ["parlour-hero", t].filter(Boolean).join(" ");
-	return /* @__PURE__ */ e(w, {
-		as: "section",
-		className: r,
-		maxWidth: "alignfull",
-		contentWidth: "alignwide",
-		children: /* @__PURE__ */ e(m, {
-			gap: "normal",
-			maxWidth: "alignwide",
-			justify: "space-between",
-			align: "center",
-			children: n
-		})
-	});
-}, k = ({ className: n, prefix: r, title: i, titleAccent: a, level: o = 1, children: s, ...c }) => {
-	let l = ["parlour-hero-header", n].filter(Boolean).join(" "), u = `h${o}`;
-	return /* @__PURE__ */ t("header", {
-		className: l,
-		...c,
-		children: [
-			r && /* @__PURE__ */ e("p", {
-				className: "parlour-hero-header__prefix",
-				children: r
-			}),
-			i && /* @__PURE__ */ t(u, {
-				className: "parlour-hero-header__title",
-				children: [
-					i,
-					" ",
-					a && /* @__PURE__ */ e("span", {
-						className: "parlour-hero-header__title-accent",
-						children: a
-					})
-				]
-			}),
-			s
-		]
-	});
-}, A = ({ className: n, prefix: r, title: i, level: a = 2, ...o }) => {
-	let s = ["parlour-section-header", n].filter(Boolean).join(" "), c = `h${a}`;
-	return /* @__PURE__ */ t("header", {
-		className: s,
-		...o,
-		children: [r && /* @__PURE__ */ e("p", {
-			className: "parlour-section-header__prefix",
-			children: r
-		}), i && /* @__PURE__ */ e(c, {
-			className: "parlour-section-header__title",
-			children: i
-		})]
-	});
-};
-//#endregion
-export { E as a, C as c, h as d, m as f, n as g, r as h, D as i, S as l, i as m, k as n, T as o, a as p, O as r, w as s, A as t, y as u };

package/dist/components/_shared/parlour-tokens-BT0frVnY.cjs

@@ -1 +0,0 @@
-var e={color:{black:`#191919`,white:`#ffffff`,accentPrimary:`#a34f3e`,accentSecondary:`#ca2135`,neutral50:`#f9f7f3`,neutral100:`#f2f0ea`,neutral200:`#efeae2`,neutral300:`#e0d6c8`,neutral400:`#d8d5cf`,neutral500:`#8d7661`,neutral600:`#766051`,neutral700:`#5e4c42`,neutral800:`#51413a`,neutral900:`#473a35`,neutral950:`#271f1c`,info:`#2571eb`,success:`#16a34a`,warning:`#fff154`,error:`#dc2626`,linkedin:`#0A66C2`,facebook:`#1877F2`,bluesky:`#1185FE`,twitter:`#000000`,instagram:`#E4405F`,youtube:`#FF0000`,tiktok:`#010101`},gradient:{whiteToNeutral50:`linear-gradient(135deg,rgb(250,250,250) 0%,rgb(249, 247, 243) 90%)`},spacing:{x3Small:`0.175rem`,x2Small:`0.25rem`,xSmall:`0.5rem`,small:`clamp(0.625rem, 0.625rem + ((1vw - 0.2rem) * 0.240), 0.75rem)`,normal:`clamp(0.8125rem, 0.8125rem + ((1vw - 0.2rem) * 0.361), 1rem)`,medium:`clamp(0.9375rem, 0.9375rem + ((1vw - 0.2rem) * 0.601), 1.25rem)`,large:`clamp(1.0625rem, 1.0625rem + ((1vw - 0.2rem) * 0.841), 1.5rem)`,xLarge:`clamp(1.1875rem, 1.1875rem + ((1vw - 0.2rem) * 1.563), 2rem)`,x2Large:`clamp(1.3125rem, 1.3125rem + ((1vw - 0.2rem) * 2.284), 2.5rem)`,x3Large:`clamp(1.4375rem, 1.4375rem + ((1vw - 0.2rem) * 3.005), 3rem)`,x4Large:`clamp(1.625rem, 1.625rem + ((1vw - 0.2rem) * 4.567), 4rem)`,x5Large:`clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 6.250), 5rem)`},fontFamily:{interTight:`'Inter Tight', system-ui, 'Segoe UI', roboto, sans-serif`,sourceSerif4:`'Source Serif 4', ui-serif, georgia, serif`,jetbrainsMono:`'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`},fontSize:{x2Small:`clamp(0.6875rem, 0.6875rem + ((1vw - 0.2rem) * 0.12), 0.75rem)`,xSmall:`clamp(0.8125rem, 0.8125rem + ((1vw - 0.2rem) * 0.12), 0.875rem)`,small:`clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.24), 1rem)`,medium:`clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.481), 1.25rem)`,large:`clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.962), 1.5rem)`,xLarge:`clamp(1.4375rem, 1.4375rem + ((1vw - 0.2rem) * 1.082), 2rem)`,x2Large:`clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 1.803), 2.6875rem)`,x3Large:`clamp(2.0625rem, 2.0625rem + ((1vw - 0.2rem) * 2.885), 3.5625rem)`,x4Large:`clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 4.327), 4.75rem)`,x5Large:`clamp(2.375rem, 2.375rem + ((1vw - 0.2rem) * 6.418), 5.7125rem)`,hero:`clamp(3.5625rem, 3.5625rem + ((1vw - 0.2rem) * 9.375), 8.4375rem)`,headingSmall:`clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.962), 1.5rem)`,headingMedium:`clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 0.962), 1.75rem)`,headingLarge:`clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 1.442), 2.25rem)`,headingXLarge:`clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 1.442), 2.5rem)`,headingPrimary:`clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 2.404), 3rem)`},shadow:{natural:`6px 6px 9px rgba(0, 0, 0, 0.2)`,deep:`12px 12px 50px rgba(0, 0, 0, 0.4)`,sharp:`6px 6px 0px rgba(0, 0, 0, 0.2)`,outlined:`6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0)`,crisp:`6px 6px 0px rgb(0, 0, 0)`},fontWeight:{thin:`100`,extraLight:`200`,light:`300`,normal:`400`,medium:`500`,semibold:`600`,bold:`700`,extraBold:`800`,black:`900`},lineHeight:{tight:`1.3`,normal:`1.6`,loose:`1.8`},radius:{sm:`2px`,md:`4px`,lg:`8px`,xl:`12px`,full:`9999px`},transition:{fast:`150ms ease`,base:`250ms ease`},z:{100:`100`,200:`200`,500:`500`},layout:{contentSize:`768px`,wideSize:`1152px`,smallSize:`600px`,fullSize:`100vw`},viewport:{mobile:`600px`,tablet:`768px`},root:{paddingX:`var(--parlour--spacing-x-large)`,paddingY:`0`,paddingTop:`var(--parlour--root-padding-y)`,paddingRight:`var(--parlour--root-padding-x)`,paddingBottom:`var(--parlour--root-padding-y)`,paddingLeft:`var(--parlour--root-padding-x)`,blockGap:`0`}},t={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`}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/dist/components/_shared/propClasses-CLbmpfVJ.cjs

@@ -1 +0,0 @@
-const e=require("./parlour-tokens-BT0frVnY.cjs");var t={alignsmall:`alignsmall`,aligncontent:`aligncontent`,alignwide:`alignwide`,alignfull:`alignfull`},n={1:`one`,2:`two`,3:`three`,4:`four`,"1/3":`one-third`,"2/3":`two-thirds`};({...e.t.color});var r={none:`none`,...e.t.spacing},i={none:`none`,...e.t.radius},a={start:`start`,center:`center`,end:`end`,"space-between":`space-between`},o={start:`start`,center:`center`,end:`end`,stretch:`stretch`},s={light:`light`,medium:`medium`,dark:`dark`,white:`white`};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});