@caffeinebounce/ui 0.62.3 → 0.63.0

package/dist/chunk-DYWZ23QT.mjs

@@ -0,0 +1,90 @@
+"use client";
+import { cn } from './chunk-IMKLN273.mjs';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+function Tabs({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var tabsListVariants = cva(
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList({
+  className,
+  // Local change over shadcn: consumers were built on the underline look, so
+  // "line" stays the default; pass variant="default" for the upstream pill.
+  variant = "line",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: cn(tabsListVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };

package/dist/{chunk-DTVWRRFN.mjs → chunk-E67IR6HU.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-GMBGWOCR.mjs';
-import { SidebarTrigger, Sidebar, SidebarHeader, SidebarContent, SidebarSeparator, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarGroupLabel, SidebarFooter, UserAvatarMenu, Avatar, AvatarImage, AvatarFallback, SidebarRail, useSidebar, SidebarProvider, SidebarInset, KeyboardShortcut } from './chunk-NXPEJ2UR.mjs';
-import { Spinner } from './chunk-HBLKVQIQ.mjs';
+import { SidebarTrigger, Sidebar, SidebarHeader, SidebarContent, SidebarSeparator, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarGroupLabel, SidebarFooter, UserAvatarMenu, Avatar, AvatarImage, AvatarFallback, SidebarRail, useSidebar, SidebarProvider, SidebarInset, KeyboardShortcut } from './chunk-R3X4B4JJ.mjs';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-DYWZ23QT.mjs';
+import { SizedSpinner } from './chunk-N5BHXWR3.mjs';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-OFQLWSUR.mjs';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-YKZEKJMZ.mjs';
 import { getAvatarGradient } from './chunk-MHZXUOGN.mjs';
@@ -10,7 +10,7 @@ import { normalizeMicrosoftClarityProjectId, getMicrosoftClarityScriptUrl, norma
 import * as React from 'react';
 import { useEffect, useState, useCallback, useMemo, useRef } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ArrowLeft, Monitor, Sun, Moon, CircleHelp, Info, LogOut, ChevronDown, ChevronUp, User, Home, ChevronRight, Search, X, History, Link2 as Link2$1, Loader2, Check, Clock, AlertCircle } from 'lucide-react';
+import { ArrowLeft, Monitor, Sun, Moon, CircleHelp, Info, LogOut, ChevronDown, ChevronUp, User, Home, ChevronRight, Search, X, History, Link2 as Link2$1, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, Loader2, Check, Clock, AlertCircle } from 'lucide-react';
 import Link2 from 'next/link';
 import { useTheme as useTheme$1 } from 'next-themes';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
@@ -757,7 +757,7 @@ function AppSidebar({
       return null;
     }) }),
     /* @__PURE__ */ jsx(SidebarFooter, { children: userLoading ? /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
-      /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+      /* @__PURE__ */ jsx(SizedSpinner, { size: "sm" }),
       /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Loading..." })
     ] }) }) }) : user ? /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(
       UserAvatarMenu,
@@ -844,7 +844,7 @@ function FloatingUserMenu({
   }, [menuItems, onSignOut]);
   if (!isMobile) return null;
   if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: "fixed bottom-2 left-2 z-50 flex h-8 w-8 items-center justify-center rounded-full bg-background shadow-md border", children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ jsx("div", { className: "fixed bottom-2 left-2 z-50 flex h-8 w-8 items-center justify-center rounded-full bg-background shadow-md border", children: /* @__PURE__ */ jsx(SizedSpinner, { size: "sm" }) });
   }
   if (!user) return null;
   const displayName = user.name || user.email || "User";
@@ -1467,9 +1467,30 @@ function MarketingLayout({
     footer
   ] });
 }
-function Toaster({ ...props }) {
-  return /* @__PURE__ */ jsx(Toaster$1, { ...props });
-}
+var Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme$1();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      ...props
+    }
+  );
+};
 var themeScript = `
   (function() {
     try {

package/dist/{chunk-OVNLC5RD.mjs → chunk-EXQSWHLD.mjs}

@@ -1,11 +1,11 @@
 "use client";
 import { NewsletterSignup } from './chunk-ZFLZA7UP.mjs';
-import { Container } from './chunk-RVEFPVZF.mjs';
-import { SidebarMenu, SidebarMenuItem, SidebarMenuButton, KeyboardShortcut, useSidebar, Avatar, AvatarImage, AvatarFallback, UserAvatarMenu } from './chunk-NXPEJ2UR.mjs';
-import { Separator } from './chunk-ZKUIUE7W.mjs';
-import { Spinner } from './chunk-HBLKVQIQ.mjs';
 import { useScrollDirection } from './chunk-G5TQWWQA.mjs';
+import { Container } from './chunk-C57MX3BG.mjs';
 import { Button } from './chunk-VBD4Q5LL.mjs';
+import { SidebarMenu, SidebarMenuItem, SidebarMenuButton, KeyboardShortcut, useSidebar, Avatar, AvatarImage, AvatarFallback, UserAvatarMenu } from './chunk-R3X4B4JJ.mjs';
+import { Separator } from './chunk-ZKUIUE7W.mjs';
+import { SizedSpinner } from './chunk-N5BHXWR3.mjs';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-OFQLWSUR.mjs';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-YKZEKJMZ.mjs';
 import { Input } from './chunk-STEP6C4C.mjs';
@@ -394,7 +394,7 @@ function EntitySwitcher({
   }, [handleKeyDown, enableKeyboardShortcuts]);
   if (loading) {
     return /* @__PURE__ */ jsx(SidebarMenu, { className, children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, { size: "lg", disabled: true, children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center", children: /* @__PURE__ */ jsx(SizedSpinner, { size: "sm" }) }),
       /* @__PURE__ */ jsx("div", { className: "grid min-w-0 flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: "Loading..." }) })
     ] }) }) });
   }
@@ -1450,7 +1450,7 @@ function NavbarUserMenu({
     return items;
   }, [additionalItems, onSignOut]);
   if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: "inline-flex h-8 w-8 items-center justify-center rounded-md", children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ jsx("div", { className: "inline-flex h-8 w-8 items-center justify-center rounded-md", children: /* @__PURE__ */ jsx(SizedSpinner, { size: "sm" }) });
   }
   const metadata = user.metadata || {};
   const avatarUrl = profile?.avatarUrl || profile?.avatar_url || metadata.picture || metadata.avatar_url;

package/dist/{chunk-ZOA7B32D.js → chunk-F35KL6TX.js}

@@ -1,12 +1,12 @@
 "use client";
 'use strict';
 
+var chunkOWHI5VGJ_js = require('./chunk-OWHI5VGJ.js');
 var chunkEYJJQVV4_js = require('./chunk-EYJJQVV4.js');
 var chunk33JR5SYE_js = require('./chunk-33JR5SYE.js');
-var chunkMVYRNJA6_js = require('./chunk-MVYRNJA6.js');
-var chunkC4UT5V3P_js = require('./chunk-C4UT5V3P.js');
-var chunkHMAMMC72_js = require('./chunk-HMAMMC72.js');
 var chunk6TGV2DNP_js = require('./chunk-6TGV2DNP.js');
+var chunkYRIBFIQ5_js = require('./chunk-YRIBFIQ5.js');
+var chunkOCO3Z5YA_js = require('./chunk-OCO3Z5YA.js');
 var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
 var lucideReact = require('lucide-react');
 var Link = require('next/link');
@@ -81,9 +81,9 @@ function SettingsTabContent({
   children
 }) {
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkMVYRNJA6_js.TabsContent, { value: tabId, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-[300px]", children: /* @__PURE__ */ jsxRuntime.jsx(chunkHMAMMC72_js.Spinner, { size: "lg" }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkYRIBFIQ5_js.TabsContent, { value: tabId, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-[300px]", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCO3Z5YA_js.SizedSpinner, { size: "lg" }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkMVYRNJA6_js.TabsContent, { value: tabId, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYRIBFIQ5_js.TabsContent, { value: tabId, children });
 }
 function SettingsTabs({
   tabs,
@@ -117,7 +117,7 @@ function SettingsTabs({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkMVYRNJA6_js.Tabs,
+    chunkYRIBFIQ5_js.Tabs,
     {
       value: activeTab,
       onValueChange: handleTabChange,
@@ -125,7 +125,7 @@ function SettingsTabs({
       className: chunkADIDI7AJ_js.cn("space-y-6", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMVYRNJA6_js.TabsList,
+          chunkYRIBFIQ5_js.TabsList,
           {
             className: chunkADIDI7AJ_js.cn(
               orientation === "vertical" && "flex-col h-auto items-stretch justify-start"
@@ -133,7 +133,7 @@ function SettingsTabs({
             children: tabs.map((tab) => {
               const Icon = tab.icon;
               return /* @__PURE__ */ jsxRuntime.jsxs(
-                chunkMVYRNJA6_js.TabsTrigger,
+                chunkYRIBFIQ5_js.TabsTrigger,
                 {
                   value: tab.id,
                   className: chunkADIDI7AJ_js.cn("gap-2", orientation === "vertical" && "w-full"),
@@ -168,7 +168,7 @@ function SettingsLayout({
     label: page.label,
     icon: page.icon
   }));
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkC4UT5V3P_js.Container, { size: containerSize, className, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkOWHI5VGJ_js.Container, { size: containerSize, className, children: [
     (title || description) && /* @__PURE__ */ jsxRuntime.jsx(PageHeader, { title, description, className: "mb-6" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       SettingsTabs,

package/dist/{chunk-YSLD2HLP.mjs → chunk-FFJC66KO.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { useLocalStorage, useDebounce } from './chunk-KB7UXIQZ.mjs';
+import { useLocalStorage, useDebounce } from './chunk-VIVWFQG5.mjs';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-YKZEKJMZ.mjs';
 import { cn } from './chunk-IMKLN273.mjs';
 import { useErrorLoggerSafe } from '@caffeinebounce/logger/client';

package/dist/{chunk-MPZFPU4X.js → chunk-GMBLPQ3I.js}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkESZ7CBA2_js = require('./chunk-ESZ7CBA2.js');
+var chunkVKBJ3SGT_js = require('./chunk-VKBJ3SGT.js');
 var chunkSORWLKOK_js = require('./chunk-SORWLKOK.js');
 var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
 var client = require('@caffeinebounce/logger/client');
@@ -31,11 +31,11 @@ function FormWizard({
   const isFirstStep = currentStep === 0;
   const isLastStep = currentStep === totalSteps - 1;
   const { logError } = client.useErrorLoggerSafe();
-  const [storedValue, setStoredValue, , isLoaded] = chunkESZ7CBA2_js.useLocalStorage(
+  const [storedValue, setStoredValue, , isLoaded] = chunkVKBJ3SGT_js.useLocalStorage(
     persistKey,
     null
   );
-  const debouncedData = chunkESZ7CBA2_js.useDebounce(formData, 500);
+  const debouncedData = chunkVKBJ3SGT_js.useDebounce(formData, 500);
   const [hasRestored, setHasRestored] = react.useState(false);
   const isRestoring = react.useRef(false);
   const formDataRef = react.useRef(formData);

package/dist/chunk-IJFPPLQW.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center border font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/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",
+        success: "border-transparent bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
+        warning: "border-transparent bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400",
+        muted: "border-transparent bg-muted text-muted-foreground"
+      },
+      shape: {
+        pill: "rounded-full",
+        rounded: "rounded-md",
+        square: "rounded-none"
+      },
+      size: {
+        sm: "px-1 text-[9px]",
+        default: "px-1.5 text-[10px]",
+        lg: "px-2 py-0.5 text-xs"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      shape: "pill",
+      size: "default"
+    }
+  }
+);
+function Badge({ className, variant, shape, size, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "badge",
+      className: chunkADIDI7AJ_js.cn(badgeVariants({ variant, shape, size }), className),
+      ...props
+    }
+  );
+}
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;