@mission-studio/puck 1.0.19 → 1.0.20

package/dist/chunk-A2J2E524.mjs

@@ -0,0 +1,78 @@
+import {
+  getHeadingStyle
+} from "./chunk-X6VGLL5Y.mjs";
+import {
+  useEntries,
+  useTheme
+} from "./chunk-PJXZC564.mjs";
+import {
+  hexToRgba
+} from "./chunk-C6V3YUPF.mjs";
+
+// components/page/next/Heading.tsx
+import { jsx } from "react/jsx-runtime";
+function isThemeableValue(value) {
+  return typeof value === "object" && value !== null && "useTheme" in value;
+}
+function isEntryBoundValue(value) {
+  return typeof value === "object" && value !== null && "useEntry" in value;
+}
+function Heading({
+  text,
+  level = "h2",
+  size = "2xl",
+  weight = "bold",
+  color,
+  align = "left",
+  letterSpacing = "normal",
+  lineHeight = "tight",
+  id
+}) {
+  const { resolveColor } = useTheme();
+  const { getEntryValue } = useEntries();
+  const resolvedText = (() => {
+    if (!text) return "";
+    if (typeof text === "string") return text;
+    if (isEntryBoundValue(text)) {
+      if (text.useEntry) {
+        return String(getEntryValue(text.entryName, text.fieldKey) ?? "");
+      }
+      return text.value;
+    }
+    return "";
+  })();
+  const resolvedColor = (() => {
+    if (!color)
+      return hexToRgba(
+        resolveColor("foreground").color,
+        resolveColor("foreground").opacity
+      );
+    if (typeof color === "string") return color;
+    if (isThemeableValue(color)) {
+      return color.useTheme ? hexToRgba(
+        resolveColor(color.themeKey).color,
+        resolveColor(color.themeKey).opacity
+      ) : hexToRgba(color.value.color, color.value.opacity);
+    }
+    if ("color" in color) return hexToRgba(color.color, color.opacity);
+    return hexToRgba(
+      resolveColor("foreground").color,
+      resolveColor("foreground").opacity
+    );
+  })();
+  const Tag = level;
+  const style = getHeadingStyle({
+    size,
+    weight,
+    color: resolvedColor,
+    align,
+    letterSpacing,
+    lineHeight
+  });
+  if (!resolvedText) return null;
+  return /* @__PURE__ */ jsx(Tag, { id, style, children: resolvedText });
+}
+
+export {
+  Heading
+};