@epicbagel/saas-kit 0.0.0-stage → 1.1.0

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

package/dist/chunk-MHYAVXOE.js

@@ -0,0 +1,159 @@
+"use client";
+import {
+  Textarea
+} from "./chunk-6FC65AZQ.js";
+import {
+  Input
+} from "./chunk-QMA3WVB7.js";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/input-group.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var inputGroupAddonVariants = cva(
+  "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
+        "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
+        "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+        "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(inputGroupAddonVariants({ align }), className),
+      onClick: (e) => {
+        if (e.target.closest("button")) {
+          return;
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus();
+      },
+      ...props
+    }
+  );
+}
+var inputGroupButtonVariants = cva(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type,
+      size: "bare",
+      "data-size": size,
+      variant,
+      className: cn(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      "data-slot": "input-group-control",
+      controlSize: "sm",
+      surface: "ghost",
+      className: cn(
+        "min-w-0 flex-1 rounded-none border-0 bg-transparent px-2.5 py-1 shadow-none ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 aria-invalid:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupTextarea({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Textarea,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "field-sizing-content min-h-16 flex-1 resize-none rounded-none border-0 bg-transparent px-2.5 py-2 shadow-none ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 aria-invalid:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea
+};