convex-cms 0.0.2 → 0.0.3

package/admin-dist/server/_ssr/CmsEmptyState-DU7-7-mV.mjs

@@ -0,0 +1,290 @@
+import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { R as Root, C as Content, a as Close, T as Title, P as Portal, O as Overlay, D as Description } from "../_chunks/_libs/@radix-ui/react-dialog.mjs";
+import { c as cn } from "./router-DDWcF-kt.mjs";
+import { C as CmsButton } from "./badge-6BsP37vG.mjs";
+import { C as Checkbox$1, a as CheckboxIndicator } from "../_chunks/_libs/@radix-ui/react-checkbox.mjs";
+import { Z as Check, X } from "../_libs/lucide-react.mjs";
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root, { "data-slot": "dialog", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(X, {}),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+const sizeClasses = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  "2xl": "max-w-2xl"
+};
+function CmsDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  size = "md",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    DialogContent,
+    {
+      className: cn(
+        "flex max-h-[85vh] flex-col overflow-hidden",
+        sizeClasses[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: title }),
+          description && /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1 py-4 scrollbar-none", children }),
+        footer && /* @__PURE__ */ jsxRuntimeExports.jsx(DialogFooter, { className: "shrink-0 border-t pt-4", children: footer })
+      ]
+    }
+  ) });
+}
+function CmsConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  onCancel,
+  variant = "default",
+  loading,
+  isLoading,
+  error
+}) {
+  const isLoadingState = loading ?? isLoading ?? false;
+  const handleCancel = () => {
+    onCancel?.();
+    onOpenChange(false);
+  };
+  const handleConfirm = () => {
+    onConfirm();
+  };
+  const getButtonVariant = () => {
+    if (variant === "danger") return "danger";
+    if (variant === "warning") return "warning";
+    return "primary";
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CmsDialog,
+    {
+      open,
+      onOpenChange,
+      title,
+      size: "sm",
+      footer: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", onClick: handleCancel, disabled: isLoadingState, children: cancelLabel }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: getButtonVariant(),
+            onClick: handleConfirm,
+            loading: isLoadingState,
+            children: confirmLabel
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: description }),
+        error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-destructive", children: error })
+      ] })
+    }
+  );
+}
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Checkbox$1,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CheckboxIndicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+function CmsEmptyState({
+  icon,
+  title,
+  description,
+  action,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center py-12 text-center",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4 flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground", children: icon }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-base font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description }),
+        action && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: action.variant ?? "primary",
+            onClick: action.onClick,
+            className: "mt-4",
+            children: action.label
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  CmsEmptyState as C,
+  Dialog as D,
+  Input as I,
+  Checkbox as a,
+  CmsConfirmDialog as b,
+  CmsDialog as c,
+  DialogContent as d,
+  DialogHeader as e,
+  DialogTitle as f,
+  DialogFooter as g
+};

package/admin-dist/server/_ssr/CmsPageHeader-CseW0AHm.mjs

@@ -0,0 +1,24 @@
+import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { c as cn } from "./router-DDWcF-kt.mjs";
+function CmsPageHeader({
+  title,
+  description,
+  actions,
+  breadcrumbs,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("mb-6", className), ...props, children: [
+    breadcrumbs && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2", children: breadcrumbs }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: title }),
+        description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: description })
+      ] }),
+      actions && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: actions })
+    ] })
+  ] });
+}
+export {
+  CmsPageHeader as C
+};

package/admin-dist/server/_ssr/CmsStatusBadge-B_pi4KCp.mjs

@@ -0,0 +1,127 @@
+import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { B as Badge } from "./badge-6BsP37vG.mjs";
+import { c as cn } from "./router-DDWcF-kt.mjs";
+const statusConfig = {
+  draft: {
+    label: "Draft",
+    className: "status-draft",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "size-3", fill: "currentColor", viewBox: "0 0 8 8", children: /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "4", cy: "4", r: "3" }) })
+  },
+  published: {
+    label: "Published",
+    className: "status-published",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "svg",
+      {
+        className: "size-3",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+      }
+    )
+  },
+  scheduled: {
+    label: "Scheduled",
+    className: "status-scheduled",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "svg",
+      {
+        className: "size-3",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        viewBox: "0 0 24 24",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", d: "M12 6v6l4 2" })
+        ]
+      }
+    )
+  },
+  archived: {
+    label: "Archived",
+    className: "status-archived",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "svg",
+      {
+        className: "size-3",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"
+          }
+        )
+      }
+    )
+  }
+};
+const colorToClassName = {
+  gray: "bg-muted text-muted-foreground",
+  yellow: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
+  blue: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
+  green: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
+  red: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",
+  purple: "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400",
+  orange: "bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-400"
+};
+function getDefaultIcon() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "size-3", fill: "currentColor", viewBox: "0 0 8 8", children: /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "4", cy: "4", r: "3" }) });
+}
+function CmsStatusBadge({ status, customConfig, className, ...props }) {
+  if (customConfig) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Badge,
+      {
+        variant: "secondary",
+        className: cn(
+          "gap-1.5 px-2 py-0.5 text-xs font-medium",
+          colorToClassName[customConfig.color],
+          className
+        ),
+        ...props,
+        children: [
+          getDefaultIcon(),
+          customConfig.displayName
+        ]
+      }
+    );
+  }
+  const config = statusConfig[status];
+  if (!config) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Badge,
+      {
+        variant: "secondary",
+        className: cn("gap-1.5 px-2 py-0.5 text-xs font-medium", colorToClassName.gray, className),
+        ...props,
+        children: [
+          getDefaultIcon(),
+          status
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Badge,
+    {
+      variant: "secondary",
+      className: cn("gap-1.5 px-2 py-0.5 text-xs font-medium", config.className, className),
+      ...props,
+      children: [
+        config.icon,
+        config.label
+      ]
+    }
+  );
+}
+export {
+  CmsStatusBadge as C
+};

package/admin-dist/server/_ssr/CmsToolbar-X75ex6ek.mjs

@@ -0,0 +1,49 @@
+import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { c as cn } from "./router-DDWcF-kt.mjs";
+import { I as Input } from "./CmsEmptyState-DU7-7-mV.mjs";
+import { N as Search } from "../_libs/lucide-react.mjs";
+function CmsToolbar({
+  left,
+  right,
+  search,
+  filters,
+  actions,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center justify-between gap-3 pb-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-2", children: [
+          search && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative w-full max-w-xs", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                type: "search",
+                placeholder: search.placeholder ?? "Search...",
+                value: search.value,
+                onChange: (e) => search.onChange(e.target.value),
+                className: "pl-9"
+              }
+            )
+          ] }),
+          filters,
+          left,
+          children
+        ] }),
+        (right || actions) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: right ?? actions })
+      ]
+    }
+  );
+}
+export {
+  CmsToolbar as C
+};