@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop.20261013171251

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,8 @@
+var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
+}
+export {
+  commonjsGlobal,
+  getDefaultExportFromCjs
+};

package/dist/_virtual/isSameOrAfter.js

@@ -0,0 +1,4 @@
+var isSameOrAfter = { exports: {} };
+export {
+  isSameOrAfter as __module
+};

package/dist/_virtual/isToday.js

@@ -0,0 +1,4 @@
+var isToday = { exports: {} };
+export {
+  isToday as __module
+};

package/dist/_virtual/localeData.js

@@ -0,0 +1,4 @@
+var localeData = { exports: {} };
+export {
+  localeData as __module
+};

package/dist/_virtual/weekday.js

@@ -0,0 +1,4 @@
+var weekday = { exports: {} };
+export {
+  weekday as __module
+};

package/dist/audience.js

@@ -1 +1,16 @@
-import ViewsCounter from"./modules/audience/ViewsCounter.js";import ViewsModal from"./modules/audience/ViewsModal.js";import useReactionIcons from"./modules/audience/hooks/useReactionIcons.js";import ReactionSummary from"./modules/audience/ReactionSummary.js";import ReactionChoice from"./modules/audience/ReactionChoice.js";import ReactionModal from"./modules/audience/ReactionModal.js";import useReactions from"./modules/audience/hooks/useReactions.js";export{ReactionChoice,ReactionModal,ReactionSummary,ViewsCounter,ViewsModal,useReactionIcons,useReactions};
+import { default as default2 } from "./modules/audience/ViewsCounter.js";
+import { default as default3 } from "./modules/audience/ViewsModal.js";
+import { default as default4 } from "./modules/audience/ReactionSummary.js";
+import { default as default5 } from "./modules/audience/ReactionChoice.js";
+import { default as default6 } from "./modules/audience/ReactionModal.js";
+import { default as default7 } from "./modules/audience/hooks/useReactions.js";
+import { default as default8 } from "./modules/audience/hooks/useReactionIcons.js";
+export {
+  default5 as ReactionChoice,
+  default6 as ReactionModal,
+  default4 as ReactionSummary,
+  default2 as ViewsCounter,
+  default3 as ViewsModal,
+  default8 as useReactionIcons,
+  default7 as useReactions
+};

package/dist/comments.js

@@ -1 +1,4 @@
-import CommentProvider from"./modules/comments/provider/CommentProvider.js";export{CommentProvider};
+import { default as default2 } from "./modules/comments/provider/CommentProvider.js";
+export {
+  default2 as CommentProvider
+};

package/dist/components/ActionBar/ActionBar.js

@@ -1 +1,8 @@
-import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var ActionBar=forwardRef(({children},ref)=>jsx(`div`,{ref,className:`actionbar`,children}));export{ActionBar as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const ActionBar = /* @__PURE__ */ forwardRef(({
+  children
+}, ref) => /* @__PURE__ */ jsx("div", { ref, className: "actionbar", children }));
+export {
+  ActionBar as default
+};

package/dist/components/AddAttachments/AddAttachments.js

@@ -1 +1,75 @@
-import SvgIconDelete from"../../modules/icons/components/IconDelete.js";import SvgIconDownload from"../../modules/icons/components/IconDownload.js";import SvgIconFolderAdd from"../../modules/icons/components/IconFolderAdd.js";import SvgIconPlus from"../../modules/icons/components/IconPlus.js";import Button from"../Button/Button.js";import Flex from"../Flex/Flex.js";import IconButton from"../Button/IconButton.js";import{AddAttachmentToWorkspaceModal}from"./components/AddAttachmentToWorkspaceModal.js";import{SingleAttachment}from"./components/SingleAttachment.js";import{useFileToAttachment}from"./hooks/useFileToAttachment.js";import clsx$1 from"clsx";import{useRef,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var AddAttachments=({attachments,onChange,onFilesSelected,onRemoveAttachment,editMode=!1,isMutating=!1,onCopyToWorkspace,getDownloadUrl,downloadAllUrl})=>{let{t}=useTranslation(),inputRef=useRef(null),fileToAttachment=useFileToAttachment(),[attachmentsToAddToWorkspace,setAttachmentsToAddToWorkspace]=useState(void 0);if(!editMode&&!attachments.length)return null;let resetInputValue=()=>{inputRef.current&&(inputRef.current.value=``)},handleAttachClick=()=>inputRef?.current?.click(),handleFileChange=event=>{let files=Array.from(event.target.files??[]);if(files.length>0){let newAttachments=files.map(fileToAttachment);onChange?.([...attachments,...newAttachments]),onFilesSelected?.(files)}resetInputValue()},handleDetachAllClick=()=>{onChange?.([]),attachments.forEach(a=>onRemoveAttachment?.(a.id)),resetInputValue()},handleDetachClick=attachmentId=>{let next=attachments.filter(a=>a.id!==attachmentId);onChange?.(next),onRemoveAttachment?.(attachmentId),resetInputValue()},handleCopyToWorkspace=attachments=>{setAttachmentsToAddToWorkspace(attachments)};return jsxs(`div`,{className:clsx$1(`bg-gray-200 rounded px-12 py-8 message-attachments align-self-start gap-8 d-flex flex-column mw-100`,{"border add-attachments-edit mx-16":editMode}),"data-drag-handle":!0,children:[!!attachments.length&&jsxs(Fragment$1,{children:[jsxs(Flex,{direction:`row`,align:`center`,justify:`between`,className:`border-bottom`,children:[jsx(`span`,{className:`caption fw-bold my-8`,children:t(`attachments`)}),attachments.length>1&&jsxs(`div`,{children:[onCopyToWorkspace&&jsx(IconButton,{title:t(`conversation.copy.all.toworkspace`),color:`tertiary`,type:`button`,icon:jsx(SvgIconFolderAdd,{}),onClick:()=>handleCopyToWorkspace(attachments),variant:`ghost`}),downloadAllUrl&&jsx(`a`,{href:downloadAllUrl,download:!0,children:jsx(IconButton,{title:t(`download.all.attachment`),color:`tertiary`,type:`button`,icon:jsx(SvgIconDownload,{}),variant:`ghost`})}),editMode&&jsx(IconButton,{title:t(`remove.all.attachment`),color:`danger`,type:`button`,icon:jsx(SvgIconDelete,{}),variant:`ghost`,onClick:handleDetachAllClick,disabled:isMutating})]})]}),jsx(`ul`,{className:`d-flex gap-8 flex-column list-unstyled m-0`,children:attachments.map(attachment=>jsx(`li`,{className:`mw-100`,children:jsx(SingleAttachment,{attachment,editMode,onDelete:handleDetachClick,onCopyToWorkspace:onCopyToWorkspace?attachment=>handleCopyToWorkspace([attachment]):void 0,getDownloadUrl,disabled:isMutating})},`${attachment.id}-${attachment.name}`))})]}),editMode&&jsxs(Fragment$1,{children:[jsx(Button,{color:`secondary`,variant:`ghost`,isLoading:isMutating,onClick:handleAttachClick,disabled:isMutating,className:`align-self-start`,leftIcon:jsx(SvgIconPlus,{}),"data-testid":`common-add-attachments-button-add-attachment`,children:t(`add.attachment`)}),jsx(`input`,{ref:inputRef,multiple:!0,type:`file`,name:`attachment-input`,id:`attachment-input`,onChange:handleFileChange,hidden:!0})]}),onCopyToWorkspace&&!!attachmentsToAddToWorkspace&&jsx(AddAttachmentToWorkspaceModal,{isOpen:!0,onModalClose:()=>setAttachmentsToAddToWorkspace(void 0),attachments:attachmentsToAddToWorkspace,onCopyToWorkspace})]})};export{AddAttachments as default};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconDelete from "../../modules/icons/components/IconDelete.js";
+import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
+import SvgIconFolderAdd from "../../modules/icons/components/IconFolderAdd.js";
+import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
+import { AddAttachmentToWorkspaceModal } from "./components/AddAttachmentToWorkspaceModal.js";
+import { SingleAttachment } from "./components/SingleAttachment.js";
+import { useFileToAttachment } from "./hooks/useFileToAttachment.js";
+import Flex from "../Flex/Flex.js";
+import IconButton from "../Button/IconButton.js";
+import Button from "../Button/Button.js";
+const AddAttachments = ({
+  attachments,
+  onChange,
+  onFilesSelected,
+  onRemoveAttachment,
+  editMode = !1,
+  isMutating = !1,
+  onCopyToWorkspace,
+  getDownloadUrl,
+  downloadAllUrl
+}) => {
+  const {
+    t
+  } = useTranslation(), inputRef = useRef(null), fileToAttachment = useFileToAttachment(), [attachmentsToAddToWorkspace, setAttachmentsToAddToWorkspace] = useState(void 0);
+  if (!editMode && !attachments.length) return null;
+  const resetInputValue = () => {
+    inputRef.current && (inputRef.current.value = "");
+  }, handleAttachClick = () => {
+    var _a;
+    return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+  }, handleFileChange = (event) => {
+    const files = Array.from(event.target.files ?? []);
+    if (files.length > 0) {
+      const newAttachments = files.map(fileToAttachment);
+      onChange == null || onChange([...attachments, ...newAttachments]), onFilesSelected == null || onFilesSelected(files);
+    }
+    resetInputValue();
+  }, handleDetachAllClick = () => {
+    onChange == null || onChange([]), attachments.forEach((a) => onRemoveAttachment == null ? void 0 : onRemoveAttachment(a.id)), resetInputValue();
+  }, handleDetachClick = (attachmentId) => {
+    const next = attachments.filter((a) => a.id !== attachmentId);
+    onChange == null || onChange(next), onRemoveAttachment == null || onRemoveAttachment(attachmentId), resetInputValue();
+  }, handleCopyToWorkspace = (attachments2) => {
+    setAttachmentsToAddToWorkspace(attachments2);
+  }, className = clsx("bg-gray-200 rounded px-12 py-8 message-attachments align-self-start gap-8 d-flex flex-column mw-100", {
+    "border add-attachments-edit mx-16": editMode
+  });
+  return /* @__PURE__ */ jsxs("div", { className, "data-drag-handle": !0, children: [
+    !!attachments.length && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "center", justify: "between", className: "border-bottom", children: [
+        /* @__PURE__ */ jsx("span", { className: "caption fw-bold my-8", children: t("attachments") }),
+        attachments.length > 1 && /* @__PURE__ */ jsxs("div", { children: [
+          onCopyToWorkspace && /* @__PURE__ */ jsx(IconButton, { title: t("conversation.copy.all.toworkspace"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), onClick: () => handleCopyToWorkspace(attachments), variant: "ghost" }),
+          downloadAllUrl && /* @__PURE__ */ jsx("a", { href: downloadAllUrl, download: !0, children: /* @__PURE__ */ jsx(IconButton, { title: t("download.all.attachment"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
+          editMode && /* @__PURE__ */ jsx(IconButton, { title: t("remove.all.attachment"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: handleDetachAllClick, disabled: isMutating })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "d-flex gap-8 flex-column list-unstyled m-0", children: attachments.map((attachment) => /* @__PURE__ */ jsx("li", { className: "mw-100", children: /* @__PURE__ */ jsx(SingleAttachment, { attachment, editMode, onDelete: handleDetachClick, onCopyToWorkspace: onCopyToWorkspace ? (attachment2) => handleCopyToWorkspace([attachment2]) : void 0, getDownloadUrl, disabled: isMutating }) }, `${attachment.id}-${attachment.name}`)) })
+    ] }),
+    editMode && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "secondary", variant: "ghost", isLoading: isMutating, onClick: handleAttachClick, disabled: isMutating, className: "align-self-start", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), "data-testid": "common-add-attachments-button-add-attachment", children: t("add.attachment") }),
+      /* @__PURE__ */ jsx("input", { ref: inputRef, multiple: !0, type: "file", name: "attachment-input", id: "attachment-input", onChange: handleFileChange, hidden: !0 })
+    ] }),
+    onCopyToWorkspace && !!attachmentsToAddToWorkspace && /* @__PURE__ */ jsx(AddAttachmentToWorkspaceModal, { isOpen: !0, onModalClose: () => setAttachmentsToAddToWorkspace(void 0), attachments: attachmentsToAddToWorkspace, onCopyToWorkspace })
+  ] });
+};
+export {
+  AddAttachments,
+  AddAttachments as default,
+  useFileToAttachment
+};

package/dist/components/AddAttachments/components/AddAttachmentToWorkspaceModal.js

@@ -1 +1,41 @@
-import Button from"../../Button/Button.js";import WorkspaceFolders from"../../../modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";import Modal from"../../Modal/Modal.js";import{useEffect,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{createPortal}from"react-dom";import{toast as toast$1}from"react-hot-toast";function AddAttachmentToWorkspaceModal({attachments,isOpen=!1,onModalClose,onCopyToWorkspace}){let{t}=useTranslation(),[selectedFolderIdToCopyFile,setSelectedFolderIdToCopyFile]=useState(void 0),[isLoading,setIsLoading]=useState(!1),[disabled,setDisabled]=useState(!1);return useEffect(()=>{setDisabled(selectedFolderIdToCopyFile===void 0)},[selectedFolderIdToCopyFile]),createPortal(jsxs(Modal,{isOpen,onModalClose,id:`add-attachment-to-workspace-modal`,size:`md`,children:[jsx(Modal.Header,{onModalClose,children:t(`attachments.add.to.folder.modal.title`)}),jsx(Modal.Body,{children:jsxs(`div`,{className:`d-flex flex-column gap-12`,children:[jsx(`p`,{children:t(`attachments.add.to.folder.modal.description`,{count:attachments.length})}),jsx(WorkspaceFolders,{onFolderSelected:(folderId,canCopyFileInto)=>{setSelectedFolderIdToCopyFile(canCopyFileInto?folderId:void 0)}})]})}),jsxs(Modal.Footer,{children:[jsx(Button,{type:`button`,color:`tertiary`,variant:`ghost`,onClick:onModalClose,children:t(`attachments.add.to.folder.modal.cancel`)}),jsx(Button,{color:`primary`,variant:`filled`,onClick:async()=>{selectedFolderIdToCopyFile!==void 0&&(setIsLoading(!0),await onCopyToWorkspace(attachments,selectedFolderIdToCopyFile)?onModalClose():toast$1.error(t(`attachments.add.to.folder.modal.error`)),setIsLoading(!1))},disabled:isLoading||disabled,isLoading,children:t(`attachments.add.to.folder.modal.add`)})]})]}),document.getElementById(`portal`))}export{AddAttachmentToWorkspaceModal};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { toast } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import Modal from "../../Modal/Modal.js";
+import WorkspaceFolders from "../../../modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import Button from "../../Button/Button.js";
+function AddAttachmentToWorkspaceModal({
+  attachments,
+  isOpen = !1,
+  onModalClose,
+  onCopyToWorkspace
+}) {
+  const {
+    t
+  } = useTranslation(), [selectedFolderIdToCopyFile, setSelectedFolderIdToCopyFile] = useState(void 0), [isLoading, setIsLoading] = useState(!1), [disabled, setDisabled] = useState(!1), handleFolderSelected = (folderId, canCopyFileInto) => {
+    setSelectedFolderIdToCopyFile(canCopyFileInto ? folderId : void 0);
+  }, handleAddAttachmentToWorkspace = async () => {
+    if (selectedFolderIdToCopyFile === void 0) return;
+    setIsLoading(!0), await onCopyToWorkspace(attachments, selectedFolderIdToCopyFile) ? onModalClose() : toast.error(t("attachments.add.to.folder.modal.error")), setIsLoading(!1);
+  };
+  return useEffect(() => {
+    setDisabled(selectedFolderIdToCopyFile === void 0);
+  }, [selectedFolderIdToCopyFile]), /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose, id: "add-attachment-to-workspace-modal", size: "md", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: t("attachments.add.to.folder.modal.title") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12", children: [
+      /* @__PURE__ */ jsx("p", { children: t("attachments.add.to.folder.modal.description", {
+        count: attachments.length
+      }) }),
+      /* @__PURE__ */ jsx(WorkspaceFolders, { onFolderSelected: handleFolderSelected })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onModalClose, children: t("attachments.add.to.folder.modal.cancel") }),
+      /* @__PURE__ */ jsx(Button, { color: "primary", variant: "filled", onClick: handleAddAttachmentToWorkspace, disabled: isLoading || disabled, isLoading, children: t("attachments.add.to.folder.modal.add") })
+    ] })
+  ] }), document.getElementById("portal"));
+}
+export {
+  AddAttachmentToWorkspaceModal
+};

package/dist/components/AddAttachments/components/SingleAttachment.js

@@ -1 +1,27 @@
-import SvgIconDelete from"../../../modules/icons/components/IconDelete.js";import SvgIconDownload from"../../../modules/icons/components/IconDownload.js";import SvgIconFolderAdd from"../../../modules/icons/components/IconFolderAdd.js";import IconButton from"../../Button/IconButton.js";import Attachment from"../../Attachment/Attachment.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";function SingleAttachment({attachment,onDelete,editMode=!1,onCopyToWorkspace,getDownloadUrl,disabled=!1}){let{t}=useTranslation(),downloadUrl=getDownloadUrl?.(attachment.id);return jsx(Attachment,{name:attachment.filename,options:jsxs(Fragment,{children:[onCopyToWorkspace&&jsx(IconButton,{title:t(`conversation.copy.toworkspace`),color:`tertiary`,type:`button`,icon:jsx(SvgIconFolderAdd,{}),variant:`ghost`,onClick:()=>onCopyToWorkspace(attachment),disabled}),downloadUrl!==void 0&&jsx(`a`,{href:downloadUrl,download:!0,children:jsx(IconButton,{title:t(`download.attachment`),color:`tertiary`,type:`button`,icon:jsx(SvgIconDownload,{}),variant:`ghost`,disabled})}),editMode&&jsx(IconButton,{title:t(`remove.attachment`),color:`danger`,type:`button`,icon:jsx(SvgIconDelete,{}),variant:`ghost`,onClick:()=>onDelete(attachment.id),disabled})]})})}export{SingleAttachment};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import SvgIconDelete from "../../../modules/icons/components/IconDelete.js";
+import SvgIconDownload from "../../../modules/icons/components/IconDownload.js";
+import SvgIconFolderAdd from "../../../modules/icons/components/IconFolderAdd.js";
+import { useTranslation } from "react-i18next";
+import Attachment from "../../Attachment/Attachment.js";
+import IconButton from "../../Button/IconButton.js";
+function SingleAttachment({
+  attachment,
+  onDelete,
+  editMode = !1,
+  onCopyToWorkspace,
+  getDownloadUrl,
+  disabled = !1
+}) {
+  const {
+    t
+  } = useTranslation(), downloadUrl = getDownloadUrl == null ? void 0 : getDownloadUrl(attachment.id);
+  return /* @__PURE__ */ jsx(Attachment, { name: attachment.filename, options: /* @__PURE__ */ jsxs(Fragment, { children: [
+    onCopyToWorkspace && /* @__PURE__ */ jsx(IconButton, { title: t("conversation.copy.toworkspace"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), variant: "ghost", onClick: () => onCopyToWorkspace(attachment), disabled }),
+    downloadUrl !== void 0 && /* @__PURE__ */ jsx("a", { href: downloadUrl, download: !0, children: /* @__PURE__ */ jsx(IconButton, { title: t("download.attachment"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost", disabled }) }),
+    editMode && /* @__PURE__ */ jsx(IconButton, { title: t("remove.attachment"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => onDelete(attachment.id), disabled })
+  ] }) });
+}
+export {
+  SingleAttachment
+};

package/dist/components/AddAttachments/hooks/useFileToAttachment.js

@@ -1 +1,16 @@
-import{useCallback}from"react";function useFileToAttachment(){return useCallback(file=>({id:`${file.name}-${Date.now()}-${Math.random().toString(36).slice(2,9)}`,charset:`UTF-8`,contentTransferEncoding:`binary`,contentType:file.type||`application/octet-stream`,filename:file.name,name:file.name,size:file.size,file}),[])}export{useFileToAttachment};
+import { useCallback } from "react";
+function useFileToAttachment() {
+  return useCallback((file) => ({
+    id: `${file.name}-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+    charset: "UTF-8",
+    contentTransferEncoding: "binary",
+    contentType: file.type || "application/octet-stream",
+    filename: file.name,
+    name: file.name,
+    size: file.size,
+    file
+  }), []);
+}
+export {
+  useFileToAttachment
+};

package/dist/components/Alert/Alert.js

@@ -1 +1,105 @@
-import SvgIconAlertTriangle from"../../modules/icons/components/IconAlertTriangle.js";import SvgIconClose from"../../modules/icons/components/IconClose.js";import SvgIconError from"../../modules/icons/components/IconError.js";import SvgIconInfoCircle from"../../modules/icons/components/IconInfoCircle.js";import SvgIconSuccessOutline from"../../modules/icons/components/IconSuccessOutline.js";import ButtonBeta from"../ButtonBeta/ButtonBeta.js";import clsx$1 from"clsx";import{forwardRef,useCallback,useEffect,useImperativeHandle,useLayoutEffect,useRef,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var TOAST_EXIT_ANIMATION_DURATION=240,getToastAnimationClass=(position,isClosing)=>position===`top-left`||position===`bottom-left`?isClosing?`alert-slide-out-left`:`alert-slide-in-left`:position===`top-right`||position===`bottom-right`?isClosing?`alert-slide-out-right`:`alert-slide-in-right`:isClosing?`alert-fade-out`:`alert-fade-in`,Alert=forwardRef(({type=`success`,className=``,children,button,isDismissible=!1,isToast=!1,isConfirm=!1,position=`none`,autoClose=!1,autoCloseDelay=3e3,onClose,onVisibilityChange},ref)=>{let[isVisible,setVisibleStatus]=useState(!0),[isClosing,setIsClosing]=useState(!1),refAlert=useRef(null),{t}=useTranslation(),hide=useCallback(()=>{if(isToast){setIsClosing(!0);return}setVisibleStatus(!1),onClose?.()},[isToast,onClose]);useEffect(()=>{if(!isClosing)return;let timeoutId=setTimeout(()=>{setVisibleStatus(!1),onClose?.()},TOAST_EXIT_ANIMATION_DURATION);return()=>clearTimeout(timeoutId)},[isClosing,onClose]);let handleToastClick=()=>{isToast&&!isConfirm&&hide()};useImperativeHandle(ref,()=>({show,hide,...refAlert.current})),useLayoutEffect(()=>{onVisibilityChange?.(isVisible)},[isVisible,onVisibilityChange]);let shouldAutoClose=autoClose&&isVisible&&!isClosing,showProgress=autoClose&&isToast&&!isDismissible&&!isClosing,remainingRef=useRef(autoCloseDelay),timeoutRef=useRef(),startedAtRef=useRef(0),[isPaused,setIsPaused]=useState(!1),clearAutoCloseTimeout=useCallback(()=>{timeoutRef.current&&=(clearTimeout(timeoutRef.current),void 0)},[]);useEffect(()=>{if(shouldAutoClose)return remainingRef.current=autoCloseDelay,startedAtRef.current=Date.now(),timeoutRef.current=setTimeout(hide,autoCloseDelay),clearAutoCloseTimeout},[shouldAutoClose,autoCloseDelay,hide,clearAutoCloseTimeout]);let handleMouseEnter=()=>{!shouldAutoClose||isPaused||(clearAutoCloseTimeout(),remainingRef.current=Math.max(remainingRef.current-(Date.now()-startedAtRef.current),0),setIsPaused(!0))},handleMouseLeave=()=>{!shouldAutoClose||!isPaused||(startedAtRef.current=Date.now(),timeoutRef.current=setTimeout(hide,remainingRef.current),setIsPaused(!1))},show=()=>{setIsClosing(!1),setVisibleStatus(!0)},mapping={success:{icon:jsx(SvgIconSuccessOutline,{}),classModifier:`alert-success`},warning:{icon:jsx(SvgIconAlertTriangle,{}),classModifier:`alert-warning`},info:{icon:jsx(SvgIconInfoCircle,{}),classModifier:`alert-info`},danger:{icon:jsx(SvgIconError,{}),classModifier:`alert-danger`}},toastClasses={"is-dismissible":isDismissible,"is-toast":isToast},confirmClasses={"is-confirm":isConfirm},divContainerClasses=clsx$1(`alert gap-12`,mapping[type].classModifier,toastClasses,confirmClasses,position,isToast&&getToastAnimationClass(position,isClosing),className);return jsx(Fragment$1,{children:isVisible?jsxs(`div`,{ref:refAlert,className:divContainerClasses,role:`alert`,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,onClick:handleToastClick,children:[!isConfirm&&mapping[type].icon,jsx(`div`,{className:`alert-content small flex-grow-1`,children}),button&&jsxs(`div`,{className:`alert-actions`,onClick:e=>e.stopPropagation(),children:[button,isConfirm&&jsx(ButtonBeta,{onClick:hide,children:t(`close`)})]}),(isDismissible||isConfirm)&&jsx(`div`,{className:`btn-close-container`,onClick:e=>e.stopPropagation(),children:jsx(ButtonBeta,{type:`button`,leftIcon:jsx(SvgIconClose,{}),variant:`ghost`,color:`tertiary`,"aria-label":t(`close`),title:t(`close`),onClick:hide})}),showProgress&&jsx(`div`,{className:clsx$1(`alert-progress`,{"is-paused":isPaused}),style:{"--alert-progress-duration":`${autoCloseDelay}ms`}})]}):null})});export{Alert as default};
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconAlertTriangle from "../../modules/icons/components/IconAlertTriangle.js";
+import SvgIconClose from "../../modules/icons/components/IconClose.js";
+import SvgIconError from "../../modules/icons/components/IconError.js";
+import SvgIconInfoCircle from "../../modules/icons/components/IconInfoCircle.js";
+import SvgIconSuccessOutline from "../../modules/icons/components/IconSuccessOutline.js";
+import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
+const TOAST_EXIT_ANIMATION_DURATION = 240, getToastAnimationClass = (position, isClosing) => position === "top-left" || position === "bottom-left" ? isClosing ? "alert-slide-out-left" : "alert-slide-in-left" : position === "top-right" || position === "bottom-right" ? isClosing ? "alert-slide-out-right" : "alert-slide-in-right" : isClosing ? "alert-fade-out" : "alert-fade-in", Alert = /* @__PURE__ */ forwardRef(({
+  type = "success",
+  className = "",
+  children,
+  button,
+  isDismissible = !1,
+  isToast = !1,
+  isConfirm = !1,
+  position = "none",
+  autoClose = !1,
+  autoCloseDelay = 3e3,
+  onClose,
+  onVisibilityChange
+}, ref) => {
+  const [isVisible, setVisibleStatus] = useState(!0), [isClosing, setIsClosing] = useState(!1), refAlert = useRef(null), {
+    t
+  } = useTranslation(), hide = useCallback(() => {
+    if (isToast) {
+      setIsClosing(!0);
+      return;
+    }
+    setVisibleStatus(!1), onClose == null || onClose();
+  }, [isToast, onClose]);
+  useEffect(() => {
+    if (!isClosing)
+      return;
+    const timeoutId = setTimeout(() => {
+      setVisibleStatus(!1), onClose == null || onClose();
+    }, TOAST_EXIT_ANIMATION_DURATION);
+    return () => clearTimeout(timeoutId);
+  }, [isClosing, onClose]);
+  const handleToastClick = () => {
+    isToast && !isConfirm && hide();
+  };
+  useImperativeHandle(ref, () => ({
+    show,
+    hide,
+    ...refAlert.current
+  })), useLayoutEffect(() => {
+    onVisibilityChange == null || onVisibilityChange(isVisible);
+  }, [isVisible, onVisibilityChange]);
+  const shouldAutoClose = autoClose && isVisible && !isClosing, showProgress = autoClose && isToast && !isDismissible && !isClosing, remainingRef = useRef(autoCloseDelay), timeoutRef = useRef(), startedAtRef = useRef(0), [isPaused, setIsPaused] = useState(!1), clearAutoCloseTimeout = useCallback(() => {
+    timeoutRef.current && (clearTimeout(timeoutRef.current), timeoutRef.current = void 0);
+  }, []);
+  useEffect(() => {
+    if (shouldAutoClose)
+      return remainingRef.current = autoCloseDelay, startedAtRef.current = Date.now(), timeoutRef.current = setTimeout(hide, autoCloseDelay), clearAutoCloseTimeout;
+  }, [shouldAutoClose, autoCloseDelay, hide, clearAutoCloseTimeout]);
+  const handleMouseEnter = () => {
+    !shouldAutoClose || isPaused || (clearAutoCloseTimeout(), remainingRef.current = Math.max(remainingRef.current - (Date.now() - startedAtRef.current), 0), setIsPaused(!0));
+  }, handleMouseLeave = () => {
+    !shouldAutoClose || !isPaused || (startedAtRef.current = Date.now(), timeoutRef.current = setTimeout(hide, remainingRef.current), setIsPaused(!1));
+  }, show = () => {
+    setIsClosing(!1), setVisibleStatus(!0);
+  }, mapping = {
+    success: {
+      icon: /* @__PURE__ */ jsx(SvgIconSuccessOutline, {}),
+      classModifier: "alert-success"
+    },
+    warning: {
+      icon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}),
+      classModifier: "alert-warning"
+    },
+    info: {
+      icon: /* @__PURE__ */ jsx(SvgIconInfoCircle, {}),
+      classModifier: "alert-info"
+    },
+    danger: {
+      icon: /* @__PURE__ */ jsx(SvgIconError, {}),
+      classModifier: "alert-danger"
+    }
+  }, toastClasses = {
+    "is-dismissible": isDismissible,
+    "is-toast": isToast
+  }, confirmClasses = {
+    "is-confirm": isConfirm
+  }, divContainerClasses = clsx("alert gap-12", mapping[type].classModifier, toastClasses, confirmClasses, position, isToast && getToastAnimationClass(position, isClosing), className);
+  return /* @__PURE__ */ jsx(Fragment, { children: isVisible ? /* @__PURE__ */ jsxs("div", { ref: refAlert, className: divContainerClasses, role: "alert", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleToastClick, children: [
+    !isConfirm && mapping[type].icon,
+    /* @__PURE__ */ jsx("div", { className: "alert-content small flex-grow-1", children }),
+    button && /* @__PURE__ */ jsxs("div", { className: "alert-actions", onClick: (e) => e.stopPropagation(), children: [
+      button,
+      isConfirm && /* @__PURE__ */ jsx(ButtonBeta, { onClick: hide, children: t("close") })
+    ] }),
+    (isDismissible || isConfirm) && /* @__PURE__ */ jsx("div", { className: "btn-close-container", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(ButtonBeta, { type: "button", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), variant: "ghost", color: "tertiary", "aria-label": t("close"), title: t("close"), onClick: hide }) }),
+    showProgress && /* @__PURE__ */ jsx("div", { className: clsx("alert-progress", {
+      "is-paused": isPaused
+    }), style: {
+      "--alert-progress-duration": `${autoCloseDelay}ms`
+    } })
+  ] }) : null });
+});
+export {
+  Alert as default
+};

package/dist/components/AppHeader/AppHeader.js

@@ -1 +1,22 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var AppHeader=forwardRef(({children,render,isFullscreen=!1,...restProps},ref)=>jsxs(`div`,{ref,className:clsx$1(`d-flex flex-wrap p-16 gap-8 border-bottom bg-white`,{"justify-content-between":render,"mx-n16":!isFullscreen,"z-3 top-0 start-0 end-0":isFullscreen}),...restProps,children:[children,render?jsx(`div`,{className:`d-flex align-items-center ms-auto gap-8`,children:render()}):null]}));export{AppHeader as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const AppHeader = /* @__PURE__ */ forwardRef(({
+  children,
+  render,
+  isFullscreen = !1,
+  ...restProps
+}, ref) => {
+  const classes = clsx("d-flex flex-wrap p-16 gap-8 border-bottom bg-white", {
+    "justify-content-between": render,
+    "mx-n16": !isFullscreen,
+    "z-3 top-0 start-0 end-0": isFullscreen
+  });
+  return /* @__PURE__ */ jsxs("div", { ref, className: classes, ...restProps, children: [
+    children,
+    render ? /* @__PURE__ */ jsx("div", { className: "d-flex align-items-center ms-auto gap-8", children: render() }) : null
+  ] });
+});
+export {
+  AppHeader as default
+};

package/dist/components/AppIcon/AppIcon.d.ts

@@ -1,19 +1,5 @@
 import { IWebApp } from '@edifice.io/client';
-/**
- * Predefined icon sizes (in px). These keep their exact historical padding
- * when `iconFit="ratio"`.
- */
-export type PredefinedAppIconSize = '24' | '32' | '40' | '48' | '80' | '160';
-/**
- * Icon size, in px, as a numeric string. Accepts the predefined sizes as well
- * as any custom numeric value (e.g. `'16'`, `'20'`). In `iconFit="ratio"`
- * mode, custom sizes get an automatically computed padding (no CSS override
- * needed).
- *
- * Values with a unit (e.g. `'24px'`, `'2rem'`) are rejected: the component
- * appends `px` itself.
- */
-export type AppIconSize = PredefinedAppIconSize | `${number}`;
+export type AppIconSize = '24' | '32' | '40' | '48' | '80' | '160';
 export interface BaseProps {
     /**
      * Define icon size

package/dist/components/AppIcon/AppIcon.js

@@ -1 +1,60 @@
-import useEdificeIcons from"../../hooks/useEdificeIcons/useEdificeIcons.js";import Image from"../Image/Image.js";import SvgIconPlaceholder from"../../modules/icons/components/apps/IconPlaceholder.js";import{apps_exports}from"../../icons-apps.js";import clsx$1 from"clsx";import{forwardRef,useEffect,useState}from"react";import{jsx}from"react/jsx-runtime";var AppIcon=forwardRef(({app,size=`24`,iconFit=`contain`,variant=`square`,className=``},ref)=>{let{isIconUrl,getIconCode}=useEdificeIcons(),[imageLoadFailed,setImageLoadFailed]=useState(!1),isSquare=variant===`square`,isRounded=variant===`rounded`,isCircle=variant===`circle`,isContain=iconFit===`contain`,isRatio=iconFit===`ratio`,iconSizes={"icon-xs":size===`24`,"icon-sm":size===`40`,"icon-md":size===`48`,"icon-lg":size===`80`,"icon-xl":size===`160`},iconVariant={square:isSquare,rounded:isRounded,"rounded-circle":isCircle},iconFits={"icon-contain":isContain,"icon-ratio":isRatio},icon=typeof app==`string`?app:app?.icon===void 0?`placeholder`:app.icon,displayName=typeof app==`string`?``:app?.displayName||app?.name||``,code=app?getIconCode(app):``,iconIsUrl=!!isIconUrl(icon),isIconURL=iconIsUrl&&!imageLoadFailed,showLetterFallback=iconIsUrl&&imageLoadFailed&&!!displayName;useEffect(()=>{setImageLoadFailed(!1)},[icon]);let appCode=iconIsUrl?`placeholder`:code||`placeholder`,classes=clsx$1(`app-icon`,{...iconSizes,...iconVariant,...iconFits,[`bg-light-${appCode}`]:!isContain,[`color-app-${appCode}`]:appCode,"bg-app-light":!isContain,"color-app":appCode,[`app-${appCode}`]:appCode},className),IconComponent=apps_exports[`Icon${appCode.split(`-`).map(part=>part.charAt(0).toUpperCase()+part.slice(1)).join(``)}`]??SvgIconPlaceholder;return isIconURL?jsx(Image,{src:icon,alt:displayName,objectFit:`contain`,width:size,height:size,className:clsx$1(`h-full`,className),style:{minWidth:size+`px`},onError:()=>setImageLoadFailed(!0)}):jsx(`div`,{ref,className:classes,style:{width:size+`px`,height:size+`px`,"--app-icon-size":size+`px`},children:showLetterFallback?jsx(`span`,{className:`app-icon-letter`,style:{fontSize:size+`px`},children:displayName.charAt(0).toUpperCase()}):jsx(IconComponent,{width:size,height:size})})});export{AppIcon as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect } from "react";
+import clsx from "clsx";
+import * as iconsApps from "../../icons-apps.js";
+import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
+import SvgIconPlaceholder from "../../modules/icons/components/apps/IconPlaceholder.js";
+import Image from "../Image/Image.js";
+const AppIcon = /* @__PURE__ */ forwardRef(({
+  app,
+  size = "24",
+  iconFit = "contain",
+  variant = "square",
+  className = ""
+}, ref) => {
+  const {
+    isIconUrl,
+    getIconCode
+  } = useEdificeIcons(), [imageLoadFailed, setImageLoadFailed] = useState(!1), isSquare = variant === "square", isRounded = variant === "rounded", isCircle = variant === "circle", isContain = iconFit === "contain", isRatio = iconFit === "ratio", iconSizes = {
+    "icon-xs": size === "24",
+    "icon-sm": size === "40",
+    "icon-md": size === "48",
+    "icon-lg": size === "80",
+    "icon-xl": size === "160"
+  }, iconVariant = {
+    square: isSquare,
+    rounded: isRounded,
+    "rounded-circle": isCircle
+  }, iconFits = {
+    "icon-contain": isContain,
+    "icon-ratio": isRatio
+  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && ((app == null ? void 0 : app.displayName) || (app == null ? void 0 : app.name)) || "", code = app ? getIconCode(app) : "", iconIsUrl = !!isIconUrl(icon), isIconURL = iconIsUrl && !imageLoadFailed, showLetterFallback = iconIsUrl && imageLoadFailed && !!displayName;
+  useEffect(() => {
+    setImageLoadFailed(!1);
+  }, [icon]);
+  const appCode = iconIsUrl ? "placeholder" : code || "placeholder", classes = clsx("app-icon", {
+    ...iconSizes,
+    ...iconVariant,
+    ...iconFits,
+    [`bg-light-${appCode}`]: !isContain,
+    [`color-app-${appCode}`]: appCode,
+    "bg-app-light": !isContain,
+    "color-app": appCode,
+    [`app-${appCode}`]: appCode
+  }, className), IconComponent = iconsApps[`Icon${appCode.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("")}`] ?? SvgIconPlaceholder;
+  if (isIconURL) {
+    const classes2 = clsx("h-full", className);
+    return /* @__PURE__ */ jsx(Image, { src: icon, alt: displayName, objectFit: "contain", width: size, height: size, className: classes2, style: {
+      minWidth: size + "px"
+    }, onError: () => setImageLoadFailed(!0) });
+  }
+  return /* @__PURE__ */ jsx("div", { ref, className: classes, style: {
+    width: size + "px",
+    height: size + "px"
+  }, children: showLetterFallback ? /* @__PURE__ */ jsx("span", { className: "app-icon-letter", style: {
+    fontSize: size + "px"
+  }, children: displayName.charAt(0).toUpperCase() }) : /* @__PURE__ */ jsx(IconComponent, { width: size, height: size }) });
+});
+export {
+  AppIcon as default
+};

package/dist/components/Attachment/Attachment.js

@@ -1 +1,18 @@
-import SvgIconPaperclip from"../../modules/icons/components/IconPaperclip.js";import Tooltip from"../Tooltip/Tooltip.js";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var Attachment=forwardRef(({name=`Attachment Name`,options,...restProps},ref)=>jsxs(`div`,{ref,className:`attachment px-12 py-8`,...restProps,tabIndex:0,children:[jsxs(Tooltip,{message:name,className:`filename text-truncate d-flex align-items-center gap-8`,children:[jsx(SvgIconPaperclip,{height:22,width:22}),jsx(`div`,{className:`filename text-truncate`,children:name})]}),options&&jsx(`div`,{className:`options ps-12`,children:options})]}));export{Attachment as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import SvgIconPaperclip from "../../modules/icons/components/IconPaperclip.js";
+import Tooltip from "../Tooltip/Tooltip.js";
+const Attachment = /* @__PURE__ */ forwardRef(({
+  name = "Attachment Name",
+  options,
+  ...restProps
+}, ref) => /* @__PURE__ */ jsxs("div", { ref, className: "attachment px-12 py-8", ...restProps, tabIndex: 0, children: [
+  /* @__PURE__ */ jsxs(Tooltip, { message: name, className: "filename text-truncate d-flex align-items-center gap-8", children: [
+    /* @__PURE__ */ jsx(SvgIconPaperclip, { height: 22, width: 22 }),
+    /* @__PURE__ */ jsx("div", { className: "filename text-truncate", children: name })
+  ] }),
+  options && /* @__PURE__ */ jsx("div", { className: "options ps-12", children: options })
+] }));
+export {
+  Attachment as default
+};

package/dist/components/Avatar/Avatar.js

@@ -1 +1,53 @@
-import Image from"../Image/Image.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import noAvatar from"@edifice.io/bootstrap/dist/images/avatar/no-avatar.svg";var Avatar=forwardRef(({variant=`square`,size=`md`,alt,src,imgPlaceholder,className,innerBorderColor,innerBorderWidth,outerBorderColor,outerBorderWidth,outerBorderOffset,cover,...restProps},ref)=>{let placeholder=imgPlaceholder||noAvatar,isSquare=variant===`square`,isRounded=variant===`rounded`,isCircle=variant===`circle`,avatarSizes={"avatar-xs":size===`xs`,"avatar-sm":size===`sm`,"avatar-md":size===`md`,"avatar-lg":size===`lg`,"avatar-xl":size===`xl`,"avatar-auto":size===`auto`},avatarVariants={square:isSquare,rounded:isRounded,"rounded-circle":isCircle};return jsxs(`div`,{ref,className:clsx$1(`avatar`,{...avatarSizes,...avatarVariants},{"avatar-with-cover":cover},className),style:{...outerBorderColor&&{outline:`${outerBorderWidth}px solid var(--edifice-${outerBorderColor})`,outlineOffset:outerBorderOffset},...innerBorderColor&&{border:`${innerBorderWidth}px solid var(--edifice-${innerBorderColor})`}},children:[jsx(Image,{src:src||placeholder,alt,imgPlaceholder:placeholder,...restProps}),cover&&jsx(`div`,{className:`avatar-cover`,children:cover})]})});export{Avatar as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import noAvatar from "@edifice.io/bootstrap/dist/images/avatar/no-avatar.svg";
+import Image from "../Image/Image.js";
+const Avatar = /* @__PURE__ */ forwardRef(({
+  variant = "square",
+  size = "md",
+  alt,
+  src,
+  imgPlaceholder,
+  className,
+  innerBorderColor,
+  innerBorderWidth,
+  outerBorderColor,
+  outerBorderWidth,
+  outerBorderOffset,
+  cover,
+  ...restProps
+}, ref) => {
+  const placeholder = imgPlaceholder || noAvatar, classes = clsx("avatar", {
+    ...{
+      "avatar-xs": size === "xs",
+      "avatar-sm": size === "sm",
+      "avatar-md": size === "md",
+      "avatar-lg": size === "lg",
+      "avatar-xl": size === "xl",
+      "avatar-auto": size === "auto"
+    },
+    ...{
+      square: variant === "square",
+      rounded: variant === "rounded",
+      "rounded-circle": variant === "circle"
+    }
+  }, {
+    "avatar-with-cover": cover
+  }, className), style = {
+    ...outerBorderColor && {
+      outline: `${outerBorderWidth}px solid var(--edifice-${outerBorderColor})`,
+      outlineOffset: outerBorderOffset
+    },
+    ...innerBorderColor && {
+      border: `${innerBorderWidth}px solid var(--edifice-${innerBorderColor})`
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { ref, className: classes, style, children: [
+    /* @__PURE__ */ jsx(Image, { src: src || placeholder, alt, imgPlaceholder: placeholder, ...restProps }),
+    cover && /* @__PURE__ */ jsx("div", { className: "avatar-cover", children: cover })
+  ] });
+});
+export {
+  Avatar as default
+};

package/dist/components/AvatarGroup/AvatarGroup.js

@@ -1 +1,24 @@
-import Avatar from"../Avatar/Avatar.js";import StackedGroup from"../StackedGroup/StackedGroup.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var AvatarGroup=forwardRef(({src,maxAvatars=3,overlap=20,className,size=`md`,variant=`circle`,alt,stackingOrder=`leftFirst`,wrap=!1,lastItemCover,...restProps},ref)=>{let visibleAvatars=src.slice(0,maxAvatars);return jsx(`div`,{ref,className:clsx$1(`avatar-group d-flex`,className),children:jsx(StackedGroup,{overlap,stackingOrder,wrap,children:visibleAvatars.map((avatarSrc,index)=>jsx(Avatar,{src:avatarSrc,size,variant,alt:`${alt} ${index+1}`,cover:index===maxAvatars-1?lastItemCover:void 0,...restProps},index))})})});export{AvatarGroup as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import StackedGroup from "../StackedGroup/StackedGroup.js";
+import Avatar from "../Avatar/Avatar.js";
+const AvatarGroup = /* @__PURE__ */ forwardRef(({
+  src,
+  maxAvatars = 3,
+  overlap = 20,
+  className,
+  size = "md",
+  variant = "circle",
+  alt,
+  stackingOrder = "leftFirst",
+  wrap = !1,
+  lastItemCover,
+  ...restProps
+}, ref) => {
+  const visibleAvatars = src.slice(0, maxAvatars), classes = clsx("avatar-group d-flex", className);
+  return /* @__PURE__ */ jsx("div", { ref, className: classes, children: /* @__PURE__ */ jsx(StackedGroup, { overlap, stackingOrder, wrap, children: visibleAvatars.map((avatarSrc, index) => /* @__PURE__ */ jsx(Avatar, { src: avatarSrc, size, variant, alt: `${alt} ${index + 1}`, cover: index === maxAvatars - 1 ? lastItemCover : void 0, ...restProps }, index)) }) });
+});
+export {
+  AvatarGroup as default
+};