@edifice.io/react 2.2.11-develop-pedago.20250710182455 → 2.2.11-develop-pedago.20250822111402

package/dist/components/Avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { Color } from 'src/types/color';
 export type AvatarVariants = 'square' | 'rounded' | 'circle';
 export type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -47,6 +48,10 @@ export interface AvatarProps extends React.ComponentPropsWithRef<'img'> {
      * Outer border offset in pixels
      */
     outerBorderOffset?: number;
+    /**
+     * Cover content for the avatar
+     */
+    cover?: ReactNode;
 }
 declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default Avatar;

package/dist/components/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+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";
@@ -15,6 +15,7 @@ const Avatar = /* @__PURE__ */ forwardRef(({
   outerBorderColor,
   outerBorderWidth,
   outerBorderOffset,
+  cover,
   ...restProps
 }, ref) => {
   const placeholder = imgPlaceholder || noAvatar, classes = clsx("avatar", {
@@ -30,6 +31,8 @@ const Avatar = /* @__PURE__ */ forwardRef(({
       rounded: variant === "rounded",
       "rounded-circle": variant === "circle"
     }
+  }, {
+    "avatar-with-cover": cover
   }, className), style = {
     ...outerBorderColor && {
       outline: `${outerBorderWidth}px solid var(--edifice-${outerBorderColor})`,
@@ -39,7 +42,10 @@ const Avatar = /* @__PURE__ */ forwardRef(({
       border: `${innerBorderWidth}px solid var(--edifice-${innerBorderColor})`
     }
   };
-  return /* @__PURE__ */ jsx("div", { ref, className: classes, style, children: /* @__PURE__ */ jsx(Image, { src: src || placeholder, alt, imgPlaceholder: placeholder, ...restProps }) });
+  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.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { AvatarProps } from '../Avatar';
 export interface AvatarGroupProps extends Omit<AvatarProps, 'src'> {
     /**
@@ -19,6 +20,15 @@ export interface AvatarGroupProps extends Omit<AvatarProps, 'src'> {
      * @default 'leftFirst'
      */
     stackingOrder?: 'leftFirst' | 'rightFirst';
+    /**
+     * Whether to wrap avatars to the next line
+     * @default false
+     */
+    wrap?: boolean;
+    /**
+     * Cover content for the last avatar
+     */
+    lastItemCover?: ReactNode;
 }
 declare const AvatarGroup: import('react').ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default AvatarGroup;

package/dist/components/AvatarGroup/AvatarGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import clsx from "clsx";
+import { forwardRef } from "react";
 import StackedGroup from "../StackedGroup/StackedGroup.js";
 import Avatar from "../Avatar/Avatar.js";
 const AvatarGroup = /* @__PURE__ */ forwardRef(({
@@ -12,12 +12,12 @@ const AvatarGroup = /* @__PURE__ */ forwardRef(({
   variant = "circle",
   alt,
   stackingOrder = "leftFirst",
+  wrap = !1,
+  lastItemCover,
   ...restProps
 }, ref) => {
-  const visibleAvatars = src.slice(0, maxAvatars), classes = clsx("avatar-group", className);
-  return /* @__PURE__ */ jsx("div", { ref, className: classes, style: {
-    display: "flex"
-  }, children: /* @__PURE__ */ jsx(StackedGroup, { overlap, stackingOrder, children: visibleAvatars.map((avatarSrc, index) => /* @__PURE__ */ jsx(Avatar, { src: avatarSrc, size, variant, alt: `${alt} ${index + 1}`, ...restProps })) }) });
+  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 })) }) });
 });
 export {
   AvatarGroup as default

package/dist/components/StackedGroup/StackedGroup.d.ts

@@ -18,6 +18,11 @@ export interface StackedGroupProps {
      * Additional CSS class
      */
     className?: string;
+    /**
+     * Whether to wrap items to the next line
+     * @default false
+     */
+    wrap?: boolean;
 }
 declare const StackedGroup: import('react').ForwardRefExoticComponent<StackedGroupProps & import('react').RefAttributes<HTMLDivElement>>;
 export default StackedGroup;

package/dist/components/StackedGroup/StackedGroup.js

@@ -1,18 +1,20 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import clsx from "clsx";
+import { forwardRef } from "react";
 const StackedGroup = /* @__PURE__ */ forwardRef(({
   children,
   overlap = 20,
   className,
-  stackingOrder = "leftFirst"
+  stackingOrder = "leftFirst",
+  wrap = !1
 }, ref) => {
-  const classes = clsx("stacked-group", className);
-  return /* @__PURE__ */ jsx("div", { ref, className: classes, style: {
-    display: "flex",
-    alignItems: "center"
-  }, children: children.map((child, index) => /* @__PURE__ */ jsx("div", { style: {
-    marginLeft: index === 0 ? 0 : `-${overlap}px`,
+  const classes = clsx("stacked-group d-flex align-items-center", className, {
+    "flex-wrap": wrap
+  });
+  return /* @__PURE__ */ jsx("div", { ref, className: classes, style: wrap ? {
+    paddingLeft: `${overlap}px`
+  } : void 0, children: children.map((child, index) => /* @__PURE__ */ jsx("div", { style: {
+    marginLeft: index === 0 && !wrap ? 0 : `-${overlap}px`,
     zIndex: stackingOrder === "rightFirst" ? children.length - index : index + 1
   }, children: child }, index)) });
 });

package/dist/hooks/useEdificeIcons/useEdificeIcons.js

@@ -21,7 +21,7 @@ function useEdificeIcons() {
   };
   function getIconCode(app) {
     let appCode = "";
-    switch (typeof app == "string" ? appCode = app : appCode = (app == null ? void 0 : app.icon) !== void 0 ? app == null ? void 0 : app.icon.trim().toLowerCase() : "placeholder", appCode && appCode.length > 0 ? appCode.endsWith("-large") && (appCode = appCode.replace("-large", "")) : typeof app == "object" && (appCode = (app == null ? void 0 : app.displayName) !== void 0 ? app == null ? void 0 : app.displayName.trim().toLowerCase() : ""), console.log(appCode), appCode) {
+    switch (typeof app == "string" ? appCode = app : appCode = (app == null ? void 0 : app.icon) !== void 0 ? app == null ? void 0 : app.icon.trim().toLowerCase() : "placeholder", appCode && appCode.length > 0 ? appCode.endsWith("-large") && (appCode = appCode.replace("-large", "")) : typeof app == "object" && (appCode = (app == null ? void 0 : app.displayName) !== void 0 ? app == null ? void 0 : app.displayName.trim().toLowerCase() : ""), appCode) {
       case "admin.title":
         appCode = "admin";
         break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-pedago.20250710182455",
+  "version": "2.2.11-develop-pedago.20250822111402",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -130,9 +130,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250710182455",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250710182455",
-    "@edifice.io/utilities": "2.2.11-develop-pedago.20250710182455"
+    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250822111402",
+    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250822111402",
+    "@edifice.io/utilities": "2.2.11-develop-pedago.20250822111402"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.11-develop-pedago.20250710182455",
-    "@edifice.io/config": "2.2.11-develop-pedago.20250710182455"
+    "@edifice.io/client": "2.2.11-develop-pedago.20250822111402",
+    "@edifice.io/config": "2.2.11-develop-pedago.20250822111402"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",