@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/chunk-F7JHSZNT.js

@@ -0,0 +1,73 @@
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/lib/status-colors.ts
+var statusColors = {
+  success: {
+    bg: "bg-green-100 dark:bg-green-900/20",
+    text: "text-green-800 dark:text-green-400",
+    border: "border-green-200 dark:border-green-800",
+    icon: "text-green-600 dark:text-green-400"
+  },
+  warning: {
+    bg: "bg-yellow-100 dark:bg-yellow-900/20",
+    text: "text-yellow-800 dark:text-yellow-400",
+    border: "border-yellow-200 dark:border-yellow-800",
+    icon: "text-yellow-600 dark:text-yellow-400"
+  },
+  error: {
+    bg: "bg-red-100 dark:bg-red-900/20",
+    text: "text-red-800 dark:text-red-400",
+    border: "border-red-200 dark:border-red-800",
+    icon: "text-red-600 dark:text-red-400"
+  },
+  neutral: {
+    bg: "bg-gray-100 dark:bg-gray-800",
+    text: "text-gray-800 dark:text-gray-300",
+    border: "border-gray-200 dark:border-gray-700",
+    icon: "text-gray-600 dark:text-gray-400"
+  },
+  info: {
+    bg: "bg-blue-100 dark:bg-blue-900/20",
+    text: "text-blue-800 dark:text-blue-400",
+    border: "border-blue-200 dark:border-blue-800",
+    icon: "text-blue-600 dark:text-blue-400"
+  }
+};
+var statusFill = {
+  success: "bg-emerald-500",
+  warning: "bg-amber-500",
+  error: "bg-red-500",
+  neutral: "bg-gray-400",
+  info: "bg-blue-500"
+};
+function getStatusColors(status) {
+  return statusColors[status];
+}
+function getStatusBadgeClasses(status, className) {
+  const colors = statusColors[status];
+  return cn(
+    colors.bg,
+    colors.text,
+    "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold",
+    className
+  );
+}
+function getStatusTextClasses(status, className) {
+  const colors = statusColors[status];
+  return cn(colors.text, className);
+}
+function getStatusIconClasses(status, className) {
+  const colors = statusColors[status];
+  return cn(colors.icon, className);
+}
+
+export {
+  statusColors,
+  statusFill,
+  getStatusColors,
+  getStatusBadgeClasses,
+  getStatusTextClasses,
+  getStatusIconClasses
+};

package/dist/chunk-FJLINIC6.js

@@ -0,0 +1,48 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/toggle.tsx
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        icon: "h-11 w-11 p-0",
+        "icon-lg": "h-12 w-12 p-0",
+        lg: "h-11 px-8",
+        avatar: "relative h-10 w-10 shrink-0 rounded-full p-0",
+        chip: "h-7 whitespace-nowrap rounded-full px-2.5 text-xs"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+export {
+  toggleVariants,
+  Toggle
+};

package/dist/chunk-FLPYZNWZ.js

@@ -0,0 +1,124 @@
+"use client";
+import {
+  buttonVariants
+} from "./chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/alert-dialog.tsx
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/30 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-md translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-xl border bg-background shadow-xl outline-none duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col gap-1.5 p-6 text-left",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex gap-3 border-t border-border bg-muted/30 px-6 py-4",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), "flex-1", className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "outline" }),
+      "flex-1",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+export {
+  AlertDialog,
+  AlertDialogTrigger,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel
+};

package/dist/chunk-FNDBM67K.cjs

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/load-more-button.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function LoadMoreButton({
+  onClick,
+  hasMore,
+  loading = false,
+  label = "Load more",
+  loadingLabel = "Loading\u2026",
+  doneLabel = "All caught up",
+  totalLoaded,
+  totalCount,
+  className
+}) {
+  if (!hasMore) {
+    const showCount = typeof totalLoaded === "number";
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "p",
+      {
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "mt-4 text-center text-xs text-muted-foreground italic",
+          className
+        ),
+        children: [
+          doneLabel,
+          showCount && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            " \xB7 ",
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "not-italic tabular-nums", children: [
+              totalLoaded,
+              typeof totalCount === "number" && totalCount !== totalLoaded ? ` of ${totalCount}` : ""
+            ] }),
+            totalLoaded === 1 ? " item" : " items"
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "mt-4 flex justify-center", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL4DH72UFcjs.Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "lg",
+      onClick,
+      disabled: loading,
+      className: "w-full sm:w-auto sm:min-w-[12rem] h-11",
+      children: loading ? loadingLabel : label
+    }
+  ) });
+}
+
+
+
+exports.LoadMoreButton = LoadMoreButton;

package/dist/chunk-G54TQV2R.cjs

@@ -0,0 +1,222 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/empty-state.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function EmptyState({
+  variant = "select",
+  icon: Icon,
+  iconMotion = "none",
+  title,
+  description,
+  action,
+  entityType,
+  animated = true,
+  size = "md",
+  children,
+  className,
+  showGradient = false,
+  surface = "subtle",
+  minHeight = "none",
+  paddingY = "none"
+}) {
+  const autoTitle = () => {
+    if (title) return title;
+    switch (variant) {
+      case "select":
+        return entityType ? `Select ${getArticle(entityType)} ${entityType} to view details` : "Select an item to view details";
+      case "search":
+        return "No results found";
+      case "empty":
+        return entityType ? `No ${entityType}s yet` : "Nothing here yet";
+      case "error":
+        return "Something went wrong";
+      case "success":
+        return "All done";
+      default:
+        return "Empty";
+    }
+  };
+  const autoDescription = () => {
+    if (description !== void 0) return description;
+    switch (variant) {
+      case "search":
+        return "Try adjusting your filters or search terms";
+      case "empty":
+        return "Get started by creating your first item";
+      case "error":
+        return "Please try again or contact support if the problem persists";
+      default:
+        return void 0;
+    }
+  };
+  const sizeConfig = {
+    inline: {
+      icon: "h-5 w-5",
+      iconWrapper: "",
+      title: "text-sm",
+      description: "text-xs",
+      spacing: "gap-1",
+      padding: "py-6",
+      content: "max-w-lg"
+    },
+    sm: {
+      icon: "h-8 w-8",
+      iconWrapper: "mb-3",
+      title: "text-base",
+      description: "text-xs",
+      spacing: "space-y-2",
+      padding: "py-6",
+      content: "max-w-md"
+    },
+    md: {
+      icon: "h-10 w-10",
+      iconWrapper: "mb-4",
+      title: "text-lg",
+      description: "text-sm",
+      spacing: "space-y-3",
+      padding: "py-10",
+      content: "max-w-md"
+    },
+    lg: {
+      icon: "h-12 w-12",
+      iconWrapper: "mb-6",
+      title: "text-xl",
+      description: "text-base",
+      spacing: "space-y-4",
+      padding: "py-12",
+      content: "max-w-3xl"
+    }
+  };
+  const config = sizeConfig[size];
+  const finalTitle = autoTitle();
+  const finalDescription = autoDescription();
+  const displayIcon = _nullishCoalesce(Icon, () => ( (variant === "success" ? _lucidereact.CheckCircle2 : void 0)));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "empty-state",
+      "data-surface": surface,
+      role: variant === "error" ? "alert" : void 0,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "relative flex w-full items-center justify-center",
+        surface === "subtle" && "overflow-hidden rounded-lg border border-border bg-muted/20",
+        size === "inline" ? "h-auto" : "h-full",
+        paddingY === "none" && config.padding,
+        minHeight === "viewport" && "min-h-[40vh]",
+        paddingY === "xl" && "py-12",
+        paddingY === "lg" && "py-10",
+        className
+      ),
+      children: [
+        showGradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-gradient-to-br from-muted/5 via-transparent to-muted/5 pointer-events-none" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            "data-slot": "empty-state-content",
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+              "relative flex w-full flex-col items-center justify-center px-6 sm:px-8",
+              config.content,
+              animated && "animate-in fade-in-50 duration-500"
+            ),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "div",
+                {
+                  "data-slot": "empty-state-message",
+                  className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                    "flex items-center justify-center",
+                    size === "inline" && displayIcon ? "flex-row gap-5 text-left" : _chunkKWLSBTB2cjs.cn.call(void 0, "flex-col text-center", config.spacing)
+                  ),
+                  children: [
+                    displayIcon && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "relative shrink-0", config.iconWrapper), children: [
+                      _react.isValidElement.call(void 0, displayIcon) ? displayIcon : (() => {
+                        const IconComp = displayIcon;
+                        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                          IconComp,
+                          {
+                            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                              config.icon,
+                              variant === "success" ? "text-emerald-500" : "text-muted-foreground",
+                              iconMotion === "spin" && "animate-spin",
+                              iconMotion === "pulse" && "animate-pulse",
+                              animated && "animate-in zoom-in-95 duration-700 delay-150"
+                            ),
+                            strokeWidth: 1.5
+                          }
+                        );
+                      })(),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "div",
+                        {
+                          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                            "absolute inset-0 blur-xl opacity-20 pointer-events-none",
+                            showGradient && "bg-primary/10"
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex min-w-0 flex-col", size === "inline" ? "gap-1" : "contents"), children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "h3",
+                        {
+                          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                            config.title,
+                            size === "inline" ? "font-medium text-foreground" : "font-semibold text-foreground/80 tracking-tight"
+                          ),
+                          children: finalTitle
+                        }
+                      ),
+                      finalDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "p",
+                        {
+                          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                            config.description,
+                            "text-muted-foreground max-w-sm leading-relaxed"
+                          ),
+                          children: finalDescription
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkL4DH72UFcjs.Button,
+                {
+                  type: "button",
+                  variant: action.variant || "outline",
+                  onClick: action.onClick,
+                  className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                    "shadow-xs",
+                    animated && "animate-in slide-in-from-bottom-2 duration-500 delay-300"
+                  ),
+                  children: action.label
+                }
+              ) }),
+              children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-3 w-full text-left", children })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function getArticle(word) {
+  if (!word || word.length === 0) return "a";
+  const vowels = ["a", "e", "i", "o", "u"];
+  const firstChar = word[0];
+  if (!firstChar) return "a";
+  return vowels.includes(firstChar.toLowerCase()) ? "an" : "a";
+}
+
+
+
+exports.EmptyState = EmptyState;

package/dist/chunk-G6SRSWXB.js

@@ -0,0 +1,32 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function generateInitials(name, email) {
+  if (name && name.trim()) {
+    const nameParts = name.trim().split(" ");
+    if (nameParts.length >= 2 && nameParts[0] && nameParts[nameParts.length - 1] && nameParts[0][0] && nameParts[nameParts.length - 1]?.[0]) {
+      return (nameParts[0][0] + nameParts[nameParts.length - 1][0]).toUpperCase();
+    }
+    if (nameParts[0] && nameParts[0].length > 0 && nameParts[0][0]) {
+      return nameParts[0][0].toUpperCase();
+    }
+  }
+  if (email) {
+    const emailParts = email.split("@");
+    if (emailParts[0] && emailParts[0].length >= 2 && emailParts[0][0] && emailParts[0][1]) {
+      return (emailParts[0][0] + emailParts[0][1]).toUpperCase();
+    }
+    if (emailParts[0] && emailParts[0].length > 0 && emailParts[0][0]) {
+      return emailParts[0][0].toUpperCase();
+    }
+  }
+  return "U";
+}
+
+export {
+  cn,
+  generateInitials
+};