@troychaplin/parlour-ui 0.1.0

package/dist/components/FlexGroup/styles.scss

@@ -0,0 +1,197 @@
+.parlour-flex-group {
+  display: flex;
+  margin-left: auto;
+  margin-right: auto;
+}
+.parlour-flex-group--row {
+  flex-direction: row;
+}
+.parlour-flex-group--column {
+  flex-direction: column;
+}
+.parlour-flex-group--wrap {
+  flex-wrap: wrap;
+}
+.parlour-flex-group--nowrap {
+  flex-wrap: nowrap;
+}
+.parlour-flex-group--justify-start {
+  justify-content: flex-start;
+}
+.parlour-flex-group--justify-center {
+  justify-content: center;
+}
+.parlour-flex-group--justify-end {
+  justify-content: flex-end;
+}
+.parlour-flex-group--justify-space-between {
+  justify-content: space-between;
+}
+.parlour-flex-group--align-start {
+  align-items: flex-start;
+}
+.parlour-flex-group--align-center {
+  align-items: center;
+}
+.parlour-flex-group--align-end {
+  align-items: flex-end;
+}
+.parlour-flex-group--align-stretch {
+  align-items: stretch;
+}
+
+.parlour-flex-group--gap-none {
+  gap: 0;
+}
+
+.parlour-flex-group--padding-none {
+  padding: 0;
+}
+
+.parlour-flex-group.parlour-flex-group--margin-none {
+  margin-block: 0;
+}
+
+.parlour-flex-group--gap--3-x-small {
+  gap: var(--parlour--spacing--3-x-small);
+}
+
+.parlour-flex-group--padding--3-x-small {
+  padding: var(--parlour--spacing--3-x-small);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--3-x-small {
+  margin-block: var(--parlour--spacing--3-x-small);
+}
+
+.parlour-flex-group--gap--2-x-small {
+  gap: var(--parlour--spacing--2-x-small);
+}
+
+.parlour-flex-group--padding--2-x-small {
+  padding: var(--parlour--spacing--2-x-small);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--2-x-small {
+  margin-block: var(--parlour--spacing--2-x-small);
+}
+
+.parlour-flex-group--gap--x-small {
+  gap: var(--parlour--spacing--x-small);
+}
+
+.parlour-flex-group--padding--x-small {
+  padding: var(--parlour--spacing--x-small);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--x-small {
+  margin-block: var(--parlour--spacing--x-small);
+}
+
+.parlour-flex-group--gap--small {
+  gap: var(--parlour--spacing--small);
+}
+
+.parlour-flex-group--padding--small {
+  padding: var(--parlour--spacing--small);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--small {
+  margin-block: var(--parlour--spacing--small);
+}
+
+.parlour-flex-group--gap--normal {
+  gap: var(--parlour--spacing--normal);
+}
+
+.parlour-flex-group--padding--normal {
+  padding: var(--parlour--spacing--normal);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--normal {
+  margin-block: var(--parlour--spacing--normal);
+}
+
+.parlour-flex-group--gap--medium {
+  gap: var(--parlour--spacing--medium);
+}
+
+.parlour-flex-group--padding--medium {
+  padding: var(--parlour--spacing--medium);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--medium {
+  margin-block: var(--parlour--spacing--medium);
+}
+
+.parlour-flex-group--gap--large {
+  gap: var(--parlour--spacing--large);
+}
+
+.parlour-flex-group--padding--large {
+  padding: var(--parlour--spacing--large);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--large {
+  margin-block: var(--parlour--spacing--large);
+}
+
+.parlour-flex-group--gap--x-large {
+  gap: var(--parlour--spacing--x-large);
+}
+
+.parlour-flex-group--padding--x-large {
+  padding: var(--parlour--spacing--x-large);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--x-large {
+  margin-block: var(--parlour--spacing--x-large);
+}
+
+.parlour-flex-group--gap--2-x-large {
+  gap: var(--parlour--spacing--2-x-large);
+}
+
+.parlour-flex-group--padding--2-x-large {
+  padding: var(--parlour--spacing--2-x-large);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--2-x-large {
+  margin-block: var(--parlour--spacing--2-x-large);
+}
+
+.parlour-flex-group--gap--3-x-large {
+  gap: var(--parlour--spacing--3-x-large);
+}
+
+.parlour-flex-group--padding--3-x-large {
+  padding: var(--parlour--spacing--3-x-large);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--3-x-large {
+  margin-block: var(--parlour--spacing--3-x-large);
+}
+
+.parlour-flex-group--gap--4-x-large {
+  gap: var(--parlour--spacing--4-x-large);
+}
+
+.parlour-flex-group--padding--4-x-large {
+  padding: var(--parlour--spacing--4-x-large);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--4-x-large {
+  margin-block: var(--parlour--spacing--4-x-large);
+}
+
+.parlour-flex-group--gap--5-x-large {
+  gap: var(--parlour--spacing--5-x-large);
+}
+
+.parlour-flex-group--padding--5-x-large {
+  padding: var(--parlour--spacing--5-x-large);
+}
+
+.parlour-flex-group.parlour-flex-group--margin--5-x-large {
+  margin-block: var(--parlour--spacing--5-x-large);
+}

package/dist/components/GridGroup/GridGroup.d.ts

@@ -0,0 +1,16 @@
+import { flexAlignClasses, maxWidthClasses, spacingClasses } from '../../utils/propClasses';
+type alignKeys = keyof typeof flexAlignClasses;
+type spacingKeys = keyof typeof spacingClasses;
+type maxWidthKeys = keyof typeof maxWidthClasses;
+export interface GridGroupProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    as?: 'div' | 'section' | 'ul' | 'ol';
+    columns?: 1 | 2 | 3;
+    gap?: spacingKeys;
+    rowGap?: spacingKeys;
+    align?: alignKeys;
+    maxWidth?: maxWidthKeys;
+}
+export declare const GridGroup: ({ children, as, columns, gap, rowGap, align, maxWidth, className, ...rest }: GridGroupProps) => import('react').JSX.Element;
+export {};
+//# sourceMappingURL=GridGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridGroup.d.ts","sourceRoot":"","sources":["../../../src/components/GridGroup/GridGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC5F,OAAO,eAAe,CAAC;AAEvB,KAAK,SAAS,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAC/C,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAC/C,KAAK,YAAY,GAAG,MAAM,OAAO,eAAe,CAAC;AAEjD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,GAAI,6EAUvB,cAAc,gCAuBhB,CAAC"}

package/dist/components/GridGroup/index.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,46 @@
+import * as react from 'react';
+
+declare const maxWidthClasses: {
+    alignsmall: string;
+    aligncontent: string;
+    alignwide: string;
+    alignfull: string;
+};
+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 flexAlignClasses: {
+    start: string;
+    center: string;
+    end: string;
+    stretch: string;
+};
+
+type alignKeys = keyof typeof flexAlignClasses;
+type spacingKeys = keyof typeof spacingClasses;
+type maxWidthKeys = keyof typeof maxWidthClasses;
+interface GridGroupProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    as?: 'div' | 'section' | 'ul' | 'ol';
+    columns?: 1 | 2 | 3;
+    gap?: spacingKeys;
+    rowGap?: spacingKeys;
+    align?: alignKeys;
+    maxWidth?: maxWidthKeys;
+}
+declare const GridGroup: ({ children, as, columns, gap, rowGap, align, maxWidth, className, ...rest }: GridGroupProps) => react.JSX.Element;
+
+export { GridGroup };
+export type { GridGroupProps };

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

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

package/dist/components/GridGroup/index.mjs

@@ -0,0 +1,22 @@
+import { o as e, r as t, s as n } from "../_shared/propClasses-R9s_eOfA.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 }) => {
+	let p = a, m = [
+		"parlour-layout parlour-grid-group",
+		`parlour-grid-group--columns-${o}`,
+		`parlour-grid-group--gap-${n[s]}`,
+		c && `parlour-grid-group--row-gap-${n[c]}`,
+		l && `parlour-grid-group--align-${t[l]}`,
+		u && e[u],
+		d
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ r(p, {
+		className: m,
+		role: a === "ul" || a === "ol" ? "list" : void 0,
+		...f,
+		children: i
+	});
+};
+//#endregion
+export { i as GridGroup };

package/dist/components/GridGroup/styles.css

@@ -0,0 +1,144 @@
+.parlour-grid-group {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+ul.parlour-grid-group,
+ol.parlour-grid-group {
+  list-style: none;
+  padding-left: 0;
+}
+
+@media (width > 600px) {
+  .parlour-grid-group--columns-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (width > 768px) {
+  .parlour-grid-group--columns-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+.parlour-grid-group--align-start {
+  align-items: start;
+}
+
+.parlour-grid-group--align-center {
+  align-items: center;
+}
+
+.parlour-grid-group--align-end {
+  align-items: end;
+}
+
+.parlour-grid-group--align-stretch {
+  align-items: stretch;
+}
+
+.parlour-grid-group--gap-none {
+  gap: 0;
+}
+
+.parlour-grid-group--gap-3-x-small {
+  gap: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-grid-group--gap-2-x-small {
+  gap: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-grid-group--gap-x-small {
+  gap: var(--parlour--spacing-x-small);
+}
+
+.parlour-grid-group--gap-small {
+  gap: var(--parlour--spacing-small);
+}
+
+.parlour-grid-group--gap-normal {
+  gap: var(--parlour--spacing-normal);
+}
+
+.parlour-grid-group--gap-medium {
+  gap: var(--parlour--spacing-medium);
+}
+
+.parlour-grid-group--gap-large {
+  gap: var(--parlour--spacing-large);
+}
+
+.parlour-grid-group--gap-x-large {
+  gap: var(--parlour--spacing-x-large);
+}
+
+.parlour-grid-group--gap-2-x-large {
+  gap: var(--parlour--spacing-2-x-large);
+}
+
+.parlour-grid-group--gap-3-x-large {
+  gap: var(--parlour--spacing-3-x-large);
+}
+
+.parlour-grid-group--gap-4-x-large {
+  gap: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-grid-group--gap-5-x-large {
+  gap: var(--parlour--spacing-5-x-large);
+}
+
+.parlour-grid-group--row-gap-none {
+  row-gap: 0;
+}
+
+.parlour-grid-group--row-gap-3-x-small {
+  row-gap: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-grid-group--row-gap-2-x-small {
+  row-gap: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-grid-group--row-gap-x-small {
+  row-gap: var(--parlour--spacing-x-small);
+}
+
+.parlour-grid-group--row-gap-small {
+  row-gap: var(--parlour--spacing-small);
+}
+
+.parlour-grid-group--row-gap-normal {
+  row-gap: var(--parlour--spacing-normal);
+}
+
+.parlour-grid-group--row-gap-medium {
+  row-gap: var(--parlour--spacing-medium);
+}
+
+.parlour-grid-group--row-gap-large {
+  row-gap: var(--parlour--spacing-large);
+}
+
+.parlour-grid-group--row-gap-x-large {
+  row-gap: var(--parlour--spacing-x-large);
+}
+
+.parlour-grid-group--row-gap-2-x-large {
+  row-gap: var(--parlour--spacing-2-x-large);
+}
+
+.parlour-grid-group--row-gap-3-x-large {
+  row-gap: var(--parlour--spacing-3-x-large);
+}
+
+.parlour-grid-group--row-gap-4-x-large {
+  row-gap: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-grid-group--row-gap-5-x-large {
+  row-gap: var(--parlour--spacing-5-x-large);
+}

package/dist/components/GridGroup/styles.scss

@@ -0,0 +1,144 @@
+.parlour-grid-group {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+ul.parlour-grid-group,
+ol.parlour-grid-group {
+  list-style: none;
+  padding-left: 0;
+}
+
+@media (width > 600px) {
+  .parlour-grid-group--columns-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (width > 768px) {
+  .parlour-grid-group--columns-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+.parlour-grid-group--align-start {
+  align-items: start;
+}
+
+.parlour-grid-group--align-center {
+  align-items: center;
+}
+
+.parlour-grid-group--align-end {
+  align-items: end;
+}
+
+.parlour-grid-group--align-stretch {
+  align-items: stretch;
+}
+
+.parlour-grid-group--gap-none {
+  gap: 0;
+}
+
+.parlour-grid-group--gap-3-x-small {
+  gap: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-grid-group--gap-2-x-small {
+  gap: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-grid-group--gap-x-small {
+  gap: var(--parlour--spacing-x-small);
+}
+
+.parlour-grid-group--gap-small {
+  gap: var(--parlour--spacing-small);
+}
+
+.parlour-grid-group--gap-normal {
+  gap: var(--parlour--spacing-normal);
+}
+
+.parlour-grid-group--gap-medium {
+  gap: var(--parlour--spacing-medium);
+}
+
+.parlour-grid-group--gap-large {
+  gap: var(--parlour--spacing-large);
+}
+
+.parlour-grid-group--gap-x-large {
+  gap: var(--parlour--spacing-x-large);
+}
+
+.parlour-grid-group--gap-2-x-large {
+  gap: var(--parlour--spacing-2-x-large);
+}
+
+.parlour-grid-group--gap-3-x-large {
+  gap: var(--parlour--spacing-3-x-large);
+}
+
+.parlour-grid-group--gap-4-x-large {
+  gap: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-grid-group--gap-5-x-large {
+  gap: var(--parlour--spacing-5-x-large);
+}
+
+.parlour-grid-group--row-gap-none {
+  row-gap: 0;
+}
+
+.parlour-grid-group--row-gap-3-x-small {
+  row-gap: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-grid-group--row-gap-2-x-small {
+  row-gap: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-grid-group--row-gap-x-small {
+  row-gap: var(--parlour--spacing-x-small);
+}
+
+.parlour-grid-group--row-gap-small {
+  row-gap: var(--parlour--spacing-small);
+}
+
+.parlour-grid-group--row-gap-normal {
+  row-gap: var(--parlour--spacing-normal);
+}
+
+.parlour-grid-group--row-gap-medium {
+  row-gap: var(--parlour--spacing-medium);
+}
+
+.parlour-grid-group--row-gap-large {
+  row-gap: var(--parlour--spacing-large);
+}
+
+.parlour-grid-group--row-gap-x-large {
+  row-gap: var(--parlour--spacing-x-large);
+}
+
+.parlour-grid-group--row-gap-2-x-large {
+  row-gap: var(--parlour--spacing-2-x-large);
+}
+
+.parlour-grid-group--row-gap-3-x-large {
+  row-gap: var(--parlour--spacing-3-x-large);
+}
+
+.parlour-grid-group--row-gap-4-x-large {
+  row-gap: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-grid-group--row-gap-5-x-large {
+  row-gap: var(--parlour--spacing-5-x-large);
+}

package/dist/components/Hero/Hero.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface HeroProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const Hero: ({ className, children }: HeroProps) => React.JSX.Element;
+//# sourceMappingURL=Hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../src/components/Hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,SAAS;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,GAAI,yBAA8B,SAAS,sBAe3D,CAAC"}

package/dist/components/Hero/index.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface HeroProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const Hero: ({ className, children }: HeroProps) => React.JSX.Element;
+
+export { Hero };

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

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

package/dist/components/Hero/index.mjs

@@ -0,0 +1,23 @@
+import { t as e } from "../_shared/Container-OGjfScEb.mjs";
+import { t } from "../_shared/FlexGroup-CnOrx2MF.mjs";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Hero/Hero.tsx
+var r = ({ className: r = "", children: i }) => {
+	let a = ["parlour-hero", r].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n(e, {
+		as: "section",
+		className: a,
+		maxWidth: "alignfull",
+		contentWidth: "alignwide",
+		children: /* @__PURE__ */ n(t, {
+			gap: "normal",
+			maxWidth: "alignwide",
+			justify: "space-between",
+			align: "center",
+			children: i
+		})
+	});
+};
+//#endregion
+export { r as Hero };

package/dist/components/Hero/styles.css

@@ -0,0 +1,27 @@
+.parlour-hero {
+  padding-bottom: var(--parlour--spacing-small);
+}
+.parlour-hero .parlour-flex-group {
+  gap: var(--parlour--spacing-3-x-large);
+}
+
+.parlour-hero__content {
+  flex: 1;
+}
+
+.parlour-hero__code {
+  min-width: 0;
+}
+@media (width <= 768px) {
+  .parlour-hero__code {
+    display: none;
+  }
+}
+@media (width > 768px) {
+  .parlour-hero__code {
+    flex: 0 0 40%;
+  }
+}
+.parlour-hero__code > * {
+  margin-block: 0;
+}

package/dist/components/Hero/styles.scss

@@ -0,0 +1,27 @@
+.parlour-hero {
+  padding-bottom: var(--parlour--spacing-small);
+}
+.parlour-hero .parlour-flex-group {
+  gap: var(--parlour--spacing-3-x-large);
+}
+
+.parlour-hero__content {
+  flex: 1;
+}
+
+.parlour-hero__code {
+  min-width: 0;
+}
+@media (width <= 768px) {
+  .parlour-hero__code {
+    display: none;
+  }
+}
+@media (width > 768px) {
+  .parlour-hero__code {
+    flex: 0 0 40%;
+  }
+}
+.parlour-hero__code > * {
+  margin-block: 0;
+}

package/dist/components/HeroHeader/HeroHeader.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface HeroHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'prefix'> {
+    className?: string;
+    prefix?: string;
+    title?: string;
+    titleAccent?: string;
+    level?: 1 | 2 | 3;
+    children?: React.ReactNode;
+}
+export declare const HeroHeader: ({ className, prefix, title, titleAccent, level, children, ...rest }: HeroHeaderProps) => React.JSX.Element;
+//# sourceMappingURL=HeroHeader.d.ts.map