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

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1 @@
+var __defProp=Object.defineProperty,__exportAll=(all,no_symbols)=>{let target={};for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});return no_symbols||__defProp(target,Symbol.toStringTag,{value:`Module`}),target};export{__exportAll};

package/dist/audience.js

@@ -1,16 +1 @@
-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
-};
+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};

package/dist/comments.js

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

package/dist/components/ActionBar/ActionBar.js

@@ -1,8 +1 @@
-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
-};
+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};

package/dist/components/AddAttachments/AddAttachments.js

@@ -1,75 +1 @@
-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
-};
+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};

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

@@ -1,41 +1 @@
-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
-};
+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};

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

@@ -1,27 +1 @@
-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
-};
+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};

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

@@ -1,16 +1 @@
-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,105 +1 @@
-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
-};
+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};

package/dist/components/AppHeader/AppHeader.js

@@ -1,22 +1 @@
-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
-};
+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};

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

@@ -1,5 +1,19 @@
 import { IWebApp } from '@edifice.io/client';
-export type AppIconSize = '24' | '32' | '40' | '48' | '80' | '160';
+/**
+ * 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 interface BaseProps {
     /**
      * Define icon size

package/dist/components/AppIcon/AppIcon.js

@@ -1,60 +1 @@
-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
-};
+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};

package/dist/components/Attachment/Attachment.js

@@ -1,18 +1 @@
-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
-};
+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};

package/dist/components/Avatar/Avatar.js

@@ -1,53 +1 @@
-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
-};
+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};

package/dist/components/AvatarGroup/AvatarGroup.js

@@ -1,24 +1 @@
-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
-};
+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};

package/dist/components/Badge/Badge.js

@@ -1,33 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
-const Badge = /* @__PURE__ */ forwardRef(({
-  className,
-  variant = {
-    type: "notification",
-    level: "info"
-  },
-  children,
-  ...restProps
-}, ref) => {
-  const {
-    getIconClass,
-    getBackgroundLightIconClass,
-    getBorderIconClass
-  } = useEdificeIcons();
-  let appVersionBadgeColorClassName = "";
-  if (variant.type === "appVersion" && variant.app) {
-    const colorAppClassName = getIconClass(variant.app), backgroundLightAppClassName = getBackgroundLightIconClass(variant.app), borderAppClassName = getBorderIconClass(variant.app);
-    appVersionBadgeColorClassName = `${colorAppClassName} ${backgroundLightAppClassName} ${borderAppClassName}`;
-  }
-  const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "status" && `badge-status badge-status-${variant.level} caption fw-normal`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", variant.type === "appVersion" && appVersionBadgeColorClassName, className);
-  return /* @__PURE__ */ jsxs("span", { ref, className: classes, ...restProps, children: [
-    variant.type === "chip" && /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }),
-    variant.type === "appVersion" && (children ?? "BÊTA"),
-    variant.type !== "chip" && variant.type !== "appVersion" && children
-  ] });
-});
-export {
-  Badge as default
-};
+import useEdificeIcons from"../../hooks/useEdificeIcons/useEdificeIcons.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var Badge=forwardRef(({className,variant={type:`notification`,level:`info`},children,...restProps},ref)=>{let{getIconClass,getBackgroundLightIconClass,getBorderIconClass}=useEdificeIcons(),appVersionBadgeColorClassName=``;return variant.type===`appVersion`&&variant.app&&(appVersionBadgeColorClassName=`${getIconClass(variant.app)} ${getBackgroundLightIconClass(variant.app)} ${getBorderIconClass(variant.app)}`),jsxs(`span`,{ref,className:clsx$1(`badge rounded-pill`,(variant.type===`content`||variant.type===`user`)&&`background`in variant?`bg-gray-200`:(variant.type===`content`||variant.type===`user`)&&!(`background`in variant)?`border border-0`:``,variant.type===`content`&&`text-${variant.level}`,variant.type===`notification`&&`badge-notification bg-${variant.level} text-light border border-0`,variant.type===`status`&&`badge-status badge-status-${variant.level} caption fw-normal`,variant.type===`user`&&`badge-profile-${variant.profile.toLowerCase()}`,variant.type===`link`&&`badge-link border border-0`,variant.type===`chip`&&`bg-gray-200`,variant.type===`appVersion`&&appVersionBadgeColorClassName,className),...restProps,children:[variant.type===`chip`&&jsx(`div`,{className:`d-flex fw-800 align-items-center`,children}),variant.type===`appVersion`&&(children??`BÊTA`),variant.type!==`chip`&&variant.type!==`appVersion`&&children]})});export{Badge as default};