@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/chunk-KN4RPX35.js

@@ -0,0 +1,36 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/icon.tsx
+import { createElement } from "react";
+var sizes = {
+  xs: "size-3",
+  sm: "size-3.5",
+  md: "size-4",
+  lg: "size-5",
+  xl: "size-6"
+};
+var tones = {
+  inherit: "text-current",
+  muted: "text-muted-foreground",
+  primary: "text-primary",
+  info: "text-blue-600 dark:text-blue-400",
+  success: "text-emerald-600 dark:text-emerald-400",
+  warning: "text-amber-600 dark:text-amber-400",
+  destructive: "text-destructive",
+  disabled: "text-muted-foreground/40"
+};
+function Icon({ icon, size = "md", tone = "inherit", spin = false, align = "center", filled = false, visibility = "visible", marginEnd = "none", marginStart = "none", motion = "none", rotation = "none", marginBottom = "none", className, ...props }) {
+  return createElement(icon, {
+    "aria-hidden": true,
+    className: cn("shrink-0", typeof size === "number" ? void 0 : sizes[size], tones[tone], spin && "animate-spin", align === "start" && "mt-0.5", filled && "fill-current", visibility === "hidden" && "opacity-0", visibility === "parent-hover" && "opacity-0 transition-opacity group-hover:opacity-100", marginEnd === "md" && "mr-2", marginStart === "sm" && "ml-1", motion === "parent-nudge" && "transition-transform duration-200 ease-out group-hover:translate-x-1", rotation === "half" && "rotate-180 transition-transform", marginBottom === "sm" && "mb-2", marginBottom === "md" && "mb-3", className),
+    ...typeof size === "number" ? { size } : {},
+    ...props
+  });
+}
+
+export {
+  Icon
+};

package/dist/chunk-KWLSBTB2.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+// src/lib/utils.ts
+var _clsx = require('clsx');
+var _tailwindmerge = require('tailwind-merge');
+function cn(...inputs) {
+  return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, 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] && _optionalChain([nameParts, 'access', _ => _[nameParts.length - 1], 'optionalAccess', _2 => _2[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";
+}
+
+
+
+
+exports.cn = cn; exports.generateInitials = generateInitials;

package/dist/chunk-L4DH72UF.cjs

@@ -0,0 +1,179 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/button.tsx
+var _reactslot = require('@radix-ui/react-slot');
+var _classvarianceauthority = require('class-variance-authority');
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var buttonVariants = _classvarianceauthority.cva.call(void 0, 
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        "outline-muted": "border border-input bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        quiet: "text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        "ghost-destructive": "text-destructive hover:bg-destructive/10 hover:text-destructive",
+        link: "text-primary underline-offset-4 hover:underline",
+        "link-muted": "text-muted-foreground underline-offset-4 hover:text-foreground hover:underline",
+        inverted: "bg-background text-foreground hover:bg-background/90",
+        "status-error": "bg-red-100 text-red-800 hover:bg-red-200 dark:bg-red-900/20 dark:text-red-300",
+        "status-warning": "bg-amber-100 text-amber-800 hover:bg-amber-200 dark:bg-amber-900/20 dark:text-amber-300",
+        "status-muted": "bg-muted text-muted-foreground hover:bg-muted/80"
+      },
+      size: {
+        // Standard text buttons are intentionally roomy: small is the 44px
+        // minimum control, while default and larger actions step up from it.
+        // Dense utility controls keep their explicit compact/filter variants.
+        default: "min-h-12 px-6 py-3",
+        sm: "min-h-11 rounded-md px-5 py-2.5",
+        lg: "min-h-14 rounded-md px-8 py-4",
+        hero: "min-h-14 rounded-md px-8 py-4",
+        toolbar: "min-h-12 px-5 py-3",
+        // Normal icon controls share a 44px minimum target. The icon stays
+        // visually small; the button supplies the comfortable click/tap area.
+        icon: "h-11 w-11",
+        "icon-lg": "h-12 w-12",
+        "icon-sm": "h-11 w-11",
+        "icon-md": "h-11 w-11",
+        "icon-xs": "h-6 w-6",
+        "icon-compact": "h-7 w-7",
+        "icon-micro": "h-5 w-5",
+        compact: "h-7 px-2 text-xs",
+        filter: "h-8 px-3 text-xs",
+        micro: "h-6 px-2 text-[11px]",
+        bare: "h-auto justify-start p-0",
+        status: "h-auto rounded-full px-3 py-1 text-xs",
+        "voice-sm": "h-16 w-16 rounded-full border-2",
+        voice: "h-20 w-20 rounded-full border-2",
+        suggestion: "h-auto rounded-full border-dashed px-2.5 py-1 text-[11px]",
+        tone: "h-auto w-full justify-start gap-1.5 px-2 py-1"
+      },
+      width: {
+        auto: "",
+        full: "w-full",
+        responsive: "w-full sm:w-auto"
+      },
+      align: {
+        center: "justify-center",
+        start: "justify-start"
+      },
+      shrink: {
+        true: "shrink-0",
+        false: ""
+      },
+      shape: {
+        default: "",
+        circle: "rounded-full"
+      },
+      ring: {
+        none: "",
+        surface: "ring-2 ring-background"
+      },
+      grow: {
+        true: "flex-1",
+        false: ""
+      },
+      minWidth: {
+        auto: "",
+        zero: "min-w-0"
+      },
+      textAlign: {
+        center: "text-center",
+        start: "text-left"
+      },
+      marginTop: {
+        none: "",
+        xs: "mt-1",
+        sm: "mt-2"
+      },
+      marginStart: {
+        none: "",
+        sm: "ml-1",
+        "negative-sm": "-ml-2",
+        auto: "ml-auto"
+      },
+      reveal: {
+        always: "",
+        "parent-hover": "opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100",
+        "parent-hover-responsive": "opacity-60 transition-opacity sm:opacity-0 sm:group-hover:opacity-100 focus:opacity-100"
+      },
+      interaction: {
+        none: "",
+        group: "group"
+      },
+      position: {
+        static: "",
+        relative: "relative",
+        "viewport-top-end": "fixed right-4 top-4 z-10"
+      },
+      transform: {
+        none: "",
+        capitalize: "capitalize"
+      },
+      marginEnd: {
+        none: "",
+        "negative-xs": "-mr-1"
+      },
+      gap: {
+        default: "",
+        xs: "gap-1"
+      },
+      numeric: {
+        normal: "",
+        tabular: "tabular-nums"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      width: "auto",
+      align: "center",
+      shrink: false,
+      shape: "default",
+      ring: "none",
+      grow: false,
+      minWidth: "auto",
+      textAlign: "center",
+      marginTop: "none",
+      marginStart: "none",
+      reveal: "always",
+      interaction: "none",
+      position: "static",
+      transform: "none",
+      marginEnd: "none",
+      gap: "default",
+      numeric: "normal"
+    }
+  }
+);
+var Button = _react.forwardRef.call(void 0, 
+  ({ className, variant, size, width, align, shrink, shape, ring, grow, minWidth, textAlign, marginTop, marginStart, reveal, interaction, position, transform, marginEnd, gap, numeric, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : "button";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Comp,
+      {
+        "data-slot": "button",
+        "data-variant": _nullishCoalesce(variant, () => ( "default")),
+        "data-size": _nullishCoalesce(size, () => ( "default")),
+        "data-shape": _nullishCoalesce(shape, () => ( "default")),
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, buttonVariants({ variant, size, width, align, shrink, shape, ring, grow, minWidth, textAlign, marginTop, marginStart, reveal, interaction, position, transform, marginEnd, gap, numeric, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+
+
+
+exports.buttonVariants = buttonVariants; exports.Button = Button;

package/dist/chunk-LELBCBDT.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/heading.tsx
+var _react = require('react');
+var _jsxruntime = require('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 = _react.forwardRef.call(void 0, 
+  function Heading2({ level = 1, appearance = "default", spacing = "none", truncate = false, as, className, ...props }, ref) {
+    const Tag = _nullishCoalesce(as, () => ( `h${level}`));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Tag,
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          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
+      }
+    );
+  }
+);
+
+
+
+exports.Heading = Heading;

package/dist/chunk-LELFPLTE.js

@@ -0,0 +1,55 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/scroll-area.tsx
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ScrollArea = React.forwardRef(({ className, children, height = "auto", maxHeight = "none", padding = "none", paddingEnd = "none", ...props }, ref) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative overflow-hidden",
+      height === "full" && "h-full",
+      maxHeight === "sm" && "max-h-52",
+      maxHeight === "compact" && "max-h-[260px]",
+      maxHeight === "md" && "max-h-72",
+      maxHeight === "lg" && "max-h-96",
+      maxHeight === "viewport" && "max-h-[60vh]",
+      padding === "drawer" && "px-4 pb-8",
+      paddingEnd === "sm" && "pr-2",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+export {
+  ScrollArea,
+  ScrollBar
+};

package/dist/chunk-LI5EOSQG.js

@@ -0,0 +1,171 @@
+"use client";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/quick-filters.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function definedKeys(obj) {
+  return Object.keys(obj).filter((k) => obj[k] !== void 0 && obj[k] !== null);
+}
+function valuesEqual(a, b) {
+  if (typeof a === "object" && typeof b === "object") {
+    return JSON.stringify(a) === JSON.stringify(b);
+  }
+  return a === b;
+}
+function areFiltersEqual(filters1, filters2) {
+  const keys1 = definedKeys(filters1);
+  const keys2 = definedKeys(filters2);
+  if (keys1.length !== keys2.length) return false;
+  return keys1.every((key) => valuesEqual(filters1[key], filters2[key]));
+}
+function Shell({
+  showLabel,
+  appearance,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3",
+        showLabel && "justify-between",
+        appearance === "underline" ? "border-b border-border" : "rounded-md bg-muted/50 p-3",
+        className
+      ),
+      children: [
+        showLabel && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-sm font-medium text-muted-foreground",
+              appearance === "underline" && "py-3"
+            ),
+            children: "Quick filters:"
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function QuickFilters({
+  quickFilters,
+  activeFilters,
+  onFilterClick,
+  showLabel = true,
+  appearance = "surface",
+  className = ""
+}) {
+  if (!quickFilters || quickFilters.length === 0) {
+    return null;
+  }
+  const hasGroups = quickFilters.some((f) => f.group !== void 0);
+  if (!hasGroups) {
+    const isActive2 = (qf) => areFiltersEqual(activeFilters, qf.filters);
+    const handleClick2 = (qf) => isActive2(qf) ? onFilterClick({}) : onFilterClick(qf.filters);
+    return /* @__PURE__ */ jsx(Shell, { showLabel, appearance, className, children: /* @__PURE__ */ jsx("div", { className: cn("flex items-center flex-wrap", appearance === "underline" ? "gap-6" : "gap-2"), children: quickFilters.map((filter) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: appearance === "underline" ? "ghost" : isActive2(filter) ? "default" : "outline",
+        size: "sm",
+        onClick: () => handleClick2(filter),
+        "aria-pressed": isActive2(filter),
+        className: cn(
+          "h-8",
+          appearance === "underline" && "-mb-px h-11 rounded-none border-b-2 px-0 hover:bg-transparent",
+          appearance === "underline" && (isActive2(filter) ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground")
+        ),
+        children: filter.label
+      },
+      filter.id
+    )) }) });
+  }
+  const effGroup = (f) => f.group ?? f.id;
+  const order = [];
+  const byGroup = /* @__PURE__ */ new Map();
+  for (const f of quickFilters) {
+    const g = effGroup(f);
+    if (!byGroup.has(g)) {
+      byGroup.set(g, []);
+      order.push(g);
+    }
+    byGroup.get(g).push(f);
+  }
+  const ownedKeys = (g) => {
+    const keys = /* @__PURE__ */ new Set();
+    for (const f of byGroup.get(g)) for (const k of definedKeys(f.filters)) keys.add(k);
+    return [...keys];
+  };
+  const isActive = (f) => {
+    const keys = definedKeys(f.filters);
+    if (keys.length === 0) {
+      return ownedKeys(effGroup(f)).every(
+        (k) => activeFilters[k] === void 0 || activeFilters[k] === null
+      );
+    }
+    return keys.every((k) => valuesEqual(activeFilters[k], f.filters[k]));
+  };
+  const handleClick = (f) => {
+    const base = { ...activeFilters };
+    for (const k of ownedKeys(effGroup(f))) delete base[k];
+    onFilterClick(isActive(f) ? base : { ...base, ...f.filters });
+  };
+  return /* @__PURE__ */ jsx(Shell, { showLabel, appearance, className, children: /* @__PURE__ */ jsx("div", { className: cn("flex items-center flex-wrap", appearance === "underline" ? "gap-6" : "gap-2"), children: order.map((g) => {
+    const fs = byGroup.get(g);
+    if (fs.length === 1) {
+      const filter = fs[0];
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: appearance === "underline" ? "ghost" : isActive(filter) ? "default" : "outline",
+          size: "sm",
+          onClick: () => handleClick(filter),
+          "aria-pressed": isActive(filter),
+          className: cn(
+            "h-8",
+            appearance === "underline" && "-mb-px h-11 rounded-none border-b-2 px-0 hover:bg-transparent",
+            appearance === "underline" && (isActive(filter) ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground")
+          ),
+          children: filter.label
+        },
+        filter.id
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "inline-flex items-center",
+          appearance === "underline" ? "gap-6" : "gap-1 rounded-md border p-0.5"
+        ),
+        children: fs.map((filter) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: appearance === "underline" ? "ghost" : isActive(filter) ? "default" : "ghost",
+            size: "sm",
+            onClick: () => handleClick(filter),
+            "aria-pressed": isActive(filter),
+            className: cn(
+              "h-7",
+              appearance === "underline" && "-mb-px h-11 rounded-none border-b-2 px-0 hover:bg-transparent",
+              appearance === "underline" && (isActive(filter) ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground")
+            ),
+            children: filter.label
+          },
+          filter.id
+        ))
+      },
+      g
+    );
+  }) }) });
+}
+
+export {
+  QuickFilters
+};

package/dist/chunk-LIE6W3QT.js

@@ -0,0 +1,42 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/eyebrow.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Eyebrow = forwardRef(
+  function Eyebrow2({ as, className, dot, display = "inline", marginBottom = "none", children, ...props }, ref) {
+    const Tag = as ?? "span";
+    return /* @__PURE__ */ jsxs(
+      Tag,
+      {
+        ref,
+        className: cn(
+          "font-mono text-xs uppercase tracking-[0.18em] text-muted-foreground",
+          dot && "inline-flex items-center",
+          display === "block" && "block",
+          marginBottom === "sm" && "mb-2",
+          marginBottom === "md" && "mb-3",
+          className
+        ),
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "mr-2 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-primary"
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+
+export {
+  Eyebrow
+};