@epicbagel/saas-kit 1.0.0 → 1.2.0

package/dist/chunk-Z45YKVAM.js

@@ -0,0 +1,154 @@
+"use client";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "./chunk-NBUWGRQO.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/trace.tsx
+import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Trace({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "trace",
+      className: cn(
+        "flex w-full min-w-0 flex-col gap-2 *:has-[>[data-slot=trace-line]]:flex *:has-[>[data-slot=trace-line]]:w-fit *:has-[>[data-slot=trace-line]]:max-w-full *:has-[>[data-slot=trace-line]]:min-w-0 *:has-[>[data-slot=trace-line]]:rounded-md *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none *:has-[>[data-slot=trace-line]]:focus-visible:ring-3 *:has-[>[data-slot=trace-line]]:focus-visible:ring-ring/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TraceLine({
+  className,
+  status,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "trace-line",
+      "data-status": status,
+      className: cn(
+        "flex w-fit max-w-full min-w-0 items-center gap-2 text-sm text-muted-foreground transition-colors in-[a,button]:cursor-pointer in-[a:hover,button:hover]:text-foreground data-[status=error]:text-destructive data-[status=error]:in-[a:hover,button:hover]:text-destructive data-[status=pending]:opacity-60 data-[status=running]:*:data-[slot=trace-title]:shimmer",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TraceIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "trace-icon",
+      "aria-hidden": "true",
+      className: cn(
+        "flex size-4 shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=trace-title]~&]:-ml-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TraceTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "trace-title",
+      className: cn("min-w-0 truncate motion-reduce:shimmer-none", className),
+      ...props
+    }
+  );
+}
+function TraceDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "trace-description",
+      className: cn(
+        "shrink-0 text-muted-foreground/70 tabular-nums",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TraceCollapsible({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Collapsible,
+    {
+      "data-slot": "trace-collapsible",
+      className: cn("flex w-full min-w-0 flex-col", className),
+      ...props
+    }
+  );
+}
+function TraceCollapsibleTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    CollapsibleTrigger,
+    {
+      "data-slot": "trace-collapsible-trigger",
+      className: cn(
+        "group/trace-collapsible-trigger flex w-fit max-w-full min-w-0 cursor-pointer items-center gap-1 rounded-md text-left text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 has-[[data-status=error]]:text-destructive",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TraceIcon, { className: "transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90", children: /* @__PURE__ */ jsx(ChevronRight, {}) })
+      ]
+    }
+  );
+}
+function TraceCollapsibleContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsibleContent,
+    {
+      "data-slot": "trace-collapsible-content",
+      className: "min-w-0 overflow-hidden duration-200 [--radix-accordion-content-height:var(--radix-collapsible-content-height)] data-open:animate-accordion-down data-closed:animate-accordion-up",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "trace-collapsible-content-inner",
+          className: cn(
+            "mt-2 mb-1 ml-[calc(--spacing(2)-1px)] min-w-0 border-l pr-1 pl-4 leading-relaxed wrap-break-word text-muted-foreground",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+
+export {
+  Trace,
+  TraceLine,
+  TraceIcon,
+  TraceTitle,
+  TraceDescription,
+  TraceCollapsible,
+  TraceCollapsibleTrigger,
+  TraceCollapsibleContent
+};

package/dist/primitives/action-dock.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunk2KFZQJH5cjs = require('../chunk-2KFZQJH5.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.ActionDock = _chunk2KFZQJH5cjs.ActionDock;

package/dist/primitives/action-dock.d.cts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface ActionDockProps extends HTMLAttributes<HTMLElement> {
+    shrink?: boolean;
+}
+/** In-flow action boundary for the bottom of a panel, drawer, or review card. */
+declare const ActionDock: React.ForwardRefExoticComponent<ActionDockProps & React.RefAttributes<HTMLElement>>;
+
+export { ActionDock, type ActionDockProps };

package/dist/primitives/action-dock.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface ActionDockProps extends HTMLAttributes<HTMLElement> {
+    shrink?: boolean;
+}
+/** In-flow action boundary for the bottom of a panel, drawer, or review card. */
+declare const ActionDock: React.ForwardRefExoticComponent<ActionDockProps & React.RefAttributes<HTMLElement>>;
+
+export { ActionDock, type ActionDockProps };

package/dist/primitives/action-dock.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  ActionDock
+} from "../chunk-42RTTHND.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  ActionDock
+};

package/dist/primitives/attachment.cjs

@@ -1,203 +1,25 @@
-"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/attachment.tsx
-var _classvarianceauthority = require('class-variance-authority');
-var _radixui = require('radix-ui');
-var _jsxruntime = require('react/jsx-runtime');
-var attachmentVariants = _classvarianceauthority.cva.call(void 0, 
-  "cn-attachment group/attachment relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed",
-  {
-    variants: {
-      size: {
-        default: "cn-attachment-size-default",
-        sm: "cn-attachment-size-sm",
-        xs: "cn-attachment-size-xs"
-      },
-      orientation: {
-        horizontal: "cn-attachment-orientation-horizontal items-center",
-        vertical: "cn-attachment-orientation-vertical flex-col"
-      }
-    }
-  }
-);
-function Attachment({
-  className,
-  state = "done",
-  size = "default",
-  orientation = "horizontal",
-  ...props
-}) {
-  const resolvedOrientation = _nullishCoalesce(orientation, () => ( "horizontal"));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment",
-      "data-state": state,
-      "data-size": size,
-      "data-orientation": resolvedOrientation,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, attachmentVariants({ size, orientation }), className),
-      ...props
-    }
-  );
-}
-var attachmentMediaVariants = _classvarianceauthority.cva.call(void 0, 
-  "cn-attachment-media relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        icon: "cn-attachment-media-variant-icon",
-        image: "cn-attachment-media-variant-image *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "icon"
-    }
-  }
-);
-function AttachmentMedia({
-  className,
-  variant = "icon",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment-media",
-      "data-variant": variant,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, attachmentMediaVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AttachmentContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment-content",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-content max-w-full min-w-0 flex-1",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "span",
-    {
-      "data-slot": "attachment-title",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-title block max-w-full min-w-0 truncate group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "span",
-    {
-      "data-slot": "attachment-description",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-description block min-w-0 truncate text-muted-foreground group-data-[state=error]/attachment:text-destructive/80",
-        "max-w-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentActions({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment-actions",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-actions flex shrink-0 items-center",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentAction({
-  className,
-  variant,
-  size = "icon-xs",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
-    {
-      "data-slot": "attachment-action",
-      variant: _nullishCoalesce(variant, () => ( "ghost")),
-      size,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "cn-attachment-action", className),
-      ...props
-    }
-  );
-}
-function AttachmentTrigger({
-  className,
-  asChild = false,
-  type,
-  ...props
-}) {
-  const Comp = asChild ? _radixui.Slot.Root : "button";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      "data-slot": "attachment-trigger",
-      type: asChild ? void 0 : _nullishCoalesce(type, () => ( "button")),
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-trigger absolute inset-0 z-10 outline-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentGroup({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment-group",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-group flex min-w-0 scroll-fade-x snap-x snap-mandatory scrollbar-none overflow-x-auto overscroll-x-contain *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-
-
-
-
-
-
-
-
-
-exports.Attachment = Attachment; exports.AttachmentAction = AttachmentAction; exports.AttachmentActions = AttachmentActions; exports.AttachmentContent = AttachmentContent; exports.AttachmentDescription = AttachmentDescription; exports.AttachmentGroup = AttachmentGroup; exports.AttachmentMedia = AttachmentMedia; exports.AttachmentTitle = AttachmentTitle; exports.AttachmentTrigger = AttachmentTrigger;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+
+
+
+
+var _chunk32Q4XOTUcjs = require('../chunk-32Q4XOTU.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+
+
+
+
+
+exports.Attachment = _chunk32Q4XOTUcjs.Attachment; exports.AttachmentAction = _chunk32Q4XOTUcjs.AttachmentAction; exports.AttachmentActions = _chunk32Q4XOTUcjs.AttachmentActions; exports.AttachmentContent = _chunk32Q4XOTUcjs.AttachmentContent; exports.AttachmentDescription = _chunk32Q4XOTUcjs.AttachmentDescription; exports.AttachmentGroup = _chunk32Q4XOTUcjs.AttachmentGroup; exports.AttachmentMedia = _chunk32Q4XOTUcjs.AttachmentMedia; exports.AttachmentTitle = _chunk32Q4XOTUcjs.AttachmentTitle; exports.AttachmentTrigger = _chunk32Q4XOTUcjs.AttachmentTrigger;

package/dist/primitives/attachment.d.cts

@@ -12,7 +12,7 @@ declare function Attachment({ className, state, size, orientation, ...props }: R
     state?: "idle" | "uploading" | "processing" | "error" | "done";
 }): react_jsx_runtime.JSX.Element;
 declare const attachmentMediaVariants: (props?: ({
-    variant?: "icon" | "image" | null | undefined;
+    variant?: "image" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/attachment.d.ts

@@ -12,7 +12,7 @@ declare function Attachment({ className, state, size, orientation, ...props }: R
     state?: "idle" | "uploading" | "processing" | "error" | "done";
 }): react_jsx_runtime.JSX.Element;
 declare const attachmentMediaVariants: (props?: ({
-    variant?: "icon" | "image" | null | undefined;
+    variant?: "image" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/attachment.js

@@ -1,195 +1,17 @@
 "use client";
 import {
-  Button
-} from "../chunk-HQRWRRZJ.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/attachment.tsx
-import { cva } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import { jsx } from "react/jsx-runtime";
-var attachmentVariants = cva(
-  "cn-attachment group/attachment relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed",
-  {
-    variants: {
-      size: {
-        default: "cn-attachment-size-default",
-        sm: "cn-attachment-size-sm",
-        xs: "cn-attachment-size-xs"
-      },
-      orientation: {
-        horizontal: "cn-attachment-orientation-horizontal items-center",
-        vertical: "cn-attachment-orientation-vertical flex-col"
-      }
-    }
-  }
-);
-function Attachment({
-  className,
-  state = "done",
-  size = "default",
-  orientation = "horizontal",
-  ...props
-}) {
-  const resolvedOrientation = orientation ?? "horizontal";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment",
-      "data-state": state,
-      "data-size": size,
-      "data-orientation": resolvedOrientation,
-      className: cn(attachmentVariants({ size, orientation }), className),
-      ...props
-    }
-  );
-}
-var attachmentMediaVariants = cva(
-  "cn-attachment-media relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        icon: "cn-attachment-media-variant-icon",
-        image: "cn-attachment-media-variant-image *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "icon"
-    }
-  }
-);
-function AttachmentMedia({
-  className,
-  variant = "icon",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment-media",
-      "data-variant": variant,
-      className: cn(attachmentMediaVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AttachmentContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment-content",
-      className: cn(
-        "cn-attachment-content max-w-full min-w-0 flex-1",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "attachment-title",
-      className: cn(
-        "cn-attachment-title block max-w-full min-w-0 truncate group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "attachment-description",
-      className: cn(
-        "cn-attachment-description block min-w-0 truncate text-muted-foreground group-data-[state=error]/attachment:text-destructive/80",
-        "max-w-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentActions({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment-actions",
-      className: cn(
-        "cn-attachment-actions flex shrink-0 items-center",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentAction({
-  className,
-  variant,
-  size = "icon-xs",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      "data-slot": "attachment-action",
-      variant: variant ?? "ghost",
-      size,
-      className: cn("cn-attachment-action", className),
-      ...props
-    }
-  );
-}
-function AttachmentTrigger({
-  className,
-  asChild = false,
-  type,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "button";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "attachment-trigger",
-      type: asChild ? void 0 : type ?? "button",
-      className: cn(
-        "cn-attachment-trigger absolute inset-0 z-10 outline-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment-group",
-      className: cn(
-        "cn-attachment-group flex min-w-0 scroll-fade-x snap-x snap-mandatory scrollbar-none overflow-x-auto overscroll-x-contain *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start",
-        className
-      ),
-      ...props
-    }
-  );
-}
+  Attachment,
+  AttachmentAction,
+  AttachmentActions,
+  AttachmentContent,
+  AttachmentDescription,
+  AttachmentGroup,
+  AttachmentMedia,
+  AttachmentTitle,
+  AttachmentTrigger
+} from "../chunk-EZCKWTH7.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
 export {
   Attachment,
   AttachmentAction,

package/dist/primitives/badge.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | "neutral" | null | undefined;
+    variant?: "neutral" | "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/badge.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | "neutral" | null | undefined;
+    variant?: "neutral" | "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";