@epicbagel/saas-kit 0.0.0-stage → 1.1.0

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
+};

package/dist/chunk-G76JANB4.js

@@ -0,0 +1,138 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/sheet.tsx
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.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
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 flex flex-col overflow-hidden",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React.forwardRef(({ side = "right", className, children, hideClose, width = "default", padding = "default", overflow = "hidden", ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        sheetVariants({ side }),
+        width === "xl" && "w-full sm:max-w-xl",
+        width === "full" && "w-full max-w-none sm:max-w-none",
+        padding === "none" && "p-0",
+        overflow === "y-auto" && "overflow-y-auto",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        !hideClose && /* @__PURE__ */ jsxs(SheetPrimitive.Close, { "aria-label": "Close", className: "absolute right-2 top-2 inline-flex h-[44px] w-[44px] items-center justify-center rounded-md text-muted-foreground ring-offset-background transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx(X, { className: "h-[20px] w-[20px]" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  padding = "none",
+  border = "none",
+  shrink = true,
+  align = "responsive",
+  paddingEnd = "none",
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      padding === "compact" && "px-4 py-3",
+      border === "bottom" && "border-b",
+      !shrink && "shrink-0",
+      align === "start" && "text-left",
+      paddingEnd === "lg" && "pr-6",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React.forwardRef(({ className, display = "block", ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", display === "inline-flex" && "inline-flex items-center gap-2", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetPortal,
+  SheetOverlay,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription
+};

package/dist/chunk-GFG2R5BZ.js

@@ -0,0 +1,132 @@
+"use client";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/message-scroller.tsx
+import {
+  MessageScroller as MessageScrollerPrimitive,
+  useMessageScroller,
+  useMessageScrollerScrollable,
+  useMessageScrollerVisibility
+} from "@shadcn/react/message-scroller";
+import { ArrowDown } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function MessageScrollerProvider(props) {
+  return /* @__PURE__ */ jsx(MessageScrollerPrimitive.Provider, { ...props });
+}
+function MessageScroller({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Root,
+    {
+      "data-slot": "message-scroller",
+      className: cn(
+        "cn-message-scroller group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageScrollerViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Viewport,
+    {
+      "data-slot": "message-scroller-viewport",
+      className: cn(
+        // @shadcn/react 0.3: while an automatic scroll runs the scrollbar goes
+        // transparent rather than away (so the gutter, and the text, never
+        // shift), and the viewport stays invisible until its opening scroll
+        // position is applied, so a long thread never flashes its first turn.
+        "cn-message-scroller-viewport size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageScrollerContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Content,
+    {
+      "data-slot": "message-scroller-content",
+      className: cn(
+        "cn-message-scroller-content flex h-max min-h-full flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageScrollerItem({
+  className,
+  scrollAnchor = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Item,
+    {
+      "data-slot": "message-scroller-item",
+      scrollAnchor,
+      className: cn(
+        "cn-message-scroller-item min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageScrollerButton({
+  direction = "end",
+  className,
+  children,
+  render,
+  variant = "secondary",
+  size = "icon-sm",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Button,
+    {
+      "data-slot": "message-scroller-button",
+      "data-direction": direction,
+      "data-variant": variant,
+      "data-size": size,
+      direction,
+      className: cn(
+        "cn-message-scroller-button absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180",
+        className
+      ),
+      render: render ?? /* @__PURE__ */ jsx(Button, { variant, size }),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: direction === "end" ? "Scroll to end" : "Scroll to start" })
+      ] })
+    }
+  );
+}
+
+export {
+  useMessageScroller,
+  useMessageScrollerScrollable,
+  useMessageScrollerVisibility,
+  MessageScrollerProvider,
+  MessageScroller,
+  MessageScrollerViewport,
+  MessageScrollerContent,
+  MessageScrollerItem,
+  MessageScrollerButton
+};

package/dist/chunk-GL5CV4FF.js

@@ -0,0 +1,59 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/callout.tsx
+import { jsx } from "react/jsx-runtime";
+var PADDING_CLASS = {
+  none: "",
+  sm: "p-2",
+  compact: "px-3 py-2",
+  md: "p-3",
+  lg: "p-4"
+};
+var POINTER_BASE = "before:absolute before:block before:h-3 before:w-3 before:rotate-45 before:border before:border-border before:bg-muted/40";
+var POINTER_POSITION = {
+  // Top edge — visible half is the upper triangle. Keep top + left borders.
+  "top": "before:left-1/2 before:-translate-x-1/2 before:-top-[7px] before:border-r-0 before:border-b-0",
+  "top-left": "before:left-5 before:-top-[7px] before:border-r-0 before:border-b-0",
+  "top-right": "before:right-5 before:-top-[7px] before:border-r-0 before:border-b-0",
+  // Bottom edge — visible half is the lower triangle. Keep bottom + right.
+  "bottom": "before:left-1/2 before:-translate-x-1/2 before:-bottom-[7px] before:border-l-0 before:border-t-0",
+  "bottom-left": "before:left-5 before:-bottom-[7px] before:border-l-0 before:border-t-0",
+  "bottom-right": "before:right-5 before:-bottom-[7px] before:border-l-0 before:border-t-0",
+  // Left edge — keep left + bottom (form the left-pointing chevron).
+  "left": "before:top-1/2 before:-translate-y-1/2 before:-left-[7px] before:border-r-0 before:border-t-0",
+  // Right edge — keep top + right.
+  "right": "before:top-1/2 before:-translate-y-1/2 before:-right-[7px] before:border-l-0 before:border-b-0"
+};
+function Callout({
+  pointer,
+  padding = "md",
+  children,
+  className,
+  tone = "default",
+  marginBottom = "none",
+  textSize = "inherit"
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative rounded-md border border-border bg-muted/40",
+        PADDING_CLASS[padding],
+        tone === "warning" && "border-l-2 border-amber-500 bg-amber-500/5",
+        marginBottom === "md" && "mb-3",
+        textSize === "micro" && "text-[11px]",
+        pointer && POINTER_BASE,
+        pointer && POINTER_POSITION[pointer],
+        className
+      ),
+      children
+    }
+  );
+}
+
+export {
+  Callout
+};

package/dist/chunk-GMJWBGTJ.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  Badge
+} from "./chunk-D4ZL2OEQ.js";
+
+// src/primitives/status-badge.tsx
+import { jsx } from "react/jsx-runtime";
+var statusBadgeVariants = {
+  neutral: "neutral",
+  active: "destructive",
+  success: "success",
+  warning: "warning",
+  error: "error",
+  info: "info"
+};
+function StatusBadge({ tone = "neutral", ...props }) {
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      "data-slot": "status-badge",
+      variant: statusBadgeVariants[tone],
+      size: "micro",
+      padding: "roomy",
+      weight: "semibold",
+      shrink: true,
+      transform: "uppercase",
+      ...props
+    }
+  );
+}
+
+export {
+  StatusBadge
+};