@epicbagel/saas-kit 1.25.1 → 1.27.0

package/dist/primitives/chat.js

@@ -15,32 +15,36 @@ import {
   Suggestion,
   Suggestions
 } from "../chunk-IJG2B3Y2.js";
+import {
+  Spinner
+} from "../chunk-QZBPZLAB.js";
+import {
+  PersonAvatar
+} from "../chunk-NXFZULS3.js";
 import {
   Marker,
   MarkerContent
 } from "../chunk-IW4ZIXXG.js";
-import {
-  MessageScroller,
-  MessageScrollerButton,
-  MessageScrollerContent,
-  MessageScrollerItem,
-  MessageScrollerProvider,
-  MessageScrollerViewport
-} from "../chunk-OUZSIA5G.js";
-import "../chunk-36LNA4WM.js";
 import {
   Message,
   MessageAction,
   MessageActions,
   MessageContent
 } from "../chunk-H4XH2PPU.js";
-import "../chunk-GA5SX7FE.js";
 import {
   InputGroup,
   InputGroupAddon,
   InputGroupTextarea
 } from "../chunk-QTPPNK6F.js";
 import "../chunk-6FC65AZQ.js";
+import {
+  Item,
+  ItemContent,
+  ItemDescription,
+  ItemMedia,
+  ItemTitle
+} from "../chunk-SG4ZE2EN.js";
+import "../chunk-HYTILYE5.js";
 import {
   FileDropArea,
   FileDropzone
@@ -63,6 +67,19 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger
 } from "../chunk-V4LE2HWP.js";
+import {
+  ChatTurnNavigator
+} from "../chunk-HO6DRDGD.js";
+import {
+  MessageScroller,
+  MessageScrollerButton,
+  MessageScrollerContent,
+  MessageScrollerItem,
+  MessageScrollerProvider,
+  MessageScrollerViewport
+} from "../chunk-OUZSIA5G.js";
+import "../chunk-36LNA4WM.js";
+import "../chunk-GA5SX7FE.js";
 import "../chunk-ZRLUUZHK.js";
 import {
   Bubble,
@@ -108,6 +125,7 @@ import {
 // src/primitives/chat.tsx
 import {
   forwardRef,
+  isValidElement,
   useCallback,
   useEffect,
   useId,
@@ -162,6 +180,24 @@ function timelineMarkers(messages, now) {
 function TimelineMarker({ label }) {
   return /* @__PURE__ */ jsx(Marker, { variant: "separator", role: "separator", "aria-label": label, children: /* @__PURE__ */ jsx(MarkerContent, { children: label }) });
 }
+function authorLines(messages, markers) {
+  let previous = null;
+  return messages.map((message, index) => {
+    if (message.status === "running") return false;
+    const shown = Boolean(message.author) && (!previous || Boolean(markers[index]) || previous.role !== message.role || previous.author?.id !== message.author.id);
+    previous = message;
+    return shown;
+  });
+}
+function ChatAuthorLine({ author, align }) {
+  const avatar = /* @__PURE__ */ jsx(PersonAvatar, { name: author.name, photoUrl: author.avatarUrl, size: 20, fallbackClassName: "text-[9px]" });
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "chat-author", className: cn("flex items-center gap-2 text-xs", align === "end" ? "self-end" : "self-start"), children: [
+    align === "start" ? avatar : null,
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: author.name }),
+    author.detail ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: author.detail }) : null,
+    align === "end" ? avatar : null
+  ] });
+}
 function ChatRunningLine({
   label,
   align = "start",
@@ -183,9 +219,13 @@ var ChatThread = forwardRef(
     onOpenAttachment,
     attachmentAction = "open",
     messageActions,
+    navigator,
+    navigatorLabel,
+    navigatorSide,
     className
   }, ref) {
     const markers = timelineMarkers(messages, /* @__PURE__ */ new Date());
+    const authorShown = authorLines(messages, markers);
     const anchorId = useArrivingUserTurnId(messages);
     const workspace = appearance === "workspace";
     return /* @__PURE__ */ jsx(MessageScrollerProvider, { autoScroll: true, children: /* @__PURE__ */ jsxs(
@@ -226,6 +266,7 @@ var ChatThread = forwardRef(
                       children: [
                         marker ? /* @__PURE__ */ jsx(TimelineMarker, { label: marker }) : null,
                         /* @__PURE__ */ jsx(Message, { align: isUser ? "end" : "start", children: /* @__PURE__ */ jsxs(MessageContent, { children: [
+                          m.author && authorShown[index] ? /* @__PURE__ */ jsx(ChatAuthorLine, { author: m.author, align: isUser ? "end" : "start" }) : null,
                           (m.content || m.text) && /* @__PURE__ */ jsx(
                             Bubble,
                             {
@@ -285,7 +326,17 @@ var ChatThread = forwardRef(
           /* @__PURE__ */ jsxs(MessageScrollerButton, { variant: "outline", className: "rounded-full shadow-sm", children: [
             /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: scrollButtonLabel })
-          ] })
+          ] }),
+          navigator && navigator.length > 0 ? /* @__PURE__ */ jsx(
+            ChatTurnNavigator,
+            {
+              items: navigator,
+              order: messages.map((m) => m.id),
+              label: navigatorLabel,
+              side: navigatorSide,
+              columnWidth: workspace ? 768 : void 0
+            }
+          ) : null
         ]
       }
     ) });
@@ -719,6 +770,92 @@ function ChatSuggestions({
     )
   ] });
 }
+var DEFAULT_EMPTY_ACTIONS_LABEL = "Pick up where you left off";
+function ChatEmptyActionIcon({ icon }) {
+  if (!icon) return null;
+  if (isValidElement(icon)) return icon;
+  if (typeof icon === "function" || typeof icon === "object" && icon !== null && "render" in icon) {
+    const IconComp = icon;
+    return /* @__PURE__ */ jsx(IconComp, { "aria-hidden": true });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: icon });
+}
+function ChatEmptyActions({
+  items,
+  label,
+  onError,
+  className
+}) {
+  const labelId = useId();
+  const [running, setRunning] = useState(null);
+  if (items.length === 0) return null;
+  const showLabel = label.length > 0;
+  const pick = async (item) => {
+    if (running !== null) return;
+    let result;
+    try {
+      result = item.onSelect();
+    } catch (cause) {
+      onError(cause);
+      return;
+    }
+    if (!result || typeof result.then !== "function") return;
+    setRunning(item.id);
+    try {
+      await result;
+    } catch (cause) {
+      onError(cause);
+    } finally {
+      setRunning(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "chat-empty-actions", className: cn("w-full text-left", className), children: [
+    showLabel && /* @__PURE__ */ jsx("p", { id: labelId, "data-slot": "chat-empty-actions-label", className: "mb-1.5 px-3 text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "group",
+        "aria-labelledby": showLabel ? labelId : void 0,
+        "aria-label": showLabel ? void 0 : DEFAULT_EMPTY_ACTIONS_LABEL,
+        className: "flex flex-col gap-0.5",
+        children: items.map((item) => {
+          const busy = running === item.id;
+          return /* @__PURE__ */ jsx(Item, { asChild: true, size: "sm", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "data-slot": "chat-empty-action",
+              "data-state": busy ? "loading" : void 0,
+              "aria-busy": busy || void 0,
+              disabled: item.disabled || running !== null,
+              onClick: () => void pick(item),
+              className: cn(
+                "min-h-11 cursor-pointer flex-nowrap text-left",
+                "hover:bg-muted focus-visible:bg-muted",
+                "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent",
+                busy && "disabled:opacity-100"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  ItemMedia,
+                  {
+                    variant: "icon",
+                    className: "size-8 self-center rounded-md bg-muted text-muted-foreground group-has-data-[slot=item-description]/item:translate-y-0 group-has-data-[slot=item-description]/item:self-center",
+                    children: busy ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": true }) : /* @__PURE__ */ jsx(ChatEmptyActionIcon, { icon: item.icon })
+                  }
+                ),
+                /* @__PURE__ */ jsxs(ItemContent, { className: "min-w-0 flex-row flex-wrap items-baseline gap-x-2 gap-y-0.5 md:flex-nowrap", children: [
+                  /* @__PURE__ */ jsx(ItemTitle, { className: "w-auto min-w-0 shrink-0 font-normal text-foreground md:max-w-[60%] md:truncate", children: item.label }),
+                  item.detail && /* @__PURE__ */ jsx(ItemDescription, { className: "line-clamp-1 min-w-0 flex-1 truncate text-xs md:text-sm", children: item.detail })
+                ] })
+              ]
+            }
+          ) }, item.id);
+        })
+      }
+    )
+  ] });
+}
 function MobileReplySuggestions({
   items,
   onSelect,
@@ -874,6 +1011,8 @@ var Chat = forwardRef(function Chat2({
   emptySubtitle,
   examplePrompts = [],
   examplePromptsLabel = "Try",
+  emptyActions = [],
+  emptyActionsLabel = DEFAULT_EMPTY_ACTIONS_LABEL,
   examplePromptsVariant = "chips",
   examplePromptsLoading = false,
   examplePromptsLoadingLabel = "Loading suggestions\u2026",
@@ -921,6 +1060,9 @@ var Chat = forwardRef(function Chat2({
   onOpenAttachment,
   attachmentAction,
   messageActions,
+  navigator,
+  navigatorLabel,
+  navigatorSide,
   className
 }, ref) {
   const isMobile = useIsMobile();
@@ -1110,6 +1252,15 @@ var Chat = forwardRef(function Chat2({
                     }
                   ),
                   error && /* @__PURE__ */ jsx(ChatError, { children: error }),
+                  !pending && emptyActions.length > 0 && /* @__PURE__ */ jsx(
+                    ChatEmptyActions,
+                    {
+                      items: emptyActions,
+                      label: emptyActionsLabel,
+                      onError: reportSendError,
+                      className: "mt-3"
+                    }
+                  ),
                   !pending && examplePromptsLoading && /* @__PURE__ */ jsx(ExamplePromptsLoading, { label: examplePromptsLoadingLabel }),
                   !pending && !examplePromptsLoading && examplePrompts.length > 0 && /* @__PURE__ */ jsx(
                     ChatSuggestions,
@@ -1144,6 +1295,9 @@ var Chat = forwardRef(function Chat2({
             onOpenAttachment,
             attachmentAction,
             messageActions,
+            navigator,
+            navigatorLabel,
+            navigatorSide,
             className: cn(
               "mb-3",
               application && "min-h-0 flex-1 px-4 py-4 md:px-0 md:py-0",
@@ -1225,5 +1379,6 @@ export {
   Chat,
   ChatCopyAction,
   ChatInput,
-  ChatThread
+  ChatThread,
+  authorLines
 };

package/dist/primitives/item.cjs

@@ -1,197 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkNQK5ZWC7cjs = require('../chunk-NQK5ZWC7.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
-
-// src/primitives/item.tsx
-var _classvarianceauthority = require('class-variance-authority');
-var _radixui = require('radix-ui');
-var _jsxruntime = require('react/jsx-runtime');
-function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      role: "list",
-      "data-slot": "item-group",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNQK5ZWC7cjs.Separator,
-    {
-      "data-slot": "item-separator",
-      orientation: "horizontal",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "my-2", className),
-      ...props
-    }
-  );
-}
-var itemVariants = _classvarianceauthority.cva.call(void 0, 
-  "group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent",
-        outline: "border-border",
-        muted: "border-transparent bg-muted/50"
-      },
-      size: {
-        default: "gap-3.5 px-4 py-3.5",
-        sm: "gap-2.5 px-3 py-2.5",
-        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Item({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? _radixui.Slot.Root : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      "data-slot": "item",
-      "data-variant": variant,
-      "data-size": size,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, itemVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-var itemMediaVariants = _classvarianceauthority.cva.call(void 0, 
-  "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "[&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function ItemMedia({
-  className,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-media",
-      "data-variant": variant,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, itemMediaVariants({ variant, className })),
-      ...props
-    }
-  );
-}
-function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-content",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-title",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "p",
-    {
-      "data-slot": "item-description",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-actions",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-header",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex basis-full items-center justify-between gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-footer",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex basis-full items-center justify-between gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-
-
-
-
-
-
-
-
-
-
-exports.Item = Item; exports.ItemActions = ItemActions; exports.ItemContent = ItemContent; exports.ItemDescription = ItemDescription; exports.ItemFooter = ItemFooter; exports.ItemGroup = ItemGroup; exports.ItemHeader = ItemHeader; exports.ItemMedia = ItemMedia; exports.ItemSeparator = ItemSeparator; exports.ItemTitle = ItemTitle;
+
+
+
+
+
+
+
+
+
+var _chunkDHXKCMKYcjs = require('../chunk-DHXKCMKY.cjs');
+require('../chunk-NQK5ZWC7.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+
+
+
+
+
+
+exports.Item = _chunkDHXKCMKYcjs.Item; exports.ItemActions = _chunkDHXKCMKYcjs.ItemActions; exports.ItemContent = _chunkDHXKCMKYcjs.ItemContent; exports.ItemDescription = _chunkDHXKCMKYcjs.ItemDescription; exports.ItemFooter = _chunkDHXKCMKYcjs.ItemFooter; exports.ItemGroup = _chunkDHXKCMKYcjs.ItemGroup; exports.ItemHeader = _chunkDHXKCMKYcjs.ItemHeader; exports.ItemMedia = _chunkDHXKCMKYcjs.ItemMedia; exports.ItemSeparator = _chunkDHXKCMKYcjs.ItemSeparator; exports.ItemTitle = _chunkDHXKCMKYcjs.ItemTitle;

package/dist/primitives/item.js

@@ -1,188 +1,18 @@
 "use client";
 import {
-  Separator
-} from "../chunk-HYTILYE5.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/item.tsx
-import { cva } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import { jsx } from "react/jsx-runtime";
-function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "list",
-      "data-slot": "item-group",
-      className: cn(
-        "group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Separator,
-    {
-      "data-slot": "item-separator",
-      orientation: "horizontal",
-      className: cn("my-2", className),
-      ...props
-    }
-  );
-}
-var itemVariants = cva(
-  "group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent",
-        outline: "border-border",
-        muted: "border-transparent bg-muted/50"
-      },
-      size: {
-        default: "gap-3.5 px-4 py-3.5",
-        sm: "gap-2.5 px-3 py-2.5",
-        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Item({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "item",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(itemVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-var itemMediaVariants = cva(
-  "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "[&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function ItemMedia({
-  className,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-media",
-      "data-variant": variant,
-      className: cn(itemMediaVariants({ variant, className })),
-      ...props
-    }
-  );
-}
-function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-content",
-      className: cn(
-        "flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-title",
-      className: cn(
-        "line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "item-description",
-      className: cn(
-        "line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-actions",
-      className: cn("flex items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-header",
-      className: cn(
-        "flex basis-full items-center justify-between gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-footer",
-      className: cn(
-        "flex basis-full items-center justify-between gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemSeparator,
+  ItemTitle
+} from "../chunk-SG4ZE2EN.js";
+import "../chunk-HYTILYE5.js";
+import "../chunk-G6SRSWXB.js";
 export {
   Item,
   ItemActions,