@frontlit/page-builder 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dist/server/islands/header-github-stars.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+/**
+ * Star count for the header's GitHub link. Fetched in the browser, like
+ * CourseLit, because unauthenticated GitHub API calls are limited per IP.
+ * Renders nothing until loaded, on error, or for 0 stars.
+ */
+declare function GithubStars({ repo }: {
+    repo: string;
+}): React.JSX.Element;
+
+export { GithubStars };

package/dist/server/islands/header-github-stars.js

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+
+// src/blocks/header/github-stars.tsx
+import { useEffect, useState } from "react";
+
+// src/blocks/header/github.ts
+function formatStars(count) {
+  return new Intl.NumberFormat("en", {
+    notation: "compact",
+    maximumFractionDigits: 1
+  }).format(count).toLowerCase();
+}
+
+// src/blocks/header/github-stars.tsx
+import { jsx } from "react/jsx-runtime";
+function GithubStars({ repo }) {
+  const [stars, setStars] = useState();
+  useEffect(() => {
+    const controller = new AbortController();
+    fetch(`https://api.github.com/repos/${repo}`, { signal: controller.signal }).then((response) => response.ok ? response.json() : void 0).then((data) => setStars(data?.stargazers_count)).catch(() => {
+    });
+    return () => controller.abort();
+  }, [repo]);
+  if (!stars) return null;
+  return /* @__PURE__ */ jsx("span", { children: formatStars(stars) });
+}
+export {
+  GithubStars
+};
+//# sourceMappingURL=header-github-stars.js.map

package/dist/server/islands/header-github-stars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/header/github-stars.tsx","../../../src/blocks/header/github.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { formatStars } from \"./github\";\n\n/**\n * Star count for the header's GitHub link. Fetched in the browser, like\n * CourseLit, because unauthenticated GitHub API calls are limited per IP.\n * Renders nothing until loaded, on error, or for 0 stars.\n */\nexport function GithubStars({ repo }: { repo: string }) {\n  const [stars, setStars] = useState<number>();\n\n  useEffect(() => {\n    const controller = new AbortController();\n    fetch(`https://api.github.com/repos/${repo}`, { signal: controller.signal })\n      .then((response) => (response.ok ? response.json() : undefined))\n      .then((data) => setStars(data?.stargazers_count))\n      .catch(() => {});\n    return () => controller.abort();\n  }, [repo]);\n\n  if (!stars) return null;\n  return <span>{formatStars(stars)}</span>;\n}\n","/** `owner/repo` from `owner/repo` or a `https://github.com/owner/repo` URL. */\nexport function parseGithubRepo(value?: string): string | undefined {\n  const match = value\n    ?.trim()\n    .match(/^(?:https?:\\/\\/(?:www\\.)?github\\.com\\/)?([\\w.-]+\\/[\\w.-]+?)(?:\\.git)?\\/?$/);\n  return match?.[1];\n}\n\n/** 1234 → \"1.2k\", like GitHub's own star count. */\nexport function formatStars(count: number): string {\n  return new Intl.NumberFormat(\"en\", {\n    notation: \"compact\",\n    maximumFractionDigits: 1,\n  })\n    .format(count)\n    .toLowerCase();\n}\n"],"mappings":";;;;AAEA,SAAS,WAAW,gBAAgB;;;ACO7B,SAAS,YAAY,OAAuB;AACjD,SAAO,IAAI,KAAK,aAAa,MAAM;AAAA,IACjC,UAAU;AAAA,IACV,uBAAuB;AAAA,EACzB,CAAC,EACE,OAAO,KAAK,EACZ,YAAY;AACjB;;;ADOS;AAbF,SAAS,YAAY,EAAE,KAAK,GAAqB;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB;AAE3C,YAAU,MAAM;AACd,UAAM,aAAa,IAAI,gBAAgB;AACvC,UAAM,gCAAgC,IAAI,IAAI,EAAE,QAAQ,WAAW,OAAO,CAAC,EACxE,KAAK,CAAC,aAAc,SAAS,KAAK,SAAS,KAAK,IAAI,MAAU,EAC9D,KAAK,CAAC,SAAS,SAAS,MAAM,gBAAgB,CAAC,EAC/C,MAAM,MAAM;AAAA,IAAC,CAAC;AACjB,WAAO,MAAM,WAAW,MAAM;AAAA,EAChC,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,oBAAC,UAAM,sBAAY,KAAK,GAAE;AACnC;","names":[]}

package/dist/server/islands/pricing-period-switch.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { T as ThemeStyle } from '../theme-style-5_AGy-4V.js';
+
+type PricingPeriod = "monthly" | "yearly";
+
+/**
+ * Monthly/Yearly switch for the pricing block. The plans are rendered on the
+ * server with both prices; this only flips `data-period` on the wrapper and
+ * CSS shows the matching one, so prices are in the HTML before hydration.
+ */
+declare function PricingPeriodSwitch({ defaultPeriod, monthlyCaption, yearlyCaption, theme, children, }: {
+    defaultPeriod: PricingPeriod;
+    monthlyCaption: string;
+    yearlyCaption: string;
+    theme: ThemeStyle;
+    children: ReactNode;
+}): React.JSX.Element;
+
+export { PricingPeriodSwitch };

package/dist/server/islands/pricing-period-switch.js

@@ -0,0 +1,151 @@
+"use client";
+"use client";
+
+// src/blocks/pricing/period-switch.tsx
+import { useId, useState } from "react";
+
+// src/primitives/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/primitives/label.tsx
+import React2 from "react";
+
+// src/primitives/components/ui/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/primitives/label.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Label2 = React2.forwardRef(
+  ({ className = "", theme, error = false, ...props }, ref) => {
+    const typographyStyles = theme?.typography?.text2;
+    const classes = cn(
+      // Theme typography
+      typographyStyles?.fontFamily,
+      typographyStyles?.fontSize,
+      typographyStyles?.fontWeight,
+      typographyStyles?.lineHeight,
+      typographyStyles?.letterSpacing,
+      typographyStyles?.textTransform,
+      typographyStyles?.textDecoration,
+      typographyStyles?.textOverflow,
+      // Error state
+      error && "text-red-500",
+      className
+    );
+    return /* @__PURE__ */ jsx2(Label, { ref, className: classes, ...props });
+  }
+);
+Label2.displayName = "Label";
+
+// src/primitives/switch.tsx
+import React4 from "react";
+
+// src/primitives/components/ui/switch.tsx
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React3 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Switch = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx3(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+// src/primitives/switch.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Switch2 = React4.forwardRef(({ className = "", theme, ...props }, ref) => {
+  const classes = cn(
+    // Base styles
+    "",
+    // User overrides
+    className
+  );
+  return /* @__PURE__ */ jsx4(Switch, { ref, className: classes, ...props });
+});
+
+// src/blocks/pricing/period-switch.tsx
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+function PricingPeriodSwitch({
+  defaultPeriod,
+  monthlyCaption,
+  yearlyCaption,
+  theme,
+  children
+}) {
+  const [period, setPeriod] = useState(defaultPeriod);
+  const id = useId();
+  const monthlyId = `${id}-monthly`;
+  const yearlyId = `${id}-yearly`;
+  return /* @__PURE__ */ jsxs("div", { "data-period": period, className: "group/pricing flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3", children: [
+      /* @__PURE__ */ jsx5(
+        Label2,
+        {
+          id: monthlyId,
+          theme,
+          className: "cursor-pointer",
+          onClick: () => setPeriod("monthly"),
+          children: monthlyCaption
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Switch2,
+        {
+          theme,
+          checked: period === "yearly",
+          onCheckedChange: (checked) => setPeriod(checked ? "yearly" : "monthly"),
+          "aria-labelledby": yearlyId,
+          "aria-describedby": monthlyId
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Label2,
+        {
+          id: yearlyId,
+          theme,
+          className: "cursor-pointer",
+          onClick: () => setPeriod("yearly"),
+          children: yearlyCaption
+        }
+      )
+    ] }),
+    children
+  ] });
+}
+export {
+  PricingPeriodSwitch
+};
+//# sourceMappingURL=pricing-period-switch.js.map

package/dist/server/islands/pricing-period-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/pricing/period-switch.tsx","../../../src/primitives/lib/utils.ts","../../../src/primitives/label.tsx","../../../src/primitives/components/ui/label.tsx","../../../src/primitives/switch.tsx","../../../src/primitives/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode, useId, useState } from \"react\";\nimport type { ThemeStyle } from \"../../models\";\nimport type { PricingPeriod } from \"./settings\";\nimport { Label, Switch } from \"../../primitives\";\n\n/**\n * Monthly/Yearly switch for the pricing block. The plans are rendered on the\n * server with both prices; this only flips `data-period` on the wrapper and\n * CSS shows the matching one, so prices are in the HTML before hydration.\n */\nexport function PricingPeriodSwitch({\n  defaultPeriod,\n  monthlyCaption,\n  yearlyCaption,\n  theme,\n  children,\n}: {\n  defaultPeriod: PricingPeriod;\n  monthlyCaption: string;\n  yearlyCaption: string;\n  theme: ThemeStyle;\n  children: ReactNode;\n}) {\n  const [period, setPeriod] = useState<PricingPeriod>(defaultPeriod);\n  const id = useId();\n  const monthlyId = `${id}-monthly`;\n  const yearlyId = `${id}-yearly`;\n\n  return (\n    <div data-period={period} className=\"group/pricing flex flex-col gap-8\">\n      <div className=\"flex items-center justify-center gap-3\">\n        <Label\n          id={monthlyId}\n          theme={theme}\n          className=\"cursor-pointer\"\n          onClick={() => setPeriod(\"monthly\")}\n        >\n          {monthlyCaption}\n        </Label>\n        <Switch\n          theme={theme}\n          checked={period === \"yearly\"}\n          onCheckedChange={(checked) => setPeriod(checked ? \"yearly\" : \"monthly\")}\n          aria-labelledby={yearlyId}\n          aria-describedby={monthlyId}\n        />\n        <Label\n          id={yearlyId}\n          theme={theme}\n          className=\"cursor-pointer\"\n          onClick={() => setPeriod(\"yearly\")}\n        >\n          {yearlyCaption}\n        </Label>\n      </div>\n      {children}\n    </div>\n  );\n}\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import React from \"react\";\nimport type { ThemeStyle } from \"../models\";\nimport { Label as ShadcnLabel } from \"./components/ui/label\";\nimport { cn } from \"./lib/utils\";\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  theme?: ThemeStyle;\n  error?: boolean;\n}\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className = \"\", theme, error = false, ...props }, ref) => {\n    const typographyStyles = theme?.typography?.text2;\n\n    const classes = cn(\n      // Theme typography\n      typographyStyles?.fontFamily,\n      typographyStyles?.fontSize,\n      typographyStyles?.fontWeight,\n      typographyStyles?.lineHeight,\n      typographyStyles?.letterSpacing,\n      typographyStyles?.textTransform,\n      typographyStyles?.textDecoration,\n      typographyStyles?.textOverflow,\n      // Error state\n      error && \"text-red-500\",\n      className,\n    );\n\n    return <ShadcnLabel ref={ref} className={classes} {...props} />;\n  },\n);\n\nLabel.displayName = \"Label\";\n","import * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n);\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n","import React from \"react\";\nimport type { ThemeStyle } from \"../models\";\nimport { Switch as ShadcnSwitch } from \"./components/ui/switch\";\nimport { cn } from \"./lib/utils\";\n\nexport interface SwitchProps\n  extends React.ComponentPropsWithoutRef<typeof ShadcnSwitch> {\n  theme?: ThemeStyle;\n}\n\nexport const Switch = React.forwardRef<\n  React.ElementRef<typeof ShadcnSwitch>,\n  SwitchProps\n>(({ className = \"\", theme, ...props }, ref) => {\n  const classes = cn(\n    // Base styles\n    \"\",\n    // User overrides\n    className,\n  );\n\n  return <ShadcnSwitch ref={ref} className={classes} {...props} />;\n});\n","import * as SwitchPrimitives from \"@radix-ui/react-switch\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n      className,\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        \"pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0\",\n      )}\n    />\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\n"],"mappings":";;;;AAEA,SAAyB,OAAO,gBAAgB;;;ACFhD,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ACLA,OAAOA,YAAW;;;ACAlB,YAAY,oBAAoB;AAChC,SAAS,WAA8B;AACvC,YAAY,WAAW;AAarB;AATF,IAAM,gBAAgB;AAAA,EACpB;AACF;AAEA,IAAM,QAAc,iBAIlB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,cAAc,GAAG,SAAS;AAAA,IACvC,GAAG;AAAA;AACN,CACD;AACD,MAAM,cAA6B,oBAAK;;;ADQ7B,gBAAAC,YAAA;AAnBJ,IAAMC,SAAQC,OAAM;AAAA,EACzB,CAAC,EAAE,YAAY,IAAI,OAAO,QAAQ,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC3D,UAAM,mBAAmB,OAAO,YAAY;AAE5C,UAAM,UAAU;AAAA;AAAA,MAEd,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA;AAAA,MAElB,SAAS;AAAA,MACT;AAAA,IACF;AAEA,WAAO,gBAAAF,KAAC,SAAY,KAAU,WAAW,SAAU,GAAG,OAAO;AAAA,EAC/D;AACF;AAEAC,OAAM,cAAc;;;AEjCpB,OAAOE,YAAW;;;ACAlB,YAAY,sBAAsB;AAClC,YAAYC,YAAW;AAgBnB,gBAAAC,YAAA;AAZJ,IAAM,SAAe,kBAGnB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,gBAAAA;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IACJ;AAAA,IAEA,0BAAAA;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,QACF;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,OAAO,cAA+B,sBAAK;;;ADHlC,gBAAAC,YAAA;AAXF,IAAMC,UAASC,OAAM,WAG1B,CAAC,EAAE,YAAY,IAAI,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC9C,QAAM,UAAU;AAAA;AAAA,IAEd;AAAA;AAAA,IAEA;AAAA,EACF;AAEA,SAAO,gBAAAF,KAAC,UAAa,KAAU,WAAW,SAAU,GAAG,OAAO;AAChE,CAAC;;;AJUK,SACE,OAAAG,MADF;AApBC,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,aAAa;AACjE,QAAM,KAAK,MAAM;AACjB,QAAM,YAAY,GAAG,EAAE;AACvB,QAAM,WAAW,GAAG,EAAE;AAEtB,SACE,qBAAC,SAAI,eAAa,QAAQ,WAAU,qCAClC;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,sBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ;AAAA,UACA,WAAU;AAAA,UACV,SAAS,MAAM,UAAU,SAAS;AAAA,UAEjC;AAAA;AAAA,MACH;AAAA,MACA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC;AAAA,UACA,SAAS,WAAW;AAAA,UACpB,iBAAiB,CAAC,YAAY,UAAU,UAAU,WAAW,SAAS;AAAA,UACtE,mBAAiB;AAAA,UACjB,oBAAkB;AAAA;AAAA,MACpB;AAAA,MACA,gBAAAF;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ;AAAA,UACA,WAAU;AAAA,UACV,SAAS,MAAM,UAAU,QAAQ;AAAA,UAEhC;AAAA;AAAA,MACH;AAAA,OACF;AAAA,IACC;AAAA,KACH;AAEJ;","names":["React","jsx","Label","React","React","React","jsx","jsx","Switch","React","jsx","Label","Switch"]}

package/dist/server/islands/theme-mode-switcher.d.ts

@@ -5,7 +5,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: {
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost";
     size?: "default" | "sm" | "lg" | "icon";
 } & class_variance_authority_types.ClassProp) => string;
 interface ButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/server/schema.d.ts

@@ -44,6 +44,8 @@ declare function blockSettingsSchemas(k: FieldKinds): {
         linkAlignment: z.ZodOptional<z.ZodEnum<["left", "center", "right"]>>;
         backdropBlur: z.ZodOptional<z.ZodBoolean>;
         logoCorners: z.ZodOptional<z.ZodNumber>;
+        githubRepo: z.ZodOptional<z.ZodString>;
+        showGithubStars: z.ZodOptional<z.ZodBoolean>;
         cssId: z.ZodOptional<z.ZodString>;
         verticalPadding: z.ZodOptional<z.ZodEnum<["py-0", "py-4", "py-6", "py-8", "py-10", "py-12", "py-16", "py-20", "py-24", "py-32", "py-40", "py-48", "py-56", "py-64"]>>;
         maxWidth: z.ZodOptional<z.ZodEnum<["max-w-2xl", "max-w-3xl", "max-w-4xl", "max-w-5xl", "max-w-6xl"]>>;
@@ -162,6 +164,8 @@ declare function blockSettingsSchemas(k: FieldKinds): {
         ctaHref?: string;
         linkAlignment?: "left" | "center" | "right";
         backdropBlur?: boolean;
+        githubRepo?: string;
+        showGithubStars?: boolean;
     }, {
         layout?: "fixed" | "centered" | "floating";
         cssId?: string;
@@ -197,6 +201,8 @@ declare function blockSettingsSchemas(k: FieldKinds): {
         ctaHref?: string;
         linkAlignment?: "left" | "center" | "right";
         backdropBlur?: boolean;
+        githubRepo?: string;
+        showGithubStars?: boolean;
     }>;
     hero: z.ZodObject<{
         description: z.ZodOptional<z.ZodTypeAny>;
@@ -1514,13 +1520,19 @@ declare function blockSettingsSchemas(k: FieldKinds): {
     pricing: z.ZodObject<{
         description: z.ZodOptional<z.ZodTypeAny>;
         headerAlignment: z.ZodOptional<z.ZodEnum<["left", "center", "right", "top", "bottom"]>>;
+        pricingSwitcher: z.ZodOptional<z.ZodBoolean>;
+        monthlyPriceCaption: z.ZodOptional<z.ZodString>;
+        yearlyPriceCaption: z.ZodOptional<z.ZodString>;
+        defaultPeriod: z.ZodOptional<z.ZodEnum<["monthly", "yearly"]>>;
         tiers: z.ZodOptional<z.ZodArray<z.ZodObject<{
             name: z.ZodString;
             price: z.ZodString;
+            priceYearly: z.ZodOptional<z.ZodString>;
             description: z.ZodOptional<z.ZodString>;
             features: z.ZodArray<z.ZodString, "many">;
             buttonCaption: z.ZodOptional<z.ZodString>;
             buttonAction: z.ZodOptional<z.ZodString>;
+            buttonActionYearly: z.ZodOptional<z.ZodString>;
             highlighted: z.ZodOptional<z.ZodBoolean>;
         }, "strict", z.ZodTypeAny, {
             description?: string;
@@ -1529,7 +1541,9 @@ declare function blockSettingsSchemas(k: FieldKinds): {
             name?: string;
             highlighted?: boolean;
             price?: string;
+            priceYearly?: string;
             features?: string[];
+            buttonActionYearly?: string;
         }, {
             description?: string;
             buttonCaption?: string;
@@ -1537,7 +1551,9 @@ declare function blockSettingsSchemas(k: FieldKinds): {
             name?: string;
             highlighted?: boolean;
             price?: string;
+            priceYearly?: string;
             features?: string[];
+            buttonActionYearly?: string;
         }>, "many">>;
         titleLevel: z.ZodOptional<z.ZodEnum<["h1", "h2", "h3"]>>;
         titleSize: z.ZodOptional<z.ZodObject<{
@@ -1683,8 +1699,14 @@ declare function blockSettingsSchemas(k: FieldKinds): {
             name?: string;
             highlighted?: boolean;
             price?: string;
+            priceYearly?: string;
             features?: string[];
+            buttonActionYearly?: string;
         }[];
+        pricingSwitcher?: boolean;
+        monthlyPriceCaption?: string;
+        yearlyPriceCaption?: string;
+        defaultPeriod?: "monthly" | "yearly";
     }, {
         title?: string;
         description?: any;
@@ -1730,8 +1752,14 @@ declare function blockSettingsSchemas(k: FieldKinds): {
             name?: string;
             highlighted?: boolean;
             price?: string;
+            priceYearly?: string;
             features?: string[];
+            buttonActionYearly?: string;
         }[];
+        pricingSwitcher?: boolean;
+        monthlyPriceCaption?: string;
+        yearlyPriceCaption?: string;
+        defaultPeriod?: "monthly" | "yearly";
     }>;
     faq: z.ZodObject<{
         headerAlignment: z.ZodOptional<z.ZodEnum<["left", "center", "right", "top", "bottom"]>>;
@@ -6587,6 +6615,8 @@ declare const siteFileSchema: z.ZodObject<{
         linkAlignment: z.ZodOptional<z.ZodEnum<["left", "center", "right"]>>;
         backdropBlur: z.ZodOptional<z.ZodBoolean>;
         logoCorners: z.ZodOptional<z.ZodNumber>;
+        githubRepo: z.ZodOptional<z.ZodString>;
+        showGithubStars: z.ZodOptional<z.ZodBoolean>;
         cssId: z.ZodOptional<z.ZodString>;
         verticalPadding: z.ZodOptional<z.ZodEnum<["py-0", "py-4", "py-6", "py-8", "py-10", "py-12", "py-16", "py-20", "py-24", "py-32", "py-40", "py-48", "py-56", "py-64"]>>;
         maxWidth: z.ZodOptional<z.ZodEnum<["max-w-2xl", "max-w-3xl", "max-w-4xl", "max-w-5xl", "max-w-6xl"]>>;
@@ -6705,6 +6735,8 @@ declare const siteFileSchema: z.ZodObject<{
         ctaHref?: string;
         linkAlignment?: "left" | "center" | "right";
         backdropBlur?: boolean;
+        githubRepo?: string;
+        showGithubStars?: boolean;
     }, {
         layout?: "fixed" | "centered" | "floating";
         cssId?: string;
@@ -6740,6 +6772,8 @@ declare const siteFileSchema: z.ZodObject<{
         ctaHref?: string;
         linkAlignment?: "left" | "center" | "right";
         backdropBlur?: boolean;
+        githubRepo?: string;
+        showGithubStars?: boolean;
     }>>;
     footer: z.ZodOptional<z.ZodObject<{
         layout: z.ZodOptional<z.ZodEnum<["columns", "centered", "minimal"]>>;
@@ -6946,6 +6980,8 @@ declare const siteFileSchema: z.ZodObject<{
         ctaHref?: string;
         linkAlignment?: "left" | "center" | "right";
         backdropBlur?: boolean;
+        githubRepo?: string;
+        showGithubStars?: boolean;
     };
     footer?: {
         layout?: "columns" | "centered" | "minimal";
@@ -7472,6 +7508,8 @@ declare const siteFileSchema: z.ZodObject<{
         ctaHref?: string;
         linkAlignment?: "left" | "center" | "right";
         backdropBlur?: boolean;
+        githubRepo?: string;
+        showGithubStars?: boolean;
     };
     footer?: {
         layout?: "columns" | "centered" | "minimal";

package/dist/server/schema.js

@@ -5449,7 +5449,11 @@ function blockSettingsSchemas(k) {
       ctaHref: hrefSchema.optional(),
       linkAlignment: horizontalAlignmentSchema.optional(),
       backdropBlur: external_exports.boolean().optional(),
-      logoCorners: radius.optional()
+      logoCorners: radius.optional(),
+      githubRepo: external_exports.string().optional().describe(
+        'GitHub repository as "owner/repo" or a github.com URL. Shows a GitHub icon link; other values are ignored.'
+      ),
+      showGithubStars: external_exports.boolean().optional().describe("Show the repository's star count next to the GitHub icon.")
     }).strict(),
     hero: external_exports.object({
       ...common,
@@ -5559,14 +5563,25 @@ function blockSettingsSchemas(k) {
       ...titleSettingsShape,
       description: k.richText.optional(),
       headerAlignment: alignmentSchema.optional(),
+      pricingSwitcher: external_exports.boolean().optional().describe("Show a Monthly/Yearly switch above the plans."),
+      monthlyPriceCaption: external_exports.string().optional().describe('Defaults to "Monthly".'),
+      yearlyPriceCaption: external_exports.string().optional().describe('Defaults to "Yearly", e.g. "Yearly (2 months free)".'),
+      defaultPeriod: external_exports.enum(["monthly", "yearly"]).optional().describe("Period selected on load. Defaults to yearly."),
       tiers: external_exports.array(
         external_exports.object({
           name: external_exports.string(),
-          price: external_exports.string().describe('Display string, e.g. "$29/mo".'),
+          price: external_exports.string().describe(
+            'Display string, e.g. "$29/month". The monthly price when pricingSwitcher is on.'
+          ),
+          priceYearly: external_exports.string().optional().describe(
+            'Shown when the switch is on Yearly, e.g. "$290/year". Falls back to price.'
+          ),
           description: external_exports.string().optional(),
           features: external_exports.array(external_exports.string()),
           buttonCaption: external_exports.string().optional(),
           buttonAction: hrefSchema.optional(),
+          // Yearly button link. Falls back to buttonAction.
+          buttonActionYearly: hrefSchema.optional(),
           highlighted: external_exports.boolean().optional()
         }).strict()
       ).optional()