@caffeinebounce/ui 0.62.2 → 0.63.0

package/dist/chunk-PFHOXDSW.mjs

@@ -0,0 +1,10 @@
+// src/blocks/table/addons/data-table-styles.ts
+var dataTableTopperButtonProps = {
+  variant: "ghost-icon",
+  size: "icon-sm"
+};
+var dataTableTopperResponsiveClasses = "w-8 @min-[450px]:w-auto @min-[450px]:px-2";
+var dataTableTopperOpenStateClasses = "data-[state=open]:text-foreground";
+var dataTableTopperIconClasses = "text-icon hover:text-icon-hover [&_svg]:transition-transform [&_svg]:duration-200 hover:[&_svg]:scale-110";
+
+export { dataTableTopperButtonProps, dataTableTopperIconClasses, dataTableTopperOpenStateClasses, dataTableTopperResponsiveClasses };

package/dist/chunk-Q52ZEL62.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from './chunk-IMKLN273.mjs';
 import * as React from 'react';
 import { Tooltip } from 'recharts';

package/dist/chunk-QRS7DJGS.js

@@ -0,0 +1,103 @@
+"use client";
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    PopoverPrimitive__namespace.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: chunkADIDI7AJ_js.cn(
+        "z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function PopoverAnchor({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "popover-header",
+      className: chunkADIDI7AJ_js.cn("flex flex-col gap-1 text-sm", className),
+      ...props
+    }
+  );
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "popover-title",
+      className: chunkADIDI7AJ_js.cn("font-medium", className),
+      ...props
+    }
+  );
+}
+function PopoverDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "popover-description",
+      className: chunkADIDI7AJ_js.cn("text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverHeader = PopoverHeader;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;

package/dist/chunk-R26Y7LGJ.js

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var chunkJAE45W2T_js = require('./chunk-JAE45W2T.js');

package/dist/{chunk-BFWX5GJZ.mjs → chunk-R3X4B4JJ.mjs}

@@ -1,6 +1,7 @@
+"use client";
 import { Separator } from './chunk-ZKUIUE7W.mjs';
+import { SizedSpinner } from './chunk-N5BHXWR3.mjs';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-FRRS2YZH.mjs';
-import { Spinner } from './chunk-HBLKVQIQ.mjs';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem } from './chunk-OFQLWSUR.mjs';
 import { Input } from './chunk-STEP6C4C.mjs';
 import { getAvatarGradient } from './chunk-MHZXUOGN.mjs';
@@ -127,10 +128,10 @@ var SidebarProvider = React.forwardRef(
     ...props
   }, ref) => {
     const [machine, dispatch] = React.useReducer(sidebarReducer, {
-      viewportWidth: typeof window === "undefined" ? 1024 : window.innerWidth,
+      viewportWidth: 1024,
       desktopPref: toDesktopPreference(defaultOpen),
       openMobile: false,
-      hydrated: typeof window === "undefined"
+      hydrated: false
     });
     React.useLayoutEffect(() => {
       const syncViewport = () => {
@@ -758,14 +759,16 @@ var SidebarMenuSubButton = React.forwardRef(({ asChild = false, size = "md", isA
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 function Avatar({
   className,
+  size = "default",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     AvatarPrimitive.Root,
     {
       "data-slot": "avatar",
+      "data-size": size,
       className: cn(
-        "relative flex size-10 shrink-0 overflow-hidden rounded-full",
+        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
         className
       ),
       ...props
@@ -780,7 +783,7 @@ function AvatarImage({
     AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
-      className: cn("aspect-square size-full object-cover", className),
+      className: cn("aspect-square size-full", className),
       ...props
     }
   );
@@ -794,7 +797,52 @@ function AvatarFallback({
     {
       "data-slot": "avatar-fallback",
       className: cn(
-        "bg-muted flex size-full items-center justify-center rounded-full",
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: cn(
+        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn(
+        "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroupCount({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group-count",
+      className: cn(
+        "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
         className
       ),
       ...props
@@ -840,7 +888,7 @@ function UserAvatarMenu({
       "div",
       {
         className: `inline-flex items-center justify-center rounded-md ${sizeClass} ${className}`,
-        children: /* @__PURE__ */ jsx(Spinner, { size: "sm" })
+        children: /* @__PURE__ */ jsx(SizedSpinner, { size: "sm" })
       }
     );
   }
@@ -937,4 +985,4 @@ function UserAvatarMenu({
   ] });
 }
 
-export { Avatar, AvatarFallback, AvatarImage, Kbd, KbdGroup, KeyboardShortcut, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, UserAvatarMenu, useSidebar };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Kbd, KbdGroup, KeyboardShortcut, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, UserAvatarMenu, useSidebar };

package/dist/chunk-RBUYW6QQ.js

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var react = require('react');