@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/chunk-7CRDYV3C.js

@@ -0,0 +1,137 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/tabs.tsx
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = forwardRef(
+  function TabsList2({
+    className,
+    responsiveGrid = false,
+    scrollable = false,
+    width = "auto",
+    marginBottom = "none",
+    ...props
+  }, ref) {
+    const listRef = useRef(null);
+    const [overflow, setOverflow] = useState({ start: false, end: false });
+    useImperativeHandle(ref, () => listRef.current);
+    const updateOverflow = useCallback(() => {
+      const node = listRef.current;
+      if (!node) return;
+      const maxScrollLeft = Math.max(0, node.scrollWidth - node.clientWidth);
+      const next = {
+        start: node.scrollLeft > 1,
+        end: node.scrollLeft < maxScrollLeft - 1
+      };
+      setOverflow(
+        (current) => current.start === next.start && current.end === next.end ? current : next
+      );
+    }, []);
+    useEffect(() => {
+      const node = listRef.current;
+      if (!scrollable || !node) {
+        setOverflow({ start: false, end: false });
+        return;
+      }
+      updateOverflow();
+      node.addEventListener("scroll", updateOverflow, { passive: true });
+      window.addEventListener("resize", updateOverflow);
+      const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(updateOverflow);
+      observer?.observe(node);
+      return () => {
+        node.removeEventListener("scroll", updateOverflow);
+        window.removeEventListener("resize", updateOverflow);
+        observer?.disconnect();
+      };
+    }, [scrollable, updateOverflow]);
+    const list = /* @__PURE__ */ jsx(
+      TabsPrimitive.List,
+      {
+        ref: listRef,
+        className: cn(
+          "min-h-10 h-auto items-center rounded-md bg-muted p-1 text-muted-foreground",
+          responsiveGrid ? "grid grid-cols-2 sm:grid-cols-4 [&>*]:min-w-0 [&>*]:whitespace-normal" : scrollable ? "flex max-w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" : "inline-flex justify-start",
+          width === "full" && "w-full",
+          marginBottom === "lg" && "mb-6",
+          className
+        ),
+        ...props
+      }
+    );
+    if (!scrollable || responsiveGrid) return list;
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative max-w-full", width === "full" && "w-full"), children: [
+      list,
+      overflow.start && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          "data-scroll-fade": "start",
+          className: "pointer-events-none absolute inset-y-1 left-0 z-10 w-10 rounded-l-md bg-linear-to-r from-muted to-transparent"
+        }
+      ),
+      overflow.end && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          "data-scroll-fade": "end",
+          className: "pointer-events-none absolute inset-y-1 right-0 z-10 w-10 rounded-r-md bg-linear-to-l from-muted to-transparent"
+        }
+      )
+    ] });
+  }
+);
+TabsList.displayName = TabsPrimitive.List.displayName;
+var triggerPadding = {
+  sm: "px-2 py-1",
+  md: "px-3 py-1.5",
+  lg: "px-4 py-2",
+  xl: "px-6 py-3"
+};
+var TabsTrigger = forwardRef(({ className, padding = "xl", ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all 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=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs",
+      triggerPadding[padding],
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = forwardRef(({ className, spacing = "none", marginTop = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      marginTop === "default" ? "mt-2" : "mt-3",
+      "ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      spacing === "compact" && "space-y-3",
+      spacing === "md" && "space-y-4",
+      spacing === "relaxed" && "space-y-6",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+export {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent
+};

package/dist/chunk-B765DSRG.cjs

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/marker.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var markerVariants = _classvarianceauthority.cva.call(void 0, 
+  "cn-marker group/marker relative flex w-full items-center",
+  {
+    variants: {
+      variant: {
+        default: "cn-marker-variant-default",
+        separator: "cn-marker-variant-separator",
+        border: "cn-marker-variant-border"
+      }
+    }
+  }
+);
+function Marker({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? _radixui.Slot.Root : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "marker",
+      "data-variant": variant,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, markerVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function MarkerIcon({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "marker-icon",
+      "aria-hidden": "true",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "cn-marker-icon shrink-0", className),
+      ...props
+    }
+  );
+}
+function MarkerContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "marker-content",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "cn-marker-content min-w-0 wrap-break-word", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+exports.markerVariants = markerVariants; exports.Marker = Marker; exports.MarkerIcon = MarkerIcon; exports.MarkerContent = MarkerContent;

package/dist/chunk-BEJJN2SY.cjs

@@ -0,0 +1,73 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/interactive-card.tsx
+
+
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function interactiveCardClass({
+  selected,
+  surface = "card",
+  borderWidth = "default"
+} = {}) {
+  return _chunkKWLSBTB2cjs.cn.call(void 0, 
+    "group relative w-full rounded-xl text-left",
+    borderWidth === "thin" ? "border" : "border-2",
+    surface === "subtle" ? "bg-muted/20" : "bg-card",
+    "transition-colors duration-150",
+    "hover:border-foreground/40",
+    "focus-visible:outline-hidden focus-visible:border-foreground/40",
+    "focus-visible:ring-2 focus-visible:ring-ring",
+    selected ? "border-primary" : "border-border"
+  );
+}
+var InteractiveCard = _react.forwardRef.call(void 0, 
+  function InteractiveCard2({ as, selected, flat, clip, padding = "none", radius = "xl", joined = "none", border = "default", borderWidth = "default", display = "inline", textSize = "inherit", opacity = "full", surface = "card", indicator = "bar", className, onClick, onKeyDown, ...props }, ref) {
+    const Component = _nullishCoalesce(as, () => ( "button"));
+    const needsButtonSemantics = Component !== "button" && Component !== "a" && !!onClick;
+    const handleKeyDown = (event) => {
+      _optionalChain([onKeyDown, 'optionalCall', _ => _(event)]);
+      if (event.defaultPrevented || !needsButtonSemantics) return;
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        _optionalChain([onClick, 'optionalCall', _2 => _2(event)]);
+      }
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Component,
+      {
+        ref,
+        ...Component === "button" ? { type: "button" } : {},
+        ...needsButtonSemantics ? { role: "button", tabIndex: 0 } : {},
+        ...selected !== void 0 ? { "aria-current": selected || void 0 } : {},
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          interactiveCardClass({ selected, flat, indicator, surface, borderWidth }),
+          clip && "overflow-hidden",
+          padding === "compact" && "p-3",
+          padding === "row" && "px-3 py-2",
+          padding === "comfortable" && "px-5 py-4",
+          padding === "roomy" && "p-5 md:p-6",
+          radius === "lg" && "rounded-lg",
+          radius === "none" && "rounded-none",
+          joined === "top" && "rounded-b-none rounded-t-xl",
+          border === "none" && "border-0",
+          display === "block" && "block",
+          textSize === "sm" && "text-sm",
+          opacity === "subdued" && "opacity-60",
+          className
+        ),
+        onClick,
+        onKeyDown: handleKeyDown,
+        ...props
+      }
+    );
+  }
+);
+
+
+
+
+exports.interactiveCardClass = interactiveCardClass; exports.InteractiveCard = InteractiveCard;

package/dist/chunk-BGLGRUPP.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/status-icon.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var STATUS_CONFIG = {
+  completed: { Icon: _lucidereact.CheckCircle2, className: "text-green-600 dark:text-green-400" },
+  failed: { Icon: _lucidereact.XCircle, className: "text-red-600 dark:text-red-400" },
+  cancelled: { Icon: _lucidereact.XCircle, className: "text-muted-foreground" },
+  pending: { Icon: _lucidereact.Clock, className: "text-muted-foreground" },
+  running: { Icon: _lucidereact.Loader2, className: "text-primary animate-spin" }
+};
+function StatusIcon({ status, iconMap, className }) {
+  const key = status === "completed" || status === "failed" || status === "cancelled" || status === "pending" ? status : "running";
+  const config = STATUS_CONFIG[key];
+  const Icon = _nullishCoalesce(_optionalChain([iconMap, 'optionalAccess', _ => _[key]]), () => ( config.Icon));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Icon,
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "h-4 w-4 shrink-0 mt-0.5", config.className, className),
+      "aria-hidden": true
+    }
+  );
+}
+
+
+
+exports.StatusIcon = StatusIcon;

package/dist/chunk-CS7DM3NV.js

@@ -0,0 +1,98 @@
+// src/lib/date-utils.ts
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc.js";
+import timezone from "dayjs/plugin/timezone.js";
+dayjs.extend(utc);
+dayjs.extend(timezone);
+function parseDate(value) {
+  if (!value) return null;
+  try {
+    if (typeof value === "string") {
+      if (/^\d+$/.test(value)) {
+        const num = parseInt(value);
+        return num > 1e10 ? dayjs(num) : dayjs.unix(num);
+      }
+      const parsed = dayjs(value);
+      return parsed.isValid() ? parsed : null;
+    }
+    if (typeof value === "number") {
+      return value > 1e10 ? dayjs(value) : dayjs.unix(value);
+    }
+    if (value instanceof Date) {
+      const parsed = dayjs(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`;
+}
+
+export {
+  formatDate,
+  formatDateOnly,
+  formatTimeOnly,
+  formatRelative,
+  formatRelativeLong
+};

package/dist/chunk-CTYOW3V2.cjs

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/callout.tsx
+var _jsxruntime = require('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__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "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
+    }
+  );
+}
+
+
+
+exports.Callout = Callout;

package/dist/chunk-D4ZL2OEQ.js

@@ -0,0 +1,61 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/badge.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 dark:border-border dark:focus:ring-ring",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-muted text-muted-foreground hover:bg-muted/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground",
+        // Semantic variants for status badges
+        success: "border-transparent bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400 hover:bg-green-100/80",
+        warning: "border-transparent bg-yellow-100 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400 hover:bg-yellow-100/80",
+        error: "border-transparent bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400 hover:bg-red-100/80",
+        info: "border-transparent bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400 hover:bg-blue-100/80",
+        neutral: "border-transparent bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 hover:bg-gray-100/80"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, weight = "semibold", gap = "xs", size = "default", padding = "default", shrink = false, interactive = false, marginStart = "none", transform = "none", shape = "pill", marginTop = "none", font = "sans", titleCase = "preserve", as, ...props }) {
+  const Component = as ?? "div";
+  return /* @__PURE__ */ jsx(Component, { "data-slot": "badge", "data-variant": variant ?? "default", "data-size": size, "data-padding": padding, "data-shape": shape, className: cn(
+    badgeVariants({ variant }),
+    weight === "normal" && "font-normal",
+    weight === "bold" && "font-bold",
+    gap === "xs" && "gap-1",
+    size === "compact" && "px-1.5 py-0.5 text-[11px] leading-none",
+    size === "micro" && "text-[10px]",
+    size === "micro-compact" && "px-1.5 py-0 text-[10px] leading-none",
+    size === "tiny" && "h-3.5 px-1 py-0 text-[9px]",
+    size === "counter" && "h-5 min-w-5 justify-center px-1.5",
+    size === "tile" && "h-8 w-8 justify-center p-0 text-sm",
+    size === "rule" && "px-3 py-1.5 text-sm",
+    padding === "roomy" && "px-3 py-1",
+    shrink && "shrink-0",
+    interactive && "cursor-pointer hover:bg-muted",
+    marginStart === "md" && "ml-2",
+    transform === "uppercase" && "uppercase tracking-wide",
+    shape === "rounded" && "rounded-md",
+    marginTop === "tight" && "mt-0.5",
+    font === "mono" && "font-mono",
+    titleCase === "capitalize" && "capitalize",
+    className
+  ), ...props });
+}
+
+export {
+  badgeVariants,
+  Badge
+};

package/dist/chunk-DFB4ILN6.cjs

@@ -0,0 +1,137 @@
+"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; } } 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";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/tabs.tsx
+var _reacttabs = require('@radix-ui/react-tabs'); var TabsPrimitive = _interopRequireWildcard(_reacttabs);
+
+
+
+
+
+
+
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var Tabs = TabsPrimitive.Root;
+var TabsList = _react.forwardRef.call(void 0, 
+  function TabsList2({
+    className,
+    responsiveGrid = false,
+    scrollable = false,
+    width = "auto",
+    marginBottom = "none",
+    ...props
+  }, ref) {
+    const listRef = _react.useRef.call(void 0, null);
+    const [overflow, setOverflow] = _react.useState.call(void 0, { start: false, end: false });
+    _react.useImperativeHandle.call(void 0, ref, () => listRef.current);
+    const updateOverflow = _react.useCallback.call(void 0, () => {
+      const node = listRef.current;
+      if (!node) return;
+      const maxScrollLeft = Math.max(0, node.scrollWidth - node.clientWidth);
+      const next = {
+        start: node.scrollLeft > 1,
+        end: node.scrollLeft < maxScrollLeft - 1
+      };
+      setOverflow(
+        (current) => current.start === next.start && current.end === next.end ? current : next
+      );
+    }, []);
+    _react.useEffect.call(void 0, () => {
+      const node = listRef.current;
+      if (!scrollable || !node) {
+        setOverflow({ start: false, end: false });
+        return;
+      }
+      updateOverflow();
+      node.addEventListener("scroll", updateOverflow, { passive: true });
+      window.addEventListener("resize", updateOverflow);
+      const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(updateOverflow);
+      _optionalChain([observer, 'optionalAccess', _ => _.observe, 'call', _2 => _2(node)]);
+      return () => {
+        node.removeEventListener("scroll", updateOverflow);
+        window.removeEventListener("resize", updateOverflow);
+        _optionalChain([observer, 'optionalAccess', _3 => _3.disconnect, 'call', _4 => _4()]);
+      };
+    }, [scrollable, updateOverflow]);
+    const list = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      TabsPrimitive.List,
+      {
+        ref: listRef,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "min-h-10 h-auto items-center rounded-md bg-muted p-1 text-muted-foreground",
+          responsiveGrid ? "grid grid-cols-2 sm:grid-cols-4 [&>*]:min-w-0 [&>*]:whitespace-normal" : scrollable ? "flex max-w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" : "inline-flex justify-start",
+          width === "full" && "w-full",
+          marginBottom === "lg" && "mb-6",
+          className
+        ),
+        ...props
+      }
+    );
+    if (!scrollable || responsiveGrid) return list;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "relative max-w-full", width === "full" && "w-full"), children: [
+      list,
+      overflow.start && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "span",
+        {
+          "aria-hidden": "true",
+          "data-scroll-fade": "start",
+          className: "pointer-events-none absolute inset-y-1 left-0 z-10 w-10 rounded-l-md bg-linear-to-r from-muted to-transparent"
+        }
+      ),
+      overflow.end && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "span",
+        {
+          "aria-hidden": "true",
+          "data-scroll-fade": "end",
+          className: "pointer-events-none absolute inset-y-1 right-0 z-10 w-10 rounded-r-md bg-linear-to-l from-muted to-transparent"
+        }
+      )
+    ] });
+  }
+);
+TabsList.displayName = TabsPrimitive.List.displayName;
+var triggerPadding = {
+  sm: "px-2 py-1",
+  md: "px-3 py-1.5",
+  lg: "px-4 py-2",
+  xl: "px-6 py-3"
+};
+var TabsTrigger = _react.forwardRef.call(void 0, ({ className, padding = "xl", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all 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=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs",
+      triggerPadding[padding],
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = _react.forwardRef.call(void 0, ({ className, spacing = "none", marginTop = "default", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      marginTop === "default" ? "mt-2" : "mt-3",
+      "ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      spacing === "compact" && "space-y-3",
+      spacing === "md" && "space-y-4",
+      spacing === "relaxed" && "space-y-6",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+
+
+
+
+
+exports.Tabs = Tabs; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.TabsContent = TabsContent;