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

package/dist/{chunk-J7Z4UW45.js → chunk-OEQJQ4OA.js}

@@ -1110,16 +1110,123 @@ var Header3 = createHeading(
   "scroll-m-20 text-2xl font-semibold tracking-normal",
   (theme) => theme?.typography?.header3
 );
-var Image2 = ({
+var registry = globalThis;
+function setImageAttributesResolver(resolver) {
+  registry.__frontlitImageResolver = resolver;
+}
+function resolveImageAttributes(input) {
+  return registry.__frontlitImageResolver?.(input) ?? null;
+}
+var roundedMap = {
+  0: "rounded-none",
+  1: "rounded-sm",
+  2: "rounded",
+  3: "rounded-md",
+  4: "rounded-lg",
+  5: "rounded-xl",
+  6: "rounded-2xl",
+  7: "rounded-3xl",
+  8: "rounded-full"
+};
+var objectFitClass = {
+  cover: "object-cover",
+  contain: "object-contain",
+  fill: "object-fill",
+  none: "object-none",
+  "scale-down": "object-scale-down"
+};
+var Image2 = (props) => {
+  const {
+    src,
+    alt = "",
+    defaultImage,
+    priority = false,
+    loading = priority ? "eager" : "lazy",
+    sizes,
+    noDefaultImage = false,
+    className = "",
+    classes = "",
+    width = "w-full",
+    height = "h-auto",
+    objectFit = "cover",
+    borderRadius
+  } = props;
+  const source = src || defaultImage;
+  const radiusClass = typeof borderRadius === "number" ? roundedMap[borderRadius] ?? "rounded" : borderRadius;
+  if (!source) {
+    if (noDefaultImage) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "relative aspect-video overflow-hidden bg-muted",
+          width,
+          height,
+          radiusClass,
+          classes,
+          className
+        )
+      }
+    );
+  }
+  const optimized = resolveImageAttributes({ src: source, alt, sizes, priority });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative aspect-video overflow-hidden",
+        width,
+        height,
+        radiusClass,
+        classes,
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: source,
+          alt,
+          sizes,
+          loading,
+          decoding: "async",
+          fetchPriority: priority ? "high" : void 0,
+          ...optimized,
+          className: cn(
+            "absolute inset-0 h-full w-full",
+            radiusClass,
+            objectFitClass[objectFit]
+          )
+        }
+      )
+    }
+  );
+};
+var Image3 = ({
   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__ */ jsx("img", { src, alt, className: classes, ...props });
+  const optimized = resolveImageAttributes({ src, alt, sizes, priority });
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt,
+      sizes,
+      loading: priority ? "eager" : "lazy",
+      decoding: "async",
+      fetchPriority: priority ? "high" : void 0,
+      className: classes,
+      ...props,
+      ...optimized
+    }
+  );
 };
 var Input = React7.forwardRef(
   ({ className, type, ...props }, ref) => {
@@ -3413,6 +3520,6 @@ var TooltipContent = React7.forwardRef(({ className, sideOffset = 6, theme: prov
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge2 as Badge, Button, Button2, Caption, Checkbox, CodeSnippet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header1, Header2, Header3, Header4, Image2 as Image, Input2 as Input, Label3 as Label, Link, PageCard, PageCardContent, PageCardHeader, PageCardImage, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Preheader, RadioGroup2 as RadioGroup, RadioGroupItem, Section, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Subheader1, Subheader2, Switch, Switch2, TAILWIND_TEXT_PX, Text1, Text2, Textarea, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, cn, createHeading, fluidFontSize, themes };
-//# sourceMappingURL=chunk-J7Z4UW45.js.map
-//# sourceMappingURL=chunk-J7Z4UW45.js.map
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge2 as Badge, Button, Button2, Caption, Checkbox, CodeSnippet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header1, Header2, Header3, Header4, Image2 as Image, Image3 as Image2, Input2 as Input, Label3 as Label, Link, PageCard, PageCardContent, PageCardHeader, PageCardImage, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Preheader, RadioGroup2 as RadioGroup, RadioGroupItem, Section, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Subheader1, Subheader2, Switch, Switch2, TAILWIND_TEXT_PX, Text1, Text2, Textarea, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, cn, createHeading, fluidFontSize, resolveImageAttributes, roundedMap, setImageAttributesResolver, themes };
+//# sourceMappingURL=chunk-OEQJQ4OA.js.map
+//# sourceMappingURL=chunk-OEQJQ4OA.js.map