@wealthx/shadcn 1.5.12 → 1.5.13

package/dist/chunk-XYWEGBAA.mjs

@@ -1,348 +0,0 @@
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
-import {
-  Badge
-} from "./chunk-X6RC5UWB.mjs";
-import {
-  Button
-} from "./chunk-NOOEKOWY.mjs";
-import {
-  cn
-} from "./chunk-AFML43VJ.mjs";
-
-// src/components/ui/resource-center.tsx
-import { useRef, useState } from "react";
-import { ChevronLeft, ChevronRight, Download, Play } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ResourceModal({
-  open,
-  onClose,
-  title,
-  videoUrl,
-  tags,
-  attachments
-}) {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (v) => !v && onClose(), children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      size: "2xl",
-      className: "flex flex-col gap-4 p-0 overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { className: "px-6 pt-6 pb-0", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "text-lg font-semibold", children: title }),
-          tags && tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 pt-1", children: tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag }, tag)) })
-        ] }),
-        videoUrl && /* @__PURE__ */ jsx("div", { className: "aspect-video w-full bg-foreground", children: /* @__PURE__ */ jsx(
-          "iframe",
-          {
-            src: videoUrl,
-            title,
-            className: "h-full w-full",
-            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-            allowFullScreen: true
-          }
-        ) }),
-        attachments && attachments.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-6 pb-6", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Attachments" }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: attachments.map((attachment, i) => /* @__PURE__ */ jsxs(
-            "a",
-            {
-              href: attachment.url,
-              download: true,
-              className: "flex items-center gap-2 text-sm text-primary hover:underline",
-              children: [
-                /* @__PURE__ */ jsx(Download, { className: "size-3.5 shrink-0" }),
-                attachment.name
-              ]
-            },
-            i
-          )) })
-        ] }),
-        (!attachments || attachments.length === 0) && /* @__PURE__ */ jsx("div", { className: "pb-2" })
-      ]
-    }
-  ) });
-}
-function ResourceVideoCard({ video }) {
-  const [modalOpen, setModalOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setModalOpen(true),
-        className: "group relative flex w-full flex-col gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative w-full overflow-hidden bg-muted aspect-video", children: [
-            video.thumbnailUrl ? /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: video.thumbnailUrl,
-                alt: video.title,
-                className: "h-full w-full object-cover transition-transform duration-200 group-hover:scale-105"
-              }
-            ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx(Play, { className: "size-10 text-muted-foreground opacity-40" }) }),
-            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 opacity-0 transition-opacity duration-200 group-hover:opacity-100", children: /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center bg-background/90", children: /* @__PURE__ */ jsx(Play, { className: "size-5 text-foreground" }) }) }),
-            video.duration && /* @__PURE__ */ jsx("span", { className: "absolute bottom-2 right-2 bg-black/70 px-1.5 py-0.5 text-xs font-medium text-white", children: video.duration })
-          ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground leading-snug line-clamp-2 group-hover:text-primary", children: video.title })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ResourceModal,
-      {
-        open: modalOpen,
-        onClose: () => setModalOpen(false),
-        title: video.title,
-        videoUrl: video.videoUrl,
-        tags: video.tags,
-        attachments: video.attachments
-      }
-    )
-  ] });
-}
-function ResourceEmailTemplateCard({
-  template,
-  onClick
-}) {
-  if (template.isAddTemplate) {
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick,
-        className: cn(
-          "flex w-full flex-col items-center justify-center gap-3",
-          "border-2 border-dashed border-border bg-muted/40",
-          "aspect-[3/4] hover:border-primary hover:bg-muted/70 transition-colors",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-        ),
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex size-10 items-center justify-center border-2 border-dashed border-muted-foreground/40", children: /* @__PURE__ */ jsx("span", { className: "text-2xl text-muted-foreground/60", children: "+" }) }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "Add Template" })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: "group relative flex w-full flex-col gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative w-full overflow-hidden border border-border bg-background aspect-[3/4]", children: [
-          template.htmlContent ? /* @__PURE__ */ jsx(
-            "iframe",
-            {
-              srcDoc: template.htmlContent,
-              title: template.title,
-              className: "h-full w-full pointer-events-none",
-              style: {
-                transform: "scale(0.5)",
-                transformOrigin: "top left",
-                width: "200%",
-                height: "200%"
-              },
-              sandbox: "allow-same-origin"
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center bg-muted", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No preview available" }) }),
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-foreground/60 opacity-0 transition-opacity duration-200 group-hover:opacity-100", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-white", children: "Use Template" }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground leading-snug line-clamp-1", children: template.title }),
-          template.type && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0 text-xs", children: template.type === "system" ? "System" : "Company" })
-        ] })
-      ]
-    }
-  );
-}
-function ResourceDocumentCard({
-  document,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick,
-        className: "group relative w-full overflow-hidden border border-border bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring aspect-[3/4]",
-        children: [
-          document.pdfUrl ? /* @__PURE__ */ jsx(
-            "iframe",
-            {
-              src: document.pdfUrl,
-              title: document.title,
-              className: "h-full w-full pointer-events-none"
-            }
-          ) : document.thumbnailUrl ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: document.thumbnailUrl,
-              alt: document.title,
-              className: "h-full w-full object-cover"
-            }
-          ) : /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center bg-muted-foreground/10 p-4", children: /* @__PURE__ */ jsx(Download, { className: "size-8 text-muted-foreground opacity-50" }) }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: document.title })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/40 opacity-0 transition-opacity duration-200 group-hover:opacity-100" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground leading-snug line-clamp-1", children: document.title }),
-        document.tags && document.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: document.tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag }, tag)) })
-      ] }),
-      document.downloadUrl && /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: document.downloadUrl,
-          download: true,
-          onClick: (e) => e.stopPropagation(),
-          className: "shrink-0",
-          "aria-label": `Download ${document.title}`,
-          children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", className: "size-8", children: /* @__PURE__ */ jsx(Download, { className: "size-4" }) })
-        }
-      )
-    ] })
-  ] });
-}
-function ResourceCarousel({
-  title,
-  items,
-  headerAction,
-  className
-}) {
-  const scrollRef = useRef(null);
-  function scrollLeft() {
-    var _a;
-    (_a = scrollRef.current) == null ? void 0 : _a.scrollBy({ left: -300, behavior: "smooth" });
-  }
-  function scrollRight() {
-    var _a;
-    (_a = scrollRef.current) == null ? void 0 : _a.scrollBy({ left: 300, behavior: "smooth" });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4", className), children: [
-    (title || headerAction) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-      title && /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: title }),
-      headerAction && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: headerAction })
-    ] }),
-    items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-8 text-center text-sm text-muted-foreground", children: "No items available" }) : /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: scrollLeft,
-          "aria-label": "Scroll left",
-          className: cn(
-            "absolute left-0 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2",
-            "flex size-9 items-center justify-center",
-            "border border-border bg-background shadow-sm",
-            "opacity-0 transition-opacity duration-200 group-hover:opacity-100",
-            "hover:bg-muted focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-          ),
-          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4 text-foreground" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: scrollRef,
-          className: "flex gap-4 overflow-x-auto scroll-smooth pb-2",
-          style: { scrollbarWidth: "none" },
-          children: items.map((item, i) => /* @__PURE__ */ jsx("div", { className: "w-[220px] shrink-0", children: item }, i))
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: scrollRight,
-          "aria-label": "Scroll right",
-          className: cn(
-            "absolute right-0 top-1/2 z-10 translate-x-1/2 -translate-y-1/2",
-            "flex size-9 items-center justify-center",
-            "border border-border bg-background shadow-sm",
-            "opacity-0 transition-opacity duration-200 group-hover:opacity-100",
-            "hover:bg-muted focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-          ),
-          children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-foreground" })
-        }
-      )
-    ] })
-  ] });
-}
-function ResourceCenterHeader({
-  title,
-  description,
-  backgroundVideoUrl,
-  watchVideoUrl
-}) {
-  const [watchModalOpen, setWatchModalOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "relative flex min-h-[400px] w-full items-center overflow-hidden bg-foreground"
-        ),
-        children: [
-          backgroundVideoUrl ? /* @__PURE__ */ jsx(
-            "video",
-            {
-              className: "absolute inset-0 h-full w-full object-cover opacity-60 z-[1]",
-              src: backgroundVideoUrl,
-              autoPlay: true,
-              muted: true,
-              loop: true,
-              playsInline: true
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground z-[1]" }),
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/40 z-[1]" }),
-          /* @__PURE__ */ jsxs("div", { className: "relative z-[2] flex flex-col gap-4 px-8 py-12 md:px-16 max-w-3xl", children: [
-            /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-background md:text-4xl", children: title }),
-            /* @__PURE__ */ jsx("p", { className: "text-base text-background/80 leading-relaxed", children: description }),
-            watchVideoUrl && /* @__PURE__ */ jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "outline",
-                className: "border-background text-background bg-transparent hover:bg-background/10 hover:text-background",
-                onClick: () => setWatchModalOpen(true),
-                children: [
-                  /* @__PURE__ */ jsx(Play, { className: "mr-2 size-4" }),
-                  "Watch Now"
-                ]
-              }
-            ) })
-          ] })
-        ]
-      }
-    ),
-    watchVideoUrl && /* @__PURE__ */ jsx(
-      ResourceModal,
-      {
-        open: watchModalOpen,
-        onClose: () => setWatchModalOpen(false),
-        title,
-        videoUrl: watchVideoUrl
-      }
-    )
-  ] });
-}
-
-export {
-  ResourceModal,
-  ResourceVideoCard,
-  ResourceEmailTemplateCard,
-  ResourceDocumentCard,
-  ResourceCarousel,
-  ResourceCenterHeader
-};