@epicbagel/saas-kit 0.0.0-stage → 1.0.0

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

package/dist/chunk-GRZMUGT6.cjs

@@ -0,0 +1,94 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkBGLGRUPPcjs = require('./chunk-BGLGRUPP.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/timeline.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function Timeline({ children, spacing = "normal", className }) {
+  const spacingClass = spacing === "tight" ? "space-y-1" : spacing === "loose" ? "space-y-3" : "space-y-2";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, spacingClass, className), children });
+}
+var TimelineMarker = _react.forwardRef.call(void 0, 
+  function TimelineMarker2({ active = false, placement = "inline", tone = "neutral", className, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        ref,
+        "aria-hidden": true,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "block h-2 w-2 shrink-0 rounded-full",
+          placement === "guide" && "absolute left-[-21px] top-1.5",
+          active && "ring-2 ring-emerald-500/30",
+          tone === "neutral" && (active ? "bg-emerald-500" : "bg-muted-foreground/40"),
+          tone === "info" && "bg-sky-500",
+          tone === "success" && "bg-emerald-500",
+          tone === "accent" && "bg-violet-500",
+          tone === "destructive" && "bg-red-500",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TimelineRow = _react.forwardRef.call(void 0, function TimelineRow2({
+  status,
+  icon,
+  title,
+  subtitle,
+  timestamp,
+  error,
+  children,
+  interactive,
+  as,
+  className,
+  surface = "muted",
+  radius = "md",
+  ...rest
+}, ref) {
+  const Component = _nullishCoalesce(as, () => ( "div"));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Component,
+    {
+      ref,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex items-start gap-2 p-2",
+        radius === "md" && "rounded-md",
+        surface === "muted" && "bg-muted/50",
+        interactive && "transition-colors hover:bg-accent/50 cursor-pointer",
+        className
+      ),
+      ...rest,
+      children: [
+        _nullishCoalesce(icon, () => ( (status != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBGLGRUPPcjs.StatusIcon, { status })))),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-baseline justify-between gap-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium truncate", children: title }),
+            timestamp != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs text-muted-foreground shrink-0", children: timestamp })
+          ] }),
+          subtitle != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground truncate", children: subtitle }),
+          error != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "p",
+            {
+              className: "text-xs text-destructive mt-1 line-clamp-2",
+              title: typeof error === "string" ? error : void 0,
+              children: error
+            }
+          ),
+          children
+        ] })
+      ]
+    }
+  );
+});
+
+
+
+
+
+exports.Timeline = Timeline; exports.TimelineMarker = TimelineMarker; exports.TimelineRow = TimelineRow;

package/dist/chunk-GXHGMI3Z.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/toggle.tsx
+var _reacttoggle = require('@radix-ui/react-toggle'); var TogglePrimitive = _interopRequireWildcard(_reacttoggle);
+var _classvarianceauthority = require('class-variance-authority');
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var toggleVariants = _classvarianceauthority.cva.call(void 0, 
+  "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__ */ _jsxruntime.jsx.call(void 0, 
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+
+
+
+exports.toggleVariants = toggleVariants; exports.Toggle = Toggle;

package/dist/chunk-H2O6NMLZ.js

@@ -0,0 +1,52 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/heading.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var levelStyles = {
+  // Page title (e.g. "Candidates", "Settings"). One per page.
+  1: "text-2xl md:text-3xl font-semibold tracking-tight leading-tight",
+  // Section title within a page.
+  2: "text-xl md:text-2xl font-semibold tracking-tight leading-tight",
+  // Card title.
+  3: "text-lg font-semibold leading-snug",
+  // Subsection / minor heading.
+  4: "text-base font-semibold leading-snug",
+  // Inline emphasis heading.
+  5: "text-sm font-semibold leading-snug",
+  // Eyebrow-style heading (uppercase, tracked). For all-caps labels
+  // above a heading, prefer the dedicated <Eyebrow> primitive.
+  6: "text-xs font-semibold uppercase tracking-[0.12em] leading-snug"
+};
+var Heading = forwardRef(
+  function Heading2({ level = 1, appearance = "default", spacing = "none", truncate = false, as, className, ...props }, ref) {
+    const Tag = as ?? `h${level}`;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: cn(
+          appearance === "default" && levelStyles[level],
+          appearance === "compact" && "text-sm font-medium leading-snug",
+          appearance === "compact-strong" && "text-sm font-semibold leading-snug",
+          appearance === "eyebrow" && "text-xs font-semibold uppercase tracking-[0.12em] leading-snug text-muted-foreground",
+          appearance === "section" && "text-lg font-semibold leading-snug",
+          spacing === "section" && "mt-8 mb-2",
+          spacing === "after-xs" && "mb-1",
+          spacing === "after" && "mb-2",
+          spacing === "after-lg" && "mb-8",
+          truncate && "truncate",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  Heading
+};

package/dist/chunk-H2UFRLLN.cjs

@@ -0,0 +1,100 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
+
+// src/lib/date-utils.ts
+var _dayjs = require('dayjs'); var _dayjs2 = _interopRequireDefault(_dayjs);
+var _utcjs = require('dayjs/plugin/utc.js'); var _utcjs2 = _interopRequireDefault(_utcjs);
+var _timezonejs = require('dayjs/plugin/timezone.js'); var _timezonejs2 = _interopRequireDefault(_timezonejs);
+_dayjs2.default.extend(_utcjs2.default);
+_dayjs2.default.extend(_timezonejs2.default);
+function parseDate(value) {
+  if (!value) return null;
+  try {
+    if (typeof value === "string") {
+      if (/^\d+$/.test(value)) {
+        const num = parseInt(value);
+        return num > 1e10 ? _dayjs2.default.call(void 0, num) : _dayjs2.default.unix(num);
+      }
+      const parsed = _dayjs2.default.call(void 0, value);
+      return parsed.isValid() ? parsed : null;
+    }
+    if (typeof value === "number") {
+      return value > 1e10 ? _dayjs2.default.call(void 0, value) : _dayjs2.default.unix(value);
+    }
+    if (value instanceof Date) {
+      const parsed = _dayjs2.default.call(void 0, value);
+      return parsed.isValid() ? parsed : null;
+    }
+    return null;
+  } catch (error) {
+    console.error("Error parsing date:", error, value);
+    return null;
+  }
+}
+function formatDate(value) {
+  const date = parseDate(value);
+  if (!date) return "\u2014";
+  try {
+    return date.format("DD MMM YYYY, HH:mm");
+  } catch (error) {
+    console.error("Error formatting date:", error);
+    return "\u2014";
+  }
+}
+function formatDateOnly(value) {
+  const date = parseDate(value);
+  if (!date) return "\u2014";
+  try {
+    return date.format("DD MMM YYYY");
+  } catch (error) {
+    console.error("Error formatting date:", error);
+    return "\u2014";
+  }
+}
+function formatTimeOnly(value) {
+  const date = parseDate(value);
+  if (!date) return "\u2014";
+  try {
+    return date.format("HH:mm");
+  } catch (error) {
+    console.error("Error formatting time:", error);
+    return "\u2014";
+  }
+}
+function formatRelative(value) {
+  const date = parseDate(value);
+  if (!date) return "\u2014";
+  const diffMs = Date.now() - date.valueOf();
+  if (diffMs < 6e4) return "just now";
+  const mins = Math.floor(diffMs / 6e4);
+  if (mins < 60) return `${mins}m ago`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 7) return `${days}d ago`;
+  return date.format("DD MMM YYYY");
+}
+function formatRelativeLong(value, now = /* @__PURE__ */ new Date()) {
+  const date = parseDate(value);
+  const reference = parseDate(now);
+  if (!date || !reference) return null;
+  const diffMs = Math.max(0, reference.valueOf() - date.valueOf());
+  const minutes = Math.floor(diffMs / 6e4);
+  if (minutes < 1) return "Just now";
+  if (minutes < 60) return `${minutes} ${minutes === 1 ? "minute" : "minutes"} ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours} ${hours === 1 ? "hour" : "hours"} ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 30) return `${days} ${days === 1 ? "day" : "days"} ago`;
+  const months = Math.floor(days / 30);
+  if (months < 12) return `${months} ${months === 1 ? "month" : "months"} ago`;
+  const years = Math.max(1, Math.floor(days / 365));
+  return `${years} ${years === 1 ? "year" : "years"} ago`;
+}
+
+
+
+
+
+
+
+exports.formatDate = formatDate; exports.formatDateOnly = formatDateOnly; exports.formatTimeOnly = formatTimeOnly; exports.formatRelative = formatRelative; exports.formatRelativeLong = formatRelativeLong;

package/dist/chunk-H7TETFLB.js

@@ -0,0 +1,39 @@
+"use client";
+import {
+  Badge
+} from "./chunk-D4ZL2OEQ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/count-badge.tsx
+import { jsx } from "react/jsx-runtime";
+function CountBadge({
+  value,
+  variant = "destructive",
+  className,
+  ...props
+}) {
+  const isSingleCharacter = String(value).trim().length === 1;
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      as: "span",
+      "data-count-badge": "",
+      variant,
+      size: "counter",
+      shrink: true,
+      className: cn(
+        "self-center py-0 text-center leading-none tracking-normal tabular-nums",
+        isSingleCharacter ? "w-5 px-0" : "px-1.5",
+        className
+      ),
+      ...props,
+      children: value
+    }
+  );
+}
+
+export {
+  CountBadge
+};