keystone-design-bootstrap 1.0.103 → 1.0.105-dev.0

package/dist/design_system/logo/keystone-logo.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+declare const KeystoneLogo: (props: HTMLAttributes<HTMLOrSVGElement>) => React.JSX.Element;
+
+export { KeystoneLogo };

package/dist/design_system/logo/keystone-logo.js

@@ -0,0 +1,145 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/utils/cx.ts
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      text: ["display-xs", "display-sm", "display-md", "display-lg", "display-xl", "display-2xl"]
+    }
+  }
+});
+var cx = twMerge;
+
+// src/design_system/logo/keystone-logo-minimal.tsx
+var KeystoneLogoMinimal = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadProps(__spreadValues({
+      viewBox: "0 0 36 41",
+      fill: "none",
+      "aria-hidden": "true"
+    }, props), {
+      className: cx("text-[#6ECC8B]", props.className)
+    }),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M36 13.6677L24.0031 20.4999L36 27.3321V40.9966L11.998 27.3288V13.671L36 0.0032959V13.6677Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M11.9971 27.3288V40.9958L0 34.1644V20.4973L11.9971 27.3288Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M11.9971 13.671L0.00476074 20.4999L0 20.4973V6.83551L11.9971 0.00402832V13.671Z",
+        fill: "currentColor"
+      }
+    )
+  );
+};
+
+// src/design_system/logo/keystone-wordmark.tsx
+var KeystoneWordmark = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadProps(__spreadValues({
+      viewBox: "0 0 104 20",
+      fill: "none",
+      "aria-hidden": "true"
+    }, props), {
+      className: cx("text-[#6ECC8B]", props.className)
+    }),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M3.14032 0L3.1612 8.23754H3.82871L9.47236 2.94575H13.0328V3.34299L6.45695 9.52024L13.2946 16.1684V16.5656H9.53903L3.8267 11.0811H3.15919V16.5584H0V0H3.14032Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M18.4299 2.62219C22.4643 2.62219 24.8242 5.10147 24.8242 9.20756V10.6049H14.6121C14.6635 12.8878 16.0848 14.486 18.4167 14.486C20.7485 14.486 21.6835 13.2718 21.8892 12.243H24.5535V12.6403C24.1957 14.422 22.5534 16.8876 18.4552 16.8876C14.357 16.8876 11.7031 14.4462 11.7031 9.7505C11.7031 5.05478 14.3675 2.62662 18.4295 2.62662L18.4299 2.62219ZM21.9647 8.28025C21.939 6.42119 20.7365 4.9932 18.3914 4.9932C16.0463 4.9932 14.8181 6.45903 14.6506 8.28025H21.9667H21.9647Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M27.5146 2.93809L31.2554 12.994H31.459L35.1865 2.93809H38.2369V3.33534L31.565 19.9996H28.5147V19.6024L29.7417 16.5942L24.3848 3.33292V2.93567H27.5142L27.5146 2.93809Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M44.1191 2.63538C47.759 2.63538 49.8832 4.19177 50.1017 6.73947V7.13671H47.3345C47.2445 5.53847 45.965 4.98667 44.1319 4.98667C42.2989 4.98667 41.3129 5.54088 41.3129 6.5982C41.3129 7.65551 42.1338 7.9956 43.3002 8.18115L45.8103 8.57839C48.4747 9.0022 50.2796 10.1214 50.2796 12.6027C50.2796 15.084 48.3591 16.8767 44.4898 16.8767C40.6205 16.8767 38.3782 15.082 38.1855 12.6667V12.2695H41.0045C41.133 13.8677 42.5692 14.5258 44.4898 14.5258C46.4104 14.5258 47.3859 13.8391 47.3859 12.7706C47.3859 11.702 46.5521 11.2782 45.1332 11.0552L42.623 10.658C40.1129 10.2607 38.4324 9.12818 38.4324 6.66219C38.4324 4.1962 40.4944 2.6378 44.1215 2.6378H44.1195L44.1191 2.63538Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M54.2257 2.93729V0H57.2632V2.93729H62.247V5.35257H57.2632V13.7724L57.4668 13.9821H62.1679V16.5673H57.8765C55.5828 16.5673 54.2237 15.353 54.2237 13.0327V5.35217H50.2773V2.93689L54.2257 2.93729Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M69.219 2.62219C73.3325 2.62219 76.2025 5.13004 76.2025 9.74608C76.2025 14.3621 73.3325 16.8832 69.219 16.8832C65.1056 16.8832 62.25 14.3754 62.25 9.74608C62.25 5.11676 65.1052 2.62219 69.219 2.62219ZM69.219 14.4442C71.6003 14.4442 73.1265 12.7687 73.1265 9.74648C73.1265 6.72426 71.6023 5.06202 69.219 5.06202C66.8358 5.06202 65.3241 6.73754 65.3241 9.74648C65.3241 12.7554 66.8482 14.4442 69.219 14.4442Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M80.2535 2.94007V4.45661H80.4568C81.3785 3.16304 82.8641 2.64868 84.6606 2.64868C87.7989 2.64868 89.7472 4.29763 89.7472 7.66236V16.5681H86.7097V7.93846C86.7097 6.03755 85.698 5.15451 83.8907 5.15451C81.9315 5.15451 80.3539 6.30238 80.3539 8.95392V16.566H77.3164V2.94007H80.2535Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M97.6065 2.62219C101.64 2.62219 104 5.10147 104 9.20756V10.6049H93.7886C93.838 12.8878 95.261 14.486 97.5933 14.486C99.9255 14.486 100.859 13.2718 101.065 12.243H103.729V12.6403C103.371 14.422 101.73 16.8876 97.6314 16.8876C93.5328 16.8876 90.8789 14.4462 90.8789 9.7505C90.8789 5.05478 93.5437 2.62662 97.6057 2.62662L97.6065 2.62219ZM101.141 8.28025C101.115 6.42119 99.9127 4.9932 97.568 4.9932C95.2233 4.9932 93.9943 6.45903 93.8272 8.28025H101.143H101.141Z",
+        fill: "currentColor"
+      }
+    )
+  );
+};
+
+// src/design_system/logo/keystone-logo.tsx
+var KeystoneLogo = (props) => {
+  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, props), { className: cx("flex h-8 w-max items-stretch justify-start overflow-visible", props.className) }), /* @__PURE__ */ React.createElement(KeystoneLogoMinimal, { className: "aspect-square h-full w-auto shrink-0" }), /* @__PURE__ */ React.createElement("div", { className: "aspect-[0.4] h-full" }), /* @__PURE__ */ React.createElement(KeystoneWordmark, { className: "h-full w-auto shrink-0" }));
+};
+export {
+  KeystoneLogo
+};
+//# sourceMappingURL=keystone-logo.js.map

package/dist/design_system/logo/keystone-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/cx.ts","../../../src/design_system/logo/keystone-logo-minimal.tsx","../../../src/design_system/logo/keystone-wordmark.tsx","../../../src/design_system/logo/keystone-logo.tsx"],"sourcesContent":["import { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n    extend: {\n        theme: {\n            text: [\"display-xs\", \"display-sm\", \"display-md\", \"display-lg\", \"display-xl\", \"display-2xl\"],\n        },\n    },\n});\n\n/**\n * This function is a wrapper around the twMerge function.\n * It is used to merge the classes inside style objects.\n */\nexport const cx = twMerge;\n\n/**\n * This function does nothing besides helping us to be able to\n * sort the classes inside style objects which is not supported\n * by the Tailwind IntelliSense by default.\n */\nexport function sortCx<T extends Record<string, string | number | Record<string, string | number | Record<string, string | number>>>>(classes: T): T {\n    return classes;\n}\n\n","\"use client\";\n\nimport type { SVGProps } from \"react\";\nimport { cx } from \"../../utils/cx\";\n\nexport const KEYSTONE_BRAND_COLOR = \"#6ECC8B\";\nexport const KEYSTONE_APP_URL = \"https://www.keystone.app\";\n\nexport const KeystoneLogoMinimal = (props: SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      viewBox=\"0 0 36 41\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      {...props}\n      className={cx(\"text-[#6ECC8B]\", props.className)}\n    >\n      <path\n        d=\"M36 13.6677L24.0031 20.4999L36 27.3321V40.9966L11.998 27.3288V13.671L36 0.0032959V13.6677Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M11.9971 27.3288V40.9958L0 34.1644V20.4973L11.9971 27.3288Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M11.9971 13.671L0.00476074 20.4999L0 20.4973V6.83551L11.9971 0.00402832V13.671Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n","\"use client\";\n\nimport type { SVGProps } from \"react\";\nimport { cx } from \"../../utils/cx\";\n\nexport const KeystoneWordmark = (props: SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      viewBox=\"0 0 104 20\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      {...props}\n      className={cx(\"text-[#6ECC8B]\", props.className)}\n    >\n      <path\n        d=\"M3.14032 0L3.1612 8.23754H3.82871L9.47236 2.94575H13.0328V3.34299L6.45695 9.52024L13.2946 16.1684V16.5656H9.53903L3.8267 11.0811H3.15919V16.5584H0V0H3.14032Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M18.4299 2.62219C22.4643 2.62219 24.8242 5.10147 24.8242 9.20756V10.6049H14.6121C14.6635 12.8878 16.0848 14.486 18.4167 14.486C20.7485 14.486 21.6835 13.2718 21.8892 12.243H24.5535V12.6403C24.1957 14.422 22.5534 16.8876 18.4552 16.8876C14.357 16.8876 11.7031 14.4462 11.7031 9.7505C11.7031 5.05478 14.3675 2.62662 18.4295 2.62662L18.4299 2.62219ZM21.9647 8.28025C21.939 6.42119 20.7365 4.9932 18.3914 4.9932C16.0463 4.9932 14.8181 6.45903 14.6506 8.28025H21.9667H21.9647Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M27.5146 2.93809L31.2554 12.994H31.459L35.1865 2.93809H38.2369V3.33534L31.565 19.9996H28.5147V19.6024L29.7417 16.5942L24.3848 3.33292V2.93567H27.5142L27.5146 2.93809Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M44.1191 2.63538C47.759 2.63538 49.8832 4.19177 50.1017 6.73947V7.13671H47.3345C47.2445 5.53847 45.965 4.98667 44.1319 4.98667C42.2989 4.98667 41.3129 5.54088 41.3129 6.5982C41.3129 7.65551 42.1338 7.9956 43.3002 8.18115L45.8103 8.57839C48.4747 9.0022 50.2796 10.1214 50.2796 12.6027C50.2796 15.084 48.3591 16.8767 44.4898 16.8767C40.6205 16.8767 38.3782 15.082 38.1855 12.6667V12.2695H41.0045C41.133 13.8677 42.5692 14.5258 44.4898 14.5258C46.4104 14.5258 47.3859 13.8391 47.3859 12.7706C47.3859 11.702 46.5521 11.2782 45.1332 11.0552L42.623 10.658C40.1129 10.2607 38.4324 9.12818 38.4324 6.66219C38.4324 4.1962 40.4944 2.6378 44.1215 2.6378H44.1195L44.1191 2.63538Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M54.2257 2.93729V0H57.2632V2.93729H62.247V5.35257H57.2632V13.7724L57.4668 13.9821H62.1679V16.5673H57.8765C55.5828 16.5673 54.2237 15.353 54.2237 13.0327V5.35217H50.2773V2.93689L54.2257 2.93729Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M69.219 2.62219C73.3325 2.62219 76.2025 5.13004 76.2025 9.74608C76.2025 14.3621 73.3325 16.8832 69.219 16.8832C65.1056 16.8832 62.25 14.3754 62.25 9.74608C62.25 5.11676 65.1052 2.62219 69.219 2.62219ZM69.219 14.4442C71.6003 14.4442 73.1265 12.7687 73.1265 9.74648C73.1265 6.72426 71.6023 5.06202 69.219 5.06202C66.8358 5.06202 65.3241 6.73754 65.3241 9.74648C65.3241 12.7554 66.8482 14.4442 69.219 14.4442Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M80.2535 2.94007V4.45661H80.4568C81.3785 3.16304 82.8641 2.64868 84.6606 2.64868C87.7989 2.64868 89.7472 4.29763 89.7472 7.66236V16.5681H86.7097V7.93846C86.7097 6.03755 85.698 5.15451 83.8907 5.15451C81.9315 5.15451 80.3539 6.30238 80.3539 8.95392V16.566H77.3164V2.94007H80.2535Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M97.6065 2.62219C101.64 2.62219 104 5.10147 104 9.20756V10.6049H93.7886C93.838 12.8878 95.261 14.486 97.5933 14.486C99.9255 14.486 100.859 13.2718 101.065 12.243H103.729V12.6403C103.371 14.422 101.73 16.8876 97.6314 16.8876C93.5328 16.8876 90.8789 14.4462 90.8789 9.7505C90.8789 5.05478 93.5437 2.62662 97.6057 2.62662L97.6065 2.62219ZM101.141 8.28025C101.115 6.42119 99.9127 4.9932 97.568 4.9932C95.2233 4.9932 93.9943 6.45903 93.8272 8.28025H101.143H101.141Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n","\"use client\";\n\nimport type { HTMLAttributes } from \"react\";\nimport { cx } from '../../utils/cx';\nimport { KeystoneLogoMinimal } from \"./keystone-logo-minimal\";\nimport { KeystoneWordmark } from \"./keystone-wordmark\";\n\nexport const KeystoneLogo = (props: HTMLAttributes<HTMLOrSVGElement>) => {\n    return (\n        <div {...props} className={cx(\"flex h-8 w-max items-stretch justify-start overflow-visible\", props.className)}>\n            <KeystoneLogoMinimal className=\"aspect-square h-full w-auto shrink-0\" />\n            <div className=\"aspect-[0.4] h-full\" />\n            <KeystoneWordmark className=\"h-full w-auto shrink-0\" />\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,2BAA2B;AAEpC,IAAM,UAAU,oBAAoB;AAAA,EAChC,QAAQ;AAAA,IACJ,OAAO;AAAA,MACH,MAAM,CAAC,cAAc,cAAc,cAAc,cAAc,cAAc,aAAa;AAAA,IAC9F;AAAA,EACJ;AACJ,CAAC;AAMM,IAAM,KAAK;;;ACNX,IAAM,sBAAsB,CAAC,UAAmC;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAY;AAAA,OACR,QAJL;AAAA,MAKC,WAAW,GAAG,kBAAkB,MAAM,SAAS;AAAA;AAAA,IAE/C;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,EACF;AAEJ;;;AC1BO,IAAM,mBAAmB,CAAC,UAAmC;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAY;AAAA,OACR,QAJL;AAAA,MAKC,WAAW,GAAG,kBAAkB,MAAM,SAAS;AAAA;AAAA,IAE/C;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,EACF;AAEJ;;;ACzCO,IAAM,eAAe,CAAC,UAA4C;AACrE,SACI,oCAAC,wCAAQ,QAAR,EAAe,WAAW,GAAG,+DAA+D,MAAM,SAAS,MACxG,oCAAC,uBAAoB,WAAU,wCAAuC,GACtE,oCAAC,SAAI,WAAU,uBAAsB,GACrC,oCAAC,oBAAiB,WAAU,0BAAyB,CACzD;AAER;","names":[]}

package/dist/design_system/sections/index.d.ts

@@ -0,0 +1,233 @@
+import { S as Service, P as Package, C as CompanyInformation } from '../../package-DeHKpQp7.js';
+import * as React from 'react';
+import React__default, { ComponentProps, ReactNode, FC } from 'react';
+export { Theme } from '../../themes/index.js';
+import { B as BlogPost, a as BlogPostAuthor, d as BlogPostTag } from '../../blog-post-vWzW8yFb.js';
+import { BadgeGroup } from '../elements/index.js';
+import { F as FormDefinition } from '../../form-C94A_PX_.js';
+import { W as WebsitePhotos } from '../../website-photos-Cl1YqAno.js';
+import '../../photos-CmBdWiuZ.js';
+import 'react-aria-components';
+import 'embla-carousel-react';
+
+interface PolicyDocumentSectionProps {
+    /** Page title (e.g. "Terms of Service" or "Privacy Policy") */
+    title: string;
+    /** Optional effective date string (e.g. "January 1, 2025") */
+    effectiveDate?: string;
+    /** Full markdown content for the policy (supports placeholders replaced before passing in) */
+    content: string;
+    /** Optional additional class name for the container */
+    className?: string;
+}
+
+interface ServiceDetailContentProps {
+    service?: Service | null;
+    /** Label above the title (e.g. "Why Balance Aesthetics") */
+    sectionLabel?: string;
+    /** CTA button text */
+    ctaText?: string;
+    /** CTA button href */
+    ctaHref?: string;
+    /** Fallback summary when service.summary is empty */
+    defaultSummary?: string;
+}
+
+declare const getBlogPostData: (article: BlogPost) => {
+    author: BlogPostAuthor | null;
+    authorName: string;
+    authorHref: string;
+    authorAvatarUrl: string | null;
+    tag: BlogPostTag | null;
+    tagName: string;
+    tagHref: string;
+    href: string;
+    title: string;
+    publishedAt: string;
+    summary: string;
+};
+declare const BlogCardVertical: ({ article, imageClassName }: {
+    article: BlogPost;
+    imageClassName?: string;
+}) => React.JSX.Element;
+declare const BlogCardVerticalBadge: ({ article, badgeTheme, imageClassName, }: {
+    article: BlogPost;
+    badgeTheme?: ComponentProps<typeof BadgeGroup>["theme"];
+    imageClassName?: string;
+}) => React.JSX.Element;
+declare const BlogCardVerticalCompact: ({ article, imageClassName, titleClassName, className, }: {
+    article: BlogPost;
+    imageClassName?: string;
+    titleClassName?: string;
+    className?: string;
+}) => React.JSX.Element;
+declare const BlogCardVerticalMinimal: ({ article, imageClassName, className }: {
+    article: BlogPost;
+    imageClassName?: string;
+    className?: string;
+}) => React.JSX.Element;
+declare const BlogCardHorizontal: ({ article, imageClassName }: {
+    article: BlogPost;
+    imageClassName?: string;
+}) => React.JSX.Element;
+declare const BlogCardHorizontalBadge: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardHorizontalCompact: ({ article, imageClassName }: {
+    article: BlogPost;
+    imageClassName?: string;
+}) => React.JSX.Element;
+declare const BlogCardHorizontalMinimal: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthVertical: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthVerticalAlt: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthVerticalCompact: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthVerticalMinimal: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthHorizontal: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthHorizontalAlt: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthHorizontalCompact: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthHorizontalMinimal: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+
+interface FeatureTabProps {
+    title: string;
+    subtitle: string;
+    footer?: ReactNode;
+    isCurrent?: boolean;
+}
+declare const FeatureTabVertical: ({ title, subtitle, footer, isCurrent }: FeatureTabProps) => React.JSX.Element;
+declare const FeatureTabHorizontal: ({ title, subtitle, footer, isCurrent }: FeatureTabProps) => React.JSX.Element;
+
+interface TextCentered {
+    title: string;
+    subtitle: string;
+    footer?: ReactNode;
+}
+declare const FeatureTextCentered: ({ title, subtitle, footer }: TextCentered) => React.JSX.Element;
+declare const FeatureTextLeft: ({ title, subtitle, footer }: TextCentered) => React.JSX.Element;
+interface FeatureTextIcon extends TextCentered {
+    icon: FC<{
+        className?: string;
+    }>;
+}
+declare const FeatureTextIconTopCentered: ({ icon: Icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextIconTopLeft: ({ icon: Icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextIconLeft: ({ icon: Icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconTopCentered: ({ color, theme, icon, title, subtitle, footer, }: FeatureTextIcon & {
+    color?: "brand" | "gray" | "success" | "warning" | "error";
+    theme?: "light" | "gradient" | "dark" | "outline" | "modern";
+}) => React.JSX.Element;
+declare const FeatureTextFeaturedIconTopLeft: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconLeft: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconBox: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+interface FeatureTextIntegrationIcon extends TextCentered {
+    imgUrl: string;
+}
+declare const FeatureTextIntegrationIconTopCentered: ({ imgUrl, title, subtitle, footer }: FeatureTextIntegrationIcon) => React.JSX.Element;
+declare const FeatureTextIntegrationIconTopLeft: ({ imgUrl, title, subtitle, footer }: FeatureTextIntegrationIcon) => React.JSX.Element;
+declare const FeatureTextIntegrationIconLeft: ({ imgUrl, title, subtitle, footer }: FeatureTextIntegrationIcon) => React.JSX.Element;
+declare const FeatureTextIntegrationIconBox: ({ imgUrl, title, subtitle, footer }: FeatureTextIntegrationIcon) => React.JSX.Element;
+declare const FeatureTextIconCard: ({ icon: Icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconCard: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextLeftBrand: ({ title, subtitle, footer }: TextCentered) => React.JSX.Element;
+declare const FeatureTextFeaturedIconTopCenteredBrand: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconTopLeftBrand: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+
+interface JobApplicationFormProps {
+    jobSlug: string;
+    /** Form fields are rendered from this definition (required). */
+    formDefinition: FormDefinition | null | undefined;
+    inline?: boolean;
+}
+declare const JobApplicationForm: ({ jobSlug, formDefinition, inline }: JobApplicationFormProps) => React__default.JSX.Element | null;
+
+interface EmailSignupSectionProps {
+    title?: string;
+    subtitle?: string;
+    buttonText?: string;
+    successMessage?: string;
+    /** Override the form definition (falls back to context). */
+    formDefinition?: FormDefinition | null;
+}
+declare const EmailSignupSection: ({ title, subtitle, buttonText, successMessage, formDefinition, }: EmailSignupSectionProps) => React__default.JSX.Element | null;
+
+/** Package with category names and first-service description fallback (derived from services). */
+interface PackageForMenu extends Package {
+    category_names?: string[];
+    first_service_description_markdown?: string | null;
+}
+interface ServiceMenuSectionProps {
+    title?: string;
+    subtitle?: string;
+    packages?: Package[] | null;
+    /** Services (used to derive service items for the third row). */
+    services?: Service[] | null;
+    websitePhotos?: WebsitePhotos | null;
+    companyInformation?: CompanyInformation | null;
+    viewAllHref?: string;
+    /** Label for the View All button (e.g. "View All"). */
+    viewAllText?: string;
+    /** Customer-friendly label for the third row (individual service items). Default "Treatments". */
+    servicesRowTitle?: string;
+    /** 'section' = compact header + carousel (e.g. home). 'page' = hero + grid (e.g. /service-menu). */
+    variant?: 'section' | 'page';
+}
+/**
+ * Service Menu: packages and treatments (service items). Specials appear as card badges and in modals.
+ */
+declare function ServiceMenuSection({ title, subtitle, packages, services, websitePhotos, companyInformation, viewAllHref, viewAllText, servicesRowTitle, variant, }: ServiceMenuSectionProps): React__default.JSX.Element | null;
+
+declare const HeroHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ServicesHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const AboutHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const TestimonialsHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const TestimonialsGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const FAQHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const BlogSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ContactSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const FooterHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const HeaderNavigation: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const GenericHeaderComponent: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const StatisticsSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ValuesSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const TeamGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const LocationGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const LocationDetailsSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ServicesGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const SocialMediaGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const JobGallery: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const BlogHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const BlogGallery: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const BlogPostSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ContactHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const FAQGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const FAQHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+
+declare const GenericTextHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const LocationDetailHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ServiceDetailHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ServiceDetailContent: ({ service, sectionLabel, ctaText, ctaHref, defaultSummary, }: ServiceDetailContentProps) => React__default.JSX.Element | null;
+declare const JobDetailHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const JobDetailSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const PolicyDocumentSection: ({ title, effectiveDate, content, className, }: PolicyDocumentSectionProps) => React__default.JSX.Element;
+declare const SocialMediaHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const TestimonialsHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const HomeHeroComponent: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+
+export { AboutHome, BlogCardFullWidthHorizontal, BlogCardFullWidthHorizontalAlt, BlogCardFullWidthHorizontalCompact, BlogCardFullWidthHorizontalMinimal, BlogCardFullWidthVertical, BlogCardFullWidthVerticalAlt, BlogCardFullWidthVerticalCompact, BlogCardFullWidthVerticalMinimal, BlogCardHorizontal, BlogCardHorizontalBadge, BlogCardHorizontalCompact, BlogCardHorizontalMinimal, BlogCardVertical, BlogCardVerticalBadge, BlogCardVerticalCompact, BlogCardVerticalMinimal, BlogGallery, BlogHome, BlogPostSection, BlogSection, ContactHome, ContactSection, EmailSignupSection, type EmailSignupSectionProps, FAQGrid, FAQHero, FAQHome, FeatureTabHorizontal, FeatureTabVertical, FeatureTextCentered, FeatureTextFeaturedIconBox, FeatureTextFeaturedIconCard, FeatureTextFeaturedIconLeft, FeatureTextFeaturedIconTopCentered, FeatureTextFeaturedIconTopCenteredBrand, FeatureTextFeaturedIconTopLeft, FeatureTextFeaturedIconTopLeftBrand, FeatureTextIconCard, FeatureTextIconLeft, FeatureTextIconTopCentered, FeatureTextIconTopLeft, FeatureTextIntegrationIconBox, FeatureTextIntegrationIconLeft, FeatureTextIntegrationIconTopCentered, FeatureTextIntegrationIconTopLeft, FeatureTextLeft, FeatureTextLeftBrand, FooterHome, GenericHeaderComponent, GenericTextHero, HeaderNavigation, HeroHome, HomeHeroComponent, JobApplicationForm, JobDetailHero, JobDetailSection, JobGallery, LocationDetailHero, LocationDetailsSection, LocationGrid, type PackageForMenu, PolicyDocumentSection, ServiceDetailContent, ServiceDetailHero, ServiceMenuSection, type ServiceMenuSectionProps, ServicesGrid, ServicesHome, SocialMediaGrid, SocialMediaHero, StatisticsSection, TeamGrid, TestimonialsGrid, TestimonialsHero, TestimonialsHome, ValuesSection, getBlogPostData };