@edifice.io/react 2.2.11-develop-pedago.20250707151414 → 2.2.11-develop.20250702174802

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,15 +1,6 @@
 import { ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
 import { default as DropdownCheckboxItem } from './DropdownCheckboxItem';
-export interface DropdownApi {
-    visible: boolean;
-    isFocused: string | null;
-    menuRef: React.MutableRefObject<HTMLUListElement | null>;
-    triggerRef: React.MutableRefObject<HTMLButtonElement | null>;
-    setVisible: (visible: boolean) => void;
-    openDropdown: () => void;
-    closeDropdown: () => void;
-}
 export interface DropdownProps {
     /** Children Props */
     children: ReactNode | ((...props: any) => ReactNode);
@@ -77,7 +68,10 @@ export type DropdownMenuOptions = {
      */
     type: 'divider';
 };
-declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<DropdownApi>> & {
+declare const Dropdown: {
+    ({ children, block, overflow, noWrap, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
     Trigger: import('react').ForwardRefExoticComponent<Omit<import('./DropdownTrigger').DropdownTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     Menu: import('react').ForwardRefExoticComponent<Omit<import('./DropdownMenu').DropdownMenuProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Item: {

package/dist/components/Dropdown/Dropdown.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useMemo, useEffect } from "react";
+import { useMemo, useEffect } from "react";
 import clsx from "clsx";
 import useDropdown from "../../hooks/useDropdown/useDropdown.js";
 import DropdownCheckboxItem from "./DropdownCheckboxItem.js";
@@ -11,7 +11,7 @@ import DropdownRadioItem from "./DropdownRadioItem.js";
 import DropdownSeparator from "./DropdownSeparator.js";
 import DropdownTrigger from "./DropdownTrigger.js";
 import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
-const Root = /* @__PURE__ */ forwardRef(({
+const Root = ({
   children,
   block,
   overflow = !0,
@@ -23,7 +23,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   focusOnVisible = !0,
   openOnSpace = !0,
   focusOnMouseEnter = !0
-}, refDropdown) => {
+}) => {
   const {
     visible,
     isFocused,
@@ -31,22 +31,8 @@ const Root = /* @__PURE__ */ forwardRef(({
     menuProps,
     itemProps,
     itemRefs,
-    setVisible,
-    menuRef,
-    triggerRef,
-    closeDropdown,
-    openDropdown
-  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter);
-  useImperativeHandle(refDropdown, () => ({
-    visible,
-    setVisible,
-    isFocused,
-    menuRef,
-    triggerRef,
-    closeDropdown,
-    openDropdown
-  }));
-  const ref = useClickOutside(() => {
+    setVisible
+  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter), ref = useClickOutside(() => {
     setVisible(!1);
   }), value = useMemo(() => ({
     visible,
@@ -56,10 +42,8 @@ const Root = /* @__PURE__ */ forwardRef(({
     itemProps,
     itemRefs,
     block,
-    setVisible,
-    openDropdown,
-    closeDropdown
-  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible, openDropdown, closeDropdown]), dropdown = clsx("dropdown", {
+    setVisible
+  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible]), dropdown = clsx("dropdown", {
     "w-100": block,
     "dropdown-nowrap": noWrap,
     overflow
@@ -67,7 +51,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   return useEffect(() => {
     onToggle == null || onToggle(visible);
   }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs, setVisible) : children }) });
-}), Dropdown = /* @__PURE__ */ Object.assign(Root, {
+}, Dropdown = /* @__PURE__ */ Object.assign(Root, {
   Trigger: DropdownTrigger,
   Menu: DropdownMenu,
   Item: DropdownItem,

package/dist/components/Layout/Layout.d.ts

@@ -4,11 +4,9 @@ export interface LayoutProps extends ComponentPropsWithoutRef<any> {
     children: ReactNode;
     /** Full screen mode without header component  */
     headless?: boolean;
-    /** Control white background - defaults to true */
-    whiteBg?: boolean;
 }
 export declare const Layout: {
-    ({ children, headless, whiteBg, ...restProps }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, headless, ...restProps }: LayoutProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Layout;

package/dist/components/Layout/Layout.js

@@ -12,7 +12,6 @@ import Button from "../Button/Button.js";
 const Layout = ({
   children,
   headless = !1,
-  whiteBg = !0,
   ...restProps
 }) => {
   const {
@@ -25,8 +24,7 @@ const Layout = ({
     handleCloseCookiesConsent
   } = useCookiesConsent();
   useZendeskGuide(), useCantoo();
-  const classes = clsx("d-flex flex-column", {
-    "bg-white": whiteBg,
+  const classes = clsx("d-flex flex-column bg-white", {
     "container-fluid": !headless,
     "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
     "mt-24": (theme == null ? void 0 : theme.is1d) && !headless

package/dist/components/Tabs/components/Tabs.d.ts

@@ -17,20 +17,12 @@ export interface TabsProps {
      * Children Props
      */
     children?: (...props: any) => ReactNode;
-    /**
-     * Whether tabs should take full available width
-     */
-    fullWidth?: boolean;
-    /**
-     * Whether tabs should take full available height
-     */
-    fullHeight?: boolean;
 }
 /**
  * Tab Content displayed one at a time when a Tab Item is selected
  */
 export declare const Tabs: {
-    ({ defaultId, items, fullWidth, fullHeight, onChange, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    ({ defaultId, items, onChange, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
     Item: {
         ({ icon, badge, label, id, order, }: TabsItemProps & {
             order: number;
@@ -38,11 +30,11 @@ export declare const Tabs: {
         displayName: string;
     };
     Panel: {
-        ({ children, currentItem, fullHeight }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, currentItem }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     List: {
-        (props: import('./TabsList').TabsListProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('react').ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     displayName: string;

package/dist/components/Tabs/components/Tabs.js

@@ -8,8 +8,6 @@ import TabsPanel from "./TabsPanel.js";
 const Tabs = ({
   defaultId,
   items,
-  fullWidth = !1,
-  fullHeight = !1,
   onChange,
   children
 }) => {
@@ -34,8 +32,8 @@ const Tabs = ({
     onKeyDown
   }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth, tabsRef]), currentItem = items.find((item) => item.id === activeTab);
   return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: typeof children == "function" ? children(currentItem) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tabs.List, { fullWidth }),
-    /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, fullHeight, children: currentItem == null ? void 0 : currentItem.content })
+    /* @__PURE__ */ jsx(Tabs.List, {}),
+    /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content })
   ] }) });
 };
 Tabs.Item = TabsItem;

package/dist/components/Tabs/components/TabsList.d.ts

@@ -1,12 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
-export interface TabsListProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Whether tabs should take full available width
-     */
-    fullWidth?: boolean;
-}
 declare const TabsList: {
-    (props: TabsListProps): import("react/jsx-runtime").JSX.Element;
+    (props: ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TabsList;

package/dist/components/Tabs/components/TabsList.js

@@ -9,13 +9,10 @@ const TabsList = (props) => {
     tabUnderlineWidth
   } = useTabsContext(), {
     className,
-    fullWidth,
     ...restProps
-  } = props, ulClasses = clsx("nav nav-tabs flex-nowrap", {
-    "w-100": fullWidth
-  }), tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
+  } = props, tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
   return /* @__PURE__ */ jsxs("div", { className: tabslist, ...restProps, children: [
-    /* @__PURE__ */ jsx("ul", { className: ulClasses, role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
+    /* @__PURE__ */ jsx("ul", { className: "nav nav-tabs flex-nowrap", role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
     /* @__PURE__ */ jsx("span", { className: "nav-slide", style: {
       left: tabUnderlineLeft,
       width: tabUnderlineWidth

package/dist/components/Tabs/components/TabsPanel.d.ts

@@ -9,13 +9,9 @@ export interface TabsPanelProps {
      * Current Item
      */
     currentItem: TabsItemProps | undefined;
-    /**
-     * Whether tabs should take full available height
-     */
-    fullHeight?: boolean;
 }
 declare const TabsPanel: {
-    ({ children, currentItem, fullHeight }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, currentItem }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TabsPanel;

package/dist/components/Tabs/components/TabsPanel.js

@@ -1,17 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useTabsContext } from "../context/TabsContext.js";
-import clsx from "clsx";
 const TabsPanel = ({
   children,
-  currentItem,
-  fullHeight
+  currentItem
 }) => {
   const {
     activeTab
-  } = useTabsContext(), contentClasses = clsx("tab-content d-flex flex-fill w-100", {
-    "position-relative h-100": fullHeight
-  });
-  return /* @__PURE__ */ jsx("div", { className: contentClasses, children: /* @__PURE__ */ jsx("div", { className: `tab-pane flex-fill w-100 fade ${activeTab === (currentItem == null ? void 0 : currentItem.id) ? "show active" : ""}`, id: `tabpanel-${currentItem == null ? void 0 : currentItem.id}`, role: "tabpanel", "aria-labelledby": `tab-${currentItem == null ? void 0 : currentItem.id}`, tabIndex: 0, children }) });
+  } = useTabsContext();
+  return /* @__PURE__ */ jsx("div", { className: "tab-content d-flex flex-fill w-100", children: /* @__PURE__ */ jsx("div", { className: `tab-pane flex-fill w-100 fade ${activeTab === (currentItem == null ? void 0 : currentItem.id) ? "show active" : ""}`, id: `tabpanel-${currentItem == null ? void 0 : currentItem.id}`, role: "tabpanel", "aria-labelledby": `tab-${currentItem == null ? void 0 : currentItem.id}`, tabIndex: 0, children }) });
 };
 export {
   TabsPanel as default

package/dist/hooks/useDropdown/useDropdown.d.ts

@@ -28,8 +28,6 @@ export interface UseDropdownProps {
     itemProps: Record<string, any>;
     setVisible: Dispatch<SetStateAction<boolean>>;
     openOnSpace?: boolean;
-    openDropdown: () => void;
-    closeDropdown: () => void;
 }
 declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean, focusOnVisible?: boolean, openOnSpace?: boolean, focusOnMouseEnter?: boolean) => UseDropdownProps;
 export default useDropdown;

package/dist/hooks/useDropdown/useDropdown.js

@@ -159,8 +159,6 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
       onMenuItemClick: closeDropdown,
       onMenuItemKeyDown
     },
-    openDropdown,
-    closeDropdown,
     setVisible
   };
 };

package/dist/index.js

@@ -92,12 +92,11 @@ import { default as default91 } from "./modules/multimedia/AudioRecorder/AudioRe
 import { default as default92 } from "./modules/multimedia/Embed/Embed.js";
 import { default as default93 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
 import { default as default94 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default95 } from "./modules/multimedia/FileCard/FileCard.js";
-import { default as default96 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default97 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default98 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default99 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default100 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default95 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default96 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default97 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default98 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default99 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
@@ -160,7 +159,6 @@ export {
   default92 as Embed,
   default21 as EmptyScreen,
   ExternalLinker,
-  default95 as FileCard,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -178,7 +176,7 @@ export {
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
-  default96 as MediaLibrary,
+  default95 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
@@ -209,13 +207,13 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default46 as TreeView,
-  default97 as VideoEmbed,
-  default98 as VideoRecorder,
+  default96 as VideoEmbed,
+  default97 as VideoRecorder,
   default47 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default99 as Workspace,
-  default100 as WorkspaceFolders,
+  default98 as Workspace,
+  default99 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,

package/dist/modules/editor/components/Toolbar/TableToolbar.AddMenu.js

@@ -46,7 +46,7 @@ const TableToolbarAddMenu = ({
   }];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.tooltip.add"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.table.toolbar.add") }) }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { children: addOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }) }, option.key)) })
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: addOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }, option.key) })) })
   ] });
 };
 export {

package/dist/modules/editor/components/Toolbar/TableToolbar.DelMenu.js

@@ -40,7 +40,7 @@ const TableToolbarDelMenu = ({
   }];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.tooltip.del"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.table.toolbar.del") }) }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { children: delOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }) }, option.key)) })
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: delOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }, option.key) })) })
   ] });
 };
 export {

package/dist/modules/multimedia/FileCard/FileCard.d.ts

@@ -1,24 +1,13 @@
-import { ReactNode } from 'react';
 import { WorkspaceElement } from '@edifice.io/client';
 import { CardProps } from '../../../components';
 export interface FileCardProps extends CardProps {
     /**
      * WorkspaceElement
-     */
+     * */
     doc: WorkspaceElement;
-    /**
-     * Custom icon to override the default based on file type
-     * Can be a string or a React node
-     */
-    customIcon?: ReactNode;
-    /**
-     * Custom color class to override the default based on file type
-     * Example: "bg-purple-300" or any valid CSS class
-     */
-    customColor?: string;
 }
 declare const FileCard: {
-    ({ doc, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, customIcon, customColor, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ doc, isClickable, isSelectable, isSelected, onClick, className, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default FileCard;

package/dist/modules/multimedia/FileCard/FileCard.js

@@ -15,21 +15,11 @@ const FileCard = ({
   isSelectable = !1,
   isSelected = !1,
   onClick,
-  className,
-  onSelect,
-  isFocused,
-  app,
-  customIcon,
-  customColor
+  className
 }) => {
+  var _a;
   const ref = useRef(null), type = DocumentHelper.getRole(doc);
   function getRoleMap(type2) {
-    if (customIcon !== void 0 || customColor !== void 0)
-      return {
-        icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
-        color: customColor || "bg-gray-300",
-        hasShadow: !1
-      };
     const roleMappings = {
       csv: {
         icon: ".CSV",
@@ -82,17 +72,17 @@ const FileCard = ({
     };
     return roleMappings[type2] || roleMappings.unknown;
   }
-  const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
+  const file = clsx("file position-relative rounded", ((_a = getRoleMap(type ?? "default")) == null ? void 0 : _a.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
     ref
   }), imageStyles = hasThumbnail && {
     backgroundImage: `url(${mediaSrc})`,
     backgroundSize: "cover"
   };
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
+  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
     /* @__PURE__ */ jsx("div", { ref, className: file, style: {
       aspectRatio: "16/10",
       ...imageStyles
-    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
+    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap: getRoleMap(type) }) : null }),
     /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
       /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
       /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerName })

package/dist/modules/multimedia/FileCard/FileIcon.d.ts

@@ -1,10 +1,6 @@
 import { Role } from '@edifice.io/client';
 declare const FileIcon: ({ type, roleMap, }: {
     type: Role | "unknown";
-    roleMap?: {
-        icon: React.ReactNode | string;
-        color: string;
-        hasShadow?: boolean;
-    };
+    roleMap?: Record<string, string | JSX.Element>;
 }) => import("react/jsx-runtime").JSX.Element;
 export default FileIcon;

package/dist/modules/multimedia/FileCard/FileIcon.js

@@ -5,8 +5,8 @@ const FileIcon = ({
   type,
   roleMap
 }) => {
-  const hasShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown" && (roleMap == null ? void 0 : roleMap.hasShadow) !== !1, fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
-    "p-12 rounded-circle shadow": hasShadow
+  const hasNoShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown", fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
+    "p-12 rounded-circle shadow": hasNoShadow
   }, roleMap == null ? void 0 : roleMap.color);
   return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(SvgIconPaperclip, {}) });
 };

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.d.ts

@@ -35,9 +35,7 @@ export type MediaLibraryType =
 /** Embedded websites */
  | 'embedder'
 /** Hyperlinks */
- | 'hyperlink'
-/** Studio mode for recording audio and video */
- | 'studio';
+ | 'hyperlink';
 export interface MediaLibraryRef {
     /** Open the Media Library on given type. */
     show: (type: MediaLibraryType) => void;

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js

@@ -56,11 +56,6 @@ const orderedTabs = [
   embedder: {
     title: "bbm.embed.modal.title",
     defaultTab: "iframe"
-  },
-  // Add studio type with video-capture as default tab
-  studio: {
-    title: "bbm.studio.modal.title",
-    defaultTab: "audio-capture"
   }
 }, MediaLibrary = /* @__PURE__ */ forwardRef(({
   appCode,
@@ -106,7 +101,7 @@ const orderedTabs = [
       icon: /* @__PURE__ */ jsx(SvgIconRecordVideo, {}),
       label: t("bbm.video"),
       content: /* @__PURE__ */ jsx(InnerTabs.Video, {}),
-      availableFor: ["video", "studio"],
+      availableFor: ["video"],
       isEnable: () => !!videoCaptureWorkflow
     },
     "audio-capture": {
@@ -114,7 +109,7 @@ const orderedTabs = [
       icon: /* @__PURE__ */ jsx(SvgIconMic, {}),
       label: t("bbm.audio"),
       content: /* @__PURE__ */ jsx(InnerTabs.Audio, {}),
-      availableFor: ["audio", "studio"],
+      availableFor: ["audio"],
       isEnable: () => !!workspaceCreateWorkflow
     },
     "external-link": {

package/dist/modules/multimedia/index.d.ts

@@ -2,7 +2,6 @@ export * from './AudioRecorder';
 export * from './Embed';
 export * from './ImageEditor';
 export * from './ImagePicker';
-export * from './FileCard';
 export * from './Linker';
 export * from './MediaLibrary';
 export * from './VideoEmbed';

package/dist/multimedia.js

@@ -2,25 +2,23 @@ import { default as default2 } from "./modules/multimedia/AudioRecorder/AudioRec
 import { default as default3 } from "./modules/multimedia/Embed/Embed.js";
 import { default as default4 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
 import { default as default5 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default6 } from "./modules/multimedia/FileCard/FileCard.js";
-import { default as default7 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default8 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default9 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default10 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default11 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default6 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default7 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default8 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default9 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default10 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
 export {
   default2 as AudioRecorder,
   default3 as Embed,
   ExternalLinker,
-  default6 as FileCard,
   default4 as ImageEditor,
   default5 as ImagePicker,
   InternalLinker,
-  default7 as MediaLibrary,
-  default8 as VideoEmbed,
-  default9 as VideoRecorder,
-  default10 as Workspace,
-  default11 as WorkspaceFolders
+  default6 as MediaLibrary,
+  default7 as VideoEmbed,
+  default8 as VideoRecorder,
+  default9 as Workspace,
+  default10 as WorkspaceFolders
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-pedago.20250707151414",
+  "version": "2.2.11-develop.20250702174802",
   "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.20250707151414",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250707151414",
-    "@edifice.io/utilities": "2.2.11-develop-pedago.20250707151414"
+    "@edifice.io/bootstrap": "2.2.11-develop.20250702174802",
+    "@edifice.io/tiptap-extensions": "2.2.11-develop.20250702174802",
+    "@edifice.io/utilities": "2.2.11-develop.20250702174802"
   },
   "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.20250707151414",
-    "@edifice.io/config": "2.2.11-develop-pedago.20250707151414"
+    "@edifice.io/client": "2.2.11-develop.20250702174802",
+    "@edifice.io/config": "2.2.11-develop.20250702174802"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",