@frontlit/page-builder 0.1.0-alpha.4 → 0.1.0-alpha.6

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":"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","names":["React","jsx","Label","React","React","React","jsx","jsx","Switch","React","jsx","Label","Switch"]}

package/dist/server/primitives.d.ts

@@ -142,6 +142,8 @@ interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement>
     alt?: string;
     className?: string;
     theme?: ThemeStyle;
+    /** Above-the-fold image (e.g. LCP): fetched eagerly at high priority. */
+    priority?: boolean;
 }
 declare const Image: React__default.FC<ImageProps>;
 

package/dist/server/primitives.js

@@ -383,18 +383,41 @@ var Header3 = createHeading(
   (theme) => theme?.typography?.header3
 );
 
-// src/primitives/image.tsx
+// src/components/image.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
+var registry = globalThis;
+function resolveImageAttributes(input) {
+  return registry.__frontlitImageResolver?.(input) ?? null;
+}
+
+// src/primitives/image.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
 var Image = ({
   src,
   alt = "",
   className = "",
   theme,
+  priority = false,
+  sizes,
   ...props
 }) => {
   const cardStyles = theme?.interactives?.card;
   const classes = cn("w-full object-cover", cardStyles?.border?.radius, className);
-  return /* @__PURE__ */ jsx8("img", { src, alt, className: classes, ...props });
+  const optimized = resolveImageAttributes({ src, alt, sizes, priority });
+  return /* @__PURE__ */ jsx9(
+    "img",
+    {
+      src,
+      alt,
+      sizes,
+      loading: priority ? "eager" : "lazy",
+      decoding: "async",
+      fetchPriority: priority ? "high" : void 0,
+      className: classes,
+      ...props,
+      ...optimized
+    }
+  );
 };
 
 // src/primitives/input.tsx
@@ -402,10 +425,10 @@ import React3 from "react";
 
 // src/primitives/components/ui/input.tsx
 import * as React2 from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var Input = React2.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       "input",
       {
         type,
@@ -422,7 +445,7 @@ var Input = React2.forwardRef(
 Input.displayName = "Input";
 
 // src/primitives/input.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var Input2 = React3.forwardRef(
   ({
     className = "",
@@ -465,7 +488,7 @@ var Input2 = React3.forwardRef(
       inputStyles?.custom,
       className
     );
-    return /* @__PURE__ */ jsx10(Input, { ref, className: classes, ...props });
+    return /* @__PURE__ */ jsx11(Input, { ref, className: classes, ...props });
   }
 );
 Input2.displayName = "Input";
@@ -477,11 +500,11 @@ import React5 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva3 } from "class-variance-authority";
 import * as React4 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var labelVariants = cva3(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var Label = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   LabelPrimitive.Root,
   {
     ref,
@@ -492,7 +515,7 @@ var Label = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/primitives/label.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Label2 = React5.forwardRef(
   ({ className = "", theme, error = false, ...props }, ref) => {
     const typographyStyles = theme?.typography?.text2;
@@ -510,13 +533,13 @@ var Label2 = React5.forwardRef(
       error && "text-red-500",
       className
     );
-    return /* @__PURE__ */ jsx12(Label, { ref, className: classes, ...props });
+    return /* @__PURE__ */ jsx13(Label, { ref, className: classes, ...props });
   }
 );
 Label2.displayName = "Label";
 
 // src/primitives/link.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var Link = ({
   children,
   className = "",
@@ -555,7 +578,7 @@ var Link = ({
     linkStyles?.custom,
     className
   );
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "span",
     {
       className: classes,
@@ -570,7 +593,7 @@ var Link = ({
 };
 
 // src/primitives/preheader.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var Preheader = ({
   children,
   className = "",
@@ -592,7 +615,7 @@ var Preheader = ({
     typographyStyles?.textOverflow,
     className
   );
-  return /* @__PURE__ */ jsx14("p", { className: classes, ...props, children });
+  return /* @__PURE__ */ jsx15("p", { className: classes, ...props, children });
 };
 
 // src/primitives/section.tsx
@@ -611,7 +634,7 @@ function getMediaUrl(media) {
 }
 
 // src/primitives/section.tsx
-import { Fragment, jsx as jsx15, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx16, jsxs } from "react/jsx-runtime";
 function resolveBackgroundLayer(background) {
   const attachment = background.backgroundAttachment || "scroll";
   if (background.type === "color") {
@@ -666,7 +689,7 @@ var Section = ({
   );
   const backgroundLayer = background ? resolveBackgroundLayer(background) : null;
   const isFixed = background && background.type !== "color" && background.backgroundAttachment === "fixed";
-  return /* @__PURE__ */ jsx15(Fragment, { children: React6.createElement(
+  return /* @__PURE__ */ jsx16(Fragment, { children: React6.createElement(
     component,
     {
       // `overflow-clip` keeps a fixed-attachment layer painted
@@ -676,7 +699,7 @@ var Section = ({
       ...props
     },
     /* @__PURE__ */ jsxs(Fragment, { children: [
-      backgroundLayer && /* @__PURE__ */ jsx15(
+      backgroundLayer && /* @__PURE__ */ jsx16(
         "div",
         {
           "aria-hidden": true,
@@ -687,7 +710,7 @@ var Section = ({
           style: backgroundLayer.style
         }
       ),
-      background && background.type === "image" && /* @__PURE__ */ jsx15(
+      background && background.type === "image" && /* @__PURE__ */ jsx16(
         "div",
         {
           "aria-hidden": true,
@@ -700,7 +723,7 @@ var Section = ({
           }
         }
       ),
-      background && background.type === "image" && /* @__PURE__ */ jsx15(
+      background && background.type === "image" && /* @__PURE__ */ jsx16(
         "div",
         {
           "aria-hidden": true,
@@ -710,7 +733,7 @@ var Section = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         "div",
         {
           className: cn(
@@ -727,7 +750,7 @@ var Section = ({
 };
 
 // src/primitives/subheader1.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var Subheader1 = ({
   children,
   className = "",
@@ -747,11 +770,11 @@ var Subheader1 = ({
     typographyStyles?.textOverflow,
     className
   );
-  return component === "h5" ? /* @__PURE__ */ jsx16("h5", { className: classes, ...props, children }) : /* @__PURE__ */ jsx16("span", { className: classes, ...props, children });
+  return component === "h5" ? /* @__PURE__ */ jsx17("h5", { className: classes, ...props, children }) : /* @__PURE__ */ jsx17("span", { className: classes, ...props, children });
 };
 
 // src/primitives/subheader2.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Subheader2 = ({
   children,
   className = "",
@@ -770,11 +793,11 @@ var Subheader2 = ({
     typographyStyles?.textOverflow,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx17("h6", { className: classes, ...props, children });
+  return /* @__PURE__ */ jsx18("h6", { className: classes, ...props, children });
 };
 
 // src/primitives/text1.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var Text1 = ({
   children,
   className = "",
@@ -797,11 +820,11 @@ var Text1 = ({
     typographyStyles?.textOverflow,
     className
   );
-  return component === "p" ? /* @__PURE__ */ jsx18("p", { className: classes, ...props, children }) : /* @__PURE__ */ jsx18("span", { className: classes, ...props, children });
+  return component === "p" ? /* @__PURE__ */ jsx19("p", { className: classes, ...props, children }) : /* @__PURE__ */ jsx19("span", { className: classes, ...props, children });
 };
 
 // src/primitives/text2.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var Text2 = ({
   children,
   className = "",
@@ -824,12 +847,12 @@ var Text2 = ({
     typographyStyles?.textOverflow,
     className
   );
-  return component === "p" ? /* @__PURE__ */ jsx19("p", { className: classes, ...props, children }) : /* @__PURE__ */ jsx19("span", { className: classes, ...props, children });
+  return component === "p" ? /* @__PURE__ */ jsx20("p", { className: classes, ...props, children }) : /* @__PURE__ */ jsx20("span", { className: classes, ...props, children });
 };
 
 // src/primitives/textarea.tsx
 import React7 from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Textarea = React7.forwardRef(
   ({ className = "", theme, error = false, ...props }, ref) => {
     const inputStyles = theme?.interactives?.input;
@@ -853,7 +876,7 @@ var Textarea = React7.forwardRef(
       inputStyles?.custom,
       className
     );
-    return /* @__PURE__ */ jsx20("textarea", { ref, className: classes, ...props });
+    return /* @__PURE__ */ jsx21("textarea", { ref, className: classes, ...props });
   }
 );
 Textarea.displayName = "Textarea";