dune-react 0.0.19 → 0.0.21

package/dist/components/puck-block/text-sections/timeline-1/timeline.js

@@ -1,34 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-const Timeline = ({
-  heading,
-  description,
-  items = [],
-  styles
-}) => /* @__PURE__ */ jsxs(CompoundContainer, { padding: styles == null ? void 0 : styles.padding, sectionStyle: styles == null ? void 0 : styles.sectionStyle, backgroundColor: styles == null ? void 0 : styles.backgroundColor, children: [
-  /* @__PURE__ */ jsxs("div", { className: "mb-12 max-w-2xl", children: [
-    heading && /* @__PURE__ */ jsx("h2", { className: "text-foreground text-3xl font-bold tracking-tight md:text-4xl", children: heading }),
-    description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-4 text-lg", children: description })
-  ] }),
-  /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx("div", { className: "bg-border absolute top-0 bottom-0 left-4 w-px md:left-1/2" }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-12", children: items.map((item, i) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "relative flex items-start gap-8 md:even:flex-row-reverse md:even:text-right",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "bg-primary absolute left-4 mt-1.5 h-3 w-3 -translate-x-1/2 rounded-full md:left-1/2" }),
-          /* @__PURE__ */ jsxs("div", { className: "ml-12 md:ml-0 md:w-[calc(50%-2rem)]", children: [
-            item.date && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-xs", children: item.date }),
-            /* @__PURE__ */ jsx("h3", { className: "text-foreground mt-1 text-lg font-semibold", children: item.title }),
-            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: item.description })
-          ] })
-        ]
-      },
-      i
-    )) })
-  ] })
-] });
-export {
-  Timeline
-};

package/dist/components/puck-block/text-sections/two-column-1/index.d.ts

@@ -1,5 +0,0 @@
-import { ComponentConfig } from "@puckeditor/core";
-import { TwoColumnProps } from "./two-column";
-export type { TwoColumnProps };
-export declare const conf: ComponentConfig<TwoColumnProps>;
-export default conf;

package/dist/components/puck-block/text-sections/two-column-1/index.js

@@ -1,88 +0,0 @@
-import { images, contentFieldsWithFeatures } from "../../../puck-base/core/fields.js";
-import { TwoColumn } from "./two-column.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    ...contentFieldsWithFeatures,
-    images: {
-      ...images,
-      arrayFields: {
-        ...images.arrayFields,
-        aspectRatio: {
-          label: "aspect ratio",
-          type: "radio",
-          options: [
-            {
-              label: "16x9",
-              value: "16x9"
-            },
-            {
-              label: "1x1",
-              value: "1x1"
-            }
-          ]
-        }
-      },
-      defaultItemProps: {
-        ...images.defaultItemProps,
-        aspectRatio: "16x9"
-      }
-    },
-    border: {
-      type: "radio",
-      options: [
-        { label: "yes", value: "true" },
-        { label: "no", value: "false" }
-      ]
-    },
-    layout: {
-      type: "radio",
-      options: [
-        {
-          label: "text start",
-          value: "text-start"
-        },
-        {
-          label: "text end",
-          value: "text-end"
-        }
-      ]
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Why leading teams trust us",
-    description: "We handle the infrastructure so you can focus on your product. From startups to enterprises, teams rely on our platform to ship with confidence.",
-    badge: {
-      label: "About Us",
-      url: "",
-      variant: "default"
-    },
-    features: [],
-    buttons: [],
-    border: "false",
-    images: [
-      {
-        alt: "Developer working at desk with dual monitors displaying code",
-        src: "https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1200",
-        aspectRatio: "16x9"
-      },
-      {
-        alt: "Two developers collaborating on code at a shared workspace",
-        src: "https://images.pexels.com/photos/1181677/pexels-photo-1181677.jpeg?auto=compress&cs=tinysrgb&w=1200",
-        aspectRatio: "16x9"
-      },
-      {
-        alt: "Tech team working together at a modern office",
-        src: "https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200",
-        aspectRatio: "16x9"
-      }
-    ],
-    layout: "text-start",
-    styles: createStylesDefaults()
-  },
-  render: TwoColumn
-};
-export {
-  conf
-};

package/dist/components/puck-block/text-sections/two-column-1/two-column.d.ts

@@ -1,18 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-import { CompoundContentProps } from "@/components/puck-base/content";
-import { CompoundImageProps } from "@/components/puck-base/image";
-type ImageWithAspectRatio = CompoundImageProps & {
-    aspectRatio?: "16x9" | "1x1";
-};
-export interface TwoColumnProps extends CompoundContentProps {
-    layout?: "text-start" | "text-end";
-    images?: ImageWithAspectRatio[];
-    border?: "true" | "false";
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const TwoColumn: ({ layout, border, badge, heading, description, features, buttons, images, styles, }: TwoColumnProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/puck-block/text-sections/two-column-1/two-column.js

@@ -1,95 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { registerOverlayPortal } from "@puckeditor/core";
-import { cn } from "../../../../utils/css-utils.js";
-import { Carousel, CarouselPrevious, CarouselContent, CarouselItem, CarouselNext } from "../../../shadcn/carousel.js";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundContent } from "../../../puck-base/content.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-const TwoColumn = ({
-  layout,
-  border = "false",
-  badge,
-  heading,
-  description,
-  features,
-  buttons,
-  images,
-  styles
-}) => {
-  const hasSingleImage = Array.isArray(images) && images.length === 1;
-  const hasMultipleImages = Array.isArray(images) && images.length > 1;
-  return /* @__PURE__ */ jsx(
-    CompoundContainer,
-    {
-      padding: styles == null ? void 0 : styles.padding,
-      sectionStyle: styles == null ? void 0 : styles.sectionStyle,
-      backgroundColor: styles == null ? void 0 : styles.backgroundColor,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn("flex gap-10 lg:items-center", {
-            "flex-col lg:flex-row": layout === "text-start",
-            "flex-col-reverse lg:flex-row-reverse": layout === "text-end",
-            "border-muted rounded-md border p-4 lg:p-8": border === "true"
-          }),
-          children: [
-            /* @__PURE__ */ jsx(
-              CompoundContent,
-              {
-                badge,
-                heading,
-                description,
-                features,
-                buttons,
-                alignContent: "start",
-                className: cn({
-                  "lg:ps-10": layout === "text-end",
-                  "lg:pe-10": layout === "text-start"
-                })
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "flex flex-col items-center",
-                style: { flexGrow: 1, flexShrink: 0, flexBasis: "40%" },
-                children: [
-                  hasSingleImage ? /* @__PURE__ */ jsx(ColumnImage, { ...images[0] }) : null,
-                  hasMultipleImages ? /* @__PURE__ */ jsx("div", { className: "w-full max-w-full px-6", children: /* @__PURE__ */ jsxs(Carousel, { children: [
-                    /* @__PURE__ */ jsx(CarouselPrevious, { ref: registerOverlayPortal }),
-                    /* @__PURE__ */ jsx(CarouselContent, { children: images == null ? void 0 : images.map((image, index) => /* @__PURE__ */ jsx(CarouselItem, { children: /* @__PURE__ */ jsx(
-                      ColumnImage,
-                      {
-                        src: image.src,
-                        alt: image.alt,
-                        aspectRatio: image.aspectRatio
-                      }
-                    ) }, index)) }),
-                    /* @__PURE__ */ jsx(CarouselNext, { ref: registerOverlayPortal })
-                  ] }) }) : null
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-const ColumnImage = (props) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "bg-muted w-full rounded-md [&>span]:h-full [&>span]:w-full",
-      {
-        "aspect-video h-full": props.aspectRatio === "16x9",
-        "aspect-square": props.aspectRatio === "1x1"
-      },
-      props.className
-    ),
-    children: /* @__PURE__ */ jsx(CompoundImage, { src: props.src, alt: props.alt, className: "h-full w-full object-cover" })
-  }
-);
-export {
-  TwoColumn
-};

package/dist/hooks/use-prefers-reduced-motion.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-const QUERY = "(prefers-reduced-motion: no-preference)";
-const isRenderingOnServer = typeof window === "undefined";
-const getInitialState = () => {
-  return isRenderingOnServer ? true : !window.matchMedia(QUERY).matches;
-};
-function usePrefersReducedMotion() {
-  const [prefersReducedMotion, setPrefersReducedMotion] = React.useState(getInitialState);
-  React.useEffect(() => {
-    const mediaQueryList = window.matchMedia(QUERY);
-    const listener = (event) => {
-      setPrefersReducedMotion(!event.matches);
-    };
-    mediaQueryList.addEventListener("change", listener);
-    return () => {
-      mediaQueryList.removeEventListener("change", listener);
-    };
-  }, []);
-  return prefersReducedMotion;
-}
-export {
-  usePrefersReducedMotion
-};