@edifice.io/react 2.2.11-develop-enabling.20250704193152 → 2.2.11-develop-pedago.20250707105307

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

@@ -1,6 +1,15 @@
 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);
@@ -68,10 +77,7 @@ export type DropdownMenuOptions = {
      */
     type: 'divider';
 };
-declare const Dropdown: {
-    ({ children, block, overflow, noWrap, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-} & {
+declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<DropdownApi>> & {
     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 { useMemo, useEffect } from "react";
+import { forwardRef, useImperativeHandle, 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 = ({
+const Root = /* @__PURE__ */ forwardRef(({
   children,
   block,
   overflow = !0,
@@ -23,7 +23,7 @@ const Root = ({
   focusOnVisible = !0,
   openOnSpace = !0,
   focusOnMouseEnter = !0
-}) => {
+}, refDropdown) => {
   const {
     visible,
     isFocused,
@@ -31,8 +31,22 @@ const Root = ({
     menuProps,
     itemProps,
     itemRefs,
-    setVisible
-  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter), ref = useClickOutside(() => {
+    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(!1);
   }), value = useMemo(() => ({
     visible,
@@ -42,8 +56,10 @@ const Root = ({
     itemProps,
     itemRefs,
     block,
-    setVisible
-  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible]), dropdown = clsx("dropdown", {
+    setVisible,
+    openDropdown,
+    closeDropdown
+  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible, openDropdown, closeDropdown]), dropdown = clsx("dropdown", {
     "w-100": block,
     "dropdown-nowrap": noWrap,
     overflow
@@ -51,7 +67,7 @@ const Root = ({
   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,9 +4,11 @@ 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, ...restProps }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, headless, whiteBg, ...restProps }: LayoutProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Layout;

package/dist/components/Layout/Layout.js

@@ -12,6 +12,7 @@ import Button from "../Button/Button.js";
 const Layout = ({
   children,
   headless = !1,
+  whiteBg = !0,
   ...restProps
 }) => {
   const {
@@ -24,7 +25,8 @@ const Layout = ({
     handleCloseCookiesConsent
   } = useCookiesConsent();
   useZendeskGuide(), useCantoo();
-  const classes = clsx("d-flex flex-column bg-white", {
+  const classes = clsx("d-flex flex-column", {
+    "bg-white": whiteBg,
     "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/SearchBar/SearchBar.d.ts

@@ -1,19 +1,16 @@
 import { ChangeEvent } from 'react';
 import { Size } from '../../types';
-/**
- * Base props shared by both SearchBar variants
- */
 export interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
     /**
-     * String or template literal key for i18next translation
+     * String or Template literal with React i18next namespace
      */
     placeholder?: string;
     /**
-     * Control SearchBar size (excluding 'sm')
+     * Control SearchBar size
      */
     size?: Exclude<Size, 'sm'>;
     /**
-     * Disable the input
+     * Disabled status
      */
     disabled?: boolean;
     /**
@@ -22,58 +19,37 @@ export interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>,
     buttonDisabled?: boolean;
     /**
      * Optional class for styling purpose
-     * Optional class for custom styling
      */
     className?: string;
     /**
-     * onChange handler for input changes
+     * ChangeEvent Handler
      */
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Current value of the input
-     */
-    value?: string;
-    /**
-     * Show a clear (reset) button when value is present
-     */
-    clearable?: boolean;
 }
-/**
- * Default SearchBar with a submit button
- */
 type DefaultSearchBar = {
     /**
-     * Use false to render the default SearchBar (with a button)
+     * Switch between button or dynamic search bar
      */
     isVariant: false;
     /**
-     * Callback when clicking the search button
+     * Handle Search with Default SearchBar
      */
     onClick: () => void;
 };
-/**
- * Dynamic SearchBar with icon and no submit button
- */
 type DynamicSearchBar = {
     /**
-     * Use true to render the dynamic SearchBar (with an icon inside input)
+     * Switch between button or dynamic search bar
      */
     isVariant: true;
     /**
-     * onClick must be undefined for dynamic variant
+     * Handle Search with Default SearchBar
      */
     onClick?: undefined;
 };
-/**
- * Props for the SearchBar component
- */
 export type Props = DefaultSearchBar | DynamicSearchBar;
 export type SearchBarProps = BaseProps & Props;
-/**
- * SearchBar component to handle dynamic or static search input
- */
 declare const SearchBar: {
-    ({ isVariant, size, placeholder, className, disabled, buttonDisabled, onChange, onClick, value, clearable, ...restProps }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+    ({ isVariant, size, placeholder, className, disabled, buttonDisabled, onChange, onClick, ...restProps }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SearchBar;

package/dist/components/SearchBar/SearchBar.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
 import SvgIconSearch from "../../modules/icons/components/IconSearch.js";
 import FormControl from "../Form/FormControl.js";
 import SearchButton from "../Button/SearchButton.js";
@@ -14,8 +13,6 @@ const SearchBar = ({
   buttonDisabled,
   onChange,
   onClick,
-  value,
-  clearable = !1,
   ...restProps
 }) => {
   const {
@@ -25,25 +22,15 @@ const SearchBar = ({
     "position-relative": isVariant
   }), input = clsx({
     "border-end-0": !isVariant,
-    "ps-48": isVariant,
-    "searchbar-hide-native-clear": isVariant && clearable
+    "ps-48": isVariant
   }), handleClick = () => {
     onClick == null || onClick();
-  }, handleClear = () => {
-    const event = {
-      target: {
-        value: ""
-      }
-    };
-    onChange == null || onChange(event);
+  }, handleKeyDown = (e) => {
+    e.key === "Enter" && (e.preventDefault(), handleClick());
   };
   return /* @__PURE__ */ jsxs(FormControl, { id: "search-bar", className: searchbar, children: [
     isVariant && /* @__PURE__ */ jsx("div", { className: "position-absolute z-1 top-50 start-0 translate-middle-y border-0 ps-12 bg-transparent", children: /* @__PURE__ */ jsx(SvgIconSearch, {}) }),
-    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, value, disabled, onKeyDown: handleKeyDown, ...restProps }),
-    isVariant && clearable && value && onChange && /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClear, className: "position-absolute end-0 top-50 translate-middle-y pe-12 bg-transparent border-0", "aria-label": t("clear"), children: /* @__PURE__ */ jsx(SvgIconClose, { className: "color-gray", style: {
-      width: 12,
-      height: 12
-    } }) }),
+    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, onKeyDown: handleKeyDown, ...restProps }),
     !isVariant && /* @__PURE__ */ jsx(SearchButton, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ jsx(SvgIconSearch, {}), className: "border-start-0", onClick: handleClick, disabled: buttonDisabled })
   ] });
 };

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

@@ -17,12 +17,20 @@ 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, onChange, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    ({ defaultId, items, fullWidth, fullHeight, onChange, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
     Item: {
         ({ icon, badge, label, id, order, }: TabsItemProps & {
             order: number;
@@ -30,11 +38,11 @@ export declare const Tabs: {
         displayName: string;
     };
     Panel: {
-        ({ children, currentItem }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, currentItem, fullHeight }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     List: {
-        (props: import('react').ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
+        (props: import('./TabsList').TabsListProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     displayName: string;

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

@@ -8,6 +8,8 @@ import TabsPanel from "./TabsPanel.js";
 const Tabs = ({
   defaultId,
   items,
+  fullWidth = !1,
+  fullHeight = !1,
   onChange,
   children
 }) => {
@@ -32,8 +34,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, {}),
-    /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content })
+    /* @__PURE__ */ jsx(Tabs.List, { fullWidth }),
+    /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, fullHeight, children: currentItem == null ? void 0 : currentItem.content })
   ] }) });
 };
 Tabs.Item = TabsItem;

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

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

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

@@ -9,10 +9,13 @@ const TabsList = (props) => {
     tabUnderlineWidth
   } = useTabsContext(), {
     className,
+    fullWidth,
     ...restProps
-  } = props, tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
+  } = props, ulClasses = clsx("nav nav-tabs flex-nowrap", {
+    "w-100": fullWidth
+  }), tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
   return /* @__PURE__ */ jsxs("div", { className: tabslist, ...restProps, children: [
-    /* @__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("ul", { className: ulClasses, 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,9 +9,13 @@ export interface TabsPanelProps {
      * Current Item
      */
     currentItem: TabsItemProps | undefined;
+    /**
+     * Whether tabs should take full available height
+     */
+    fullHeight?: boolean;
 }
 declare const TabsPanel: {
-    ({ children, currentItem }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, currentItem, fullHeight }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TabsPanel;

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

@@ -1,13 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { useTabsContext } from "../context/TabsContext.js";
+import clsx from "clsx";
 const TabsPanel = ({
   children,
-  currentItem
+  currentItem,
+  fullHeight
 }) => {
   const {
     activeTab
-  } = 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 }) });
+  } = 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 }) });
 };
 export {
   TabsPanel as default

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

@@ -28,6 +28,8 @@ 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,6 +159,8 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
       onMenuItemClick: closeDropdown,
       onMenuItemKeyDown
     },
+    openDropdown,
+    closeDropdown,
     setVisible
   };
 };

package/dist/hooks/useLibraryUrl/useLibraryUrl.d.ts

@@ -3,5 +3,5 @@
  *
  * @returns the Library URL as a string. Returns null if no library was found in user apps.
  */
-declare const useLibraryUrl: (appCodeName?: string) => string | null;
+declare const useLibraryUrl: () => string | null;
 export default useLibraryUrl;

package/dist/hooks/useLibraryUrl/useLibraryUrl.js

@@ -1,11 +1,11 @@
 import { libraryMaps } from "@edifice.io/utilities";
 import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
-const useLibraryUrl = (appCodeName) => {
+const useLibraryUrl = () => {
   var _a;
   const {
     user,
     appCode
-  } = useEdificeClient(), appName = libraryMaps[appCodeName ?? appCode], libraryApp = user == null ? void 0 : user.apps.find((app) => app.isExternal && app.address.includes("library"));
+  } = useEdificeClient(), appName = libraryMaps[appCode], libraryApp = user == null ? void 0 : user.apps.find((app) => app.isExternal && app.address.includes("library"));
   if (!libraryApp)
     return null;
   const libraryUrlSplit = (_a = libraryApp.address) == null ? void 0 : _a.split("?");

package/dist/icons.js

@@ -68,104 +68,101 @@ import { default as default68 } from "./modules/icons/components/IconInbox.js";
 import { default as default69 } from "./modules/icons/components/IconInfoCircle.js";
 import { default as default70 } from "./modules/icons/components/IconInfoRectangle.js";
 import { default as default71 } from "./modules/icons/components/IconLandscape.js";
-import { default as default72 } from "./modules/icons/components/IconLibrary.js";
-import { default as default73 } from "./modules/icons/components/IconLink.js";
-import { default as default74 } from "./modules/icons/components/IconListOrder.js";
-import { default as default75 } from "./modules/icons/components/IconLoader.js";
-import { default as default76 } from "./modules/icons/components/IconLock.js";
-import { default as default77 } from "./modules/icons/components/IconMailRecall.js";
-import { default as default78 } from "./modules/icons/components/IconMail.js";
-import { default as default79 } from "./modules/icons/components/IconMergeCells.js";
-import { default as default80 } from "./modules/icons/components/IconMessageInfo.js";
-import { default as default81 } from "./modules/icons/components/IconMicOff.js";
-import { default as default82 } from "./modules/icons/components/IconMic.js";
-import { default as default83 } from "./modules/icons/components/IconMinus.js";
-import { default as default84 } from "./modules/icons/components/IconMove.js";
-import { default as default85 } from "./modules/icons/components/IconNoColors.js";
-import { default as default86 } from "./modules/icons/components/IconOptions.js";
-import { default as default87 } from "./modules/icons/components/IconOrderedList.js";
-import { default as default88 } from "./modules/icons/components/IconPaperclip.js";
-import { default as default89 } from "./modules/icons/components/IconPause.js";
-import { default as default90 } from "./modules/icons/components/IconPinOff.js";
-import { default as default91 } from "./modules/icons/components/IconPinOn.js";
-import { default as default92 } from "./modules/icons/components/IconPlaceholder.js";
-import { default as default93 } from "./modules/icons/components/IconPlayFilled.js";
-import { default as default94 } from "./modules/icons/components/IconPlay.js";
-import { default as default95 } from "./modules/icons/components/IconPlus.js";
-import { default as default96 } from "./modules/icons/components/IconPointerDefault.js";
-import { default as default97 } from "./modules/icons/components/IconPointerHand.js";
-import { default as default98 } from "./modules/icons/components/IconPrint.js";
-import { default as default99 } from "./modules/icons/components/IconQuestionMark.js";
-import { default as default100 } from "./modules/icons/components/IconQuestion.js";
-import { default as default101 } from "./modules/icons/components/IconRafterDown.js";
-import { default as default102 } from "./modules/icons/components/IconRafterLeft.js";
-import { default as default103 } from "./modules/icons/components/IconRafterRight.js";
-import { default as default104 } from "./modules/icons/components/IconRafterUp.js";
-import { default as default105 } from "./modules/icons/components/IconReaction.js";
-import { default as default106 } from "./modules/icons/components/IconReadMail.js";
-import { default as default107 } from "./modules/icons/components/IconRecordPause.js";
-import { default as default108 } from "./modules/icons/components/IconRecordStop.js";
-import { default as default109 } from "./modules/icons/components/IconRecordVideo.js";
-import { default as default110 } from "./modules/icons/components/IconRecord.js";
-import { default as default111 } from "./modules/icons/components/IconRedo.js";
-import { default as default112 } from "./modules/icons/components/IconRefresh.js";
-import { default as default113 } from "./modules/icons/components/IconReset.js";
-import { default as default114 } from "./modules/icons/components/IconRestart.js";
-import { default as default115 } from "./modules/icons/components/IconRestore.js";
-import { default as default116 } from "./modules/icons/components/IconSave.js";
-import { default as default117 } from "./modules/icons/components/IconSearch.js";
-import { default as default118 } from "./modules/icons/components/IconSee.js";
-import { default as default119 } from "./modules/icons/components/IconSend.js";
-import { default as default120 } from "./modules/icons/components/IconSetBackground.js";
-import { default as default121 } from "./modules/icons/components/IconSettings.js";
-import { default as default122 } from "./modules/icons/components/IconShare.js";
-import { default as default123 } from "./modules/icons/components/IconSignature.js";
-import { default as default124 } from "./modules/icons/components/IconSmartphone.js";
-import { default as default125 } from "./modules/icons/components/IconSmiley.js";
-import { default as default126 } from "./modules/icons/components/IconSortAscendingLetters.js";
-import { default as default127 } from "./modules/icons/components/IconSortDescendingLetters.js";
-import { default as default128 } from "./modules/icons/components/IconSortDescending.js";
-import { default as default129 } from "./modules/icons/components/IconSortTime.js";
-import { default as default130 } from "./modules/icons/components/IconSpeechToText.js";
-import { default as default131 } from "./modules/icons/components/IconSplitCells.js";
-import { default as default132 } from "./modules/icons/components/IconSquareRoot.js";
-import { default as default133 } from "./modules/icons/components/IconStarFull.js";
-import { default as default134 } from "./modules/icons/components/IconStar.js";
-import { default as default135 } from "./modules/icons/components/IconSubscript.js";
-import { default as default136 } from "./modules/icons/components/IconSuccessFill.js";
-import { default as default137 } from "./modules/icons/components/IconSuccessOutline.js";
-import { default as default138 } from "./modules/icons/components/IconSuperscript.js";
-import { default as default139 } from "./modules/icons/components/IconTable.js";
-import { default as default140 } from "./modules/icons/components/IconTextBold.js";
-import { default as default141 } from "./modules/icons/components/IconTextColor.js";
-import { default as default142 } from "./modules/icons/components/IconTextHighlight.js";
-import { default as default143 } from "./modules/icons/components/IconTextItalic.js";
-import { default as default144 } from "./modules/icons/components/IconTextPage.js";
-import { default as default145 } from "./modules/icons/components/IconTextSize.js";
-import { default as default146 } from "./modules/icons/components/IconTextToSpeechOff.js";
-import { default as default147 } from "./modules/icons/components/IconTextToSpeech.js";
-import { default as default148 } from "./modules/icons/components/IconTextTypo.js";
-import { default as default149 } from "./modules/icons/components/IconTextUnderline.js";
-import { default as default150 } from "./modules/icons/components/IconTextVanilla.js";
-import { default as default151 } from "./modules/icons/components/IconToolCenter.js";
-import { default as default152 } from "./modules/icons/components/IconTool.js";
-import { default as default153 } from "./modules/icons/components/IconTrendingUp.js";
-import { default as default154 } from "./modules/icons/components/IconUndoAll.js";
-import { default as default155 } from "./modules/icons/components/IconUndo.js";
-import { default as default156 } from "./modules/icons/components/IconUnlink.js";
-import { default as default157 } from "./modules/icons/components/IconUnlock.js";
-import { default as default158 } from "./modules/icons/components/IconUnreadMail.js";
-import { default as default159 } from "./modules/icons/components/IconUpload.js";
-import { default as default160 } from "./modules/icons/components/IconUserSearch.js";
-import { default as default161 } from "./modules/icons/components/IconUser.js";
-import { default as default162 } from "./modules/icons/components/IconUsers.js";
-import { default as default163 } from "./modules/icons/components/IconVideo.js";
-import { default as default164 } from "./modules/icons/components/IconViewCalendar.js";
-import { default as default165 } from "./modules/icons/components/IconViewList.js";
-import { default as default166 } from "./modules/icons/components/IconWand.js";
-import { default as default167 } from "./modules/icons/components/IconWrite.js";
-import { default as default168 } from "./modules/icons/components/IconZoomIn.js";
-import { default as default169 } from "./modules/icons/components/IconZoomOut.js";
+import { default as default72 } from "./modules/icons/components/IconLink.js";
+import { default as default73 } from "./modules/icons/components/IconListOrder.js";
+import { default as default74 } from "./modules/icons/components/IconLoader.js";
+import { default as default75 } from "./modules/icons/components/IconLock.js";
+import { default as default76 } from "./modules/icons/components/IconMailRecall.js";
+import { default as default77 } from "./modules/icons/components/IconMail.js";
+import { default as default78 } from "./modules/icons/components/IconMergeCells.js";
+import { default as default79 } from "./modules/icons/components/IconMessageInfo.js";
+import { default as default80 } from "./modules/icons/components/IconMicOff.js";
+import { default as default81 } from "./modules/icons/components/IconMic.js";
+import { default as default82 } from "./modules/icons/components/IconMinus.js";
+import { default as default83 } from "./modules/icons/components/IconMove.js";
+import { default as default84 } from "./modules/icons/components/IconNoColors.js";
+import { default as default85 } from "./modules/icons/components/IconOptions.js";
+import { default as default86 } from "./modules/icons/components/IconOrderedList.js";
+import { default as default87 } from "./modules/icons/components/IconPaperclip.js";
+import { default as default88 } from "./modules/icons/components/IconPause.js";
+import { default as default89 } from "./modules/icons/components/IconPinOff.js";
+import { default as default90 } from "./modules/icons/components/IconPinOn.js";
+import { default as default91 } from "./modules/icons/components/IconPlaceholder.js";
+import { default as default92 } from "./modules/icons/components/IconPlayFilled.js";
+import { default as default93 } from "./modules/icons/components/IconPlay.js";
+import { default as default94 } from "./modules/icons/components/IconPlus.js";
+import { default as default95 } from "./modules/icons/components/IconPointerDefault.js";
+import { default as default96 } from "./modules/icons/components/IconPointerHand.js";
+import { default as default97 } from "./modules/icons/components/IconPrint.js";
+import { default as default98 } from "./modules/icons/components/IconQuestionMark.js";
+import { default as default99 } from "./modules/icons/components/IconQuestion.js";
+import { default as default100 } from "./modules/icons/components/IconRafterDown.js";
+import { default as default101 } from "./modules/icons/components/IconRafterLeft.js";
+import { default as default102 } from "./modules/icons/components/IconRafterRight.js";
+import { default as default103 } from "./modules/icons/components/IconRafterUp.js";
+import { default as default104 } from "./modules/icons/components/IconReaction.js";
+import { default as default105 } from "./modules/icons/components/IconReadMail.js";
+import { default as default106 } from "./modules/icons/components/IconRecordPause.js";
+import { default as default107 } from "./modules/icons/components/IconRecordStop.js";
+import { default as default108 } from "./modules/icons/components/IconRecordVideo.js";
+import { default as default109 } from "./modules/icons/components/IconRecord.js";
+import { default as default110 } from "./modules/icons/components/IconRedo.js";
+import { default as default111 } from "./modules/icons/components/IconRefresh.js";
+import { default as default112 } from "./modules/icons/components/IconReset.js";
+import { default as default113 } from "./modules/icons/components/IconRestart.js";
+import { default as default114 } from "./modules/icons/components/IconRestore.js";
+import { default as default115 } from "./modules/icons/components/IconSave.js";
+import { default as default116 } from "./modules/icons/components/IconSearch.js";
+import { default as default117 } from "./modules/icons/components/IconSee.js";
+import { default as default118 } from "./modules/icons/components/IconSend.js";
+import { default as default119 } from "./modules/icons/components/IconSetBackground.js";
+import { default as default120 } from "./modules/icons/components/IconSettings.js";
+import { default as default121 } from "./modules/icons/components/IconShare.js";
+import { default as default122 } from "./modules/icons/components/IconSignature.js";
+import { default as default123 } from "./modules/icons/components/IconSmartphone.js";
+import { default as default124 } from "./modules/icons/components/IconSmiley.js";
+import { default as default125 } from "./modules/icons/components/IconSortAscendingLetters.js";
+import { default as default126 } from "./modules/icons/components/IconSortDescendingLetters.js";
+import { default as default127 } from "./modules/icons/components/IconSortDescending.js";
+import { default as default128 } from "./modules/icons/components/IconSortTime.js";
+import { default as default129 } from "./modules/icons/components/IconSpeechToText.js";
+import { default as default130 } from "./modules/icons/components/IconSplitCells.js";
+import { default as default131 } from "./modules/icons/components/IconSquareRoot.js";
+import { default as default132 } from "./modules/icons/components/IconSubscript.js";
+import { default as default133 } from "./modules/icons/components/IconSuccessFill.js";
+import { default as default134 } from "./modules/icons/components/IconSuccessOutline.js";
+import { default as default135 } from "./modules/icons/components/IconSuperscript.js";
+import { default as default136 } from "./modules/icons/components/IconTable.js";
+import { default as default137 } from "./modules/icons/components/IconTextBold.js";
+import { default as default138 } from "./modules/icons/components/IconTextColor.js";
+import { default as default139 } from "./modules/icons/components/IconTextHighlight.js";
+import { default as default140 } from "./modules/icons/components/IconTextItalic.js";
+import { default as default141 } from "./modules/icons/components/IconTextPage.js";
+import { default as default142 } from "./modules/icons/components/IconTextSize.js";
+import { default as default143 } from "./modules/icons/components/IconTextToSpeechOff.js";
+import { default as default144 } from "./modules/icons/components/IconTextToSpeech.js";
+import { default as default145 } from "./modules/icons/components/IconTextTypo.js";
+import { default as default146 } from "./modules/icons/components/IconTextUnderline.js";
+import { default as default147 } from "./modules/icons/components/IconTextVanilla.js";
+import { default as default148 } from "./modules/icons/components/IconToolCenter.js";
+import { default as default149 } from "./modules/icons/components/IconTool.js";
+import { default as default150 } from "./modules/icons/components/IconTrendingUp.js";
+import { default as default151 } from "./modules/icons/components/IconUndoAll.js";
+import { default as default152 } from "./modules/icons/components/IconUndo.js";
+import { default as default153 } from "./modules/icons/components/IconUnlink.js";
+import { default as default154 } from "./modules/icons/components/IconUnlock.js";
+import { default as default155 } from "./modules/icons/components/IconUnreadMail.js";
+import { default as default156 } from "./modules/icons/components/IconUpload.js";
+import { default as default157 } from "./modules/icons/components/IconUserSearch.js";
+import { default as default158 } from "./modules/icons/components/IconUser.js";
+import { default as default159 } from "./modules/icons/components/IconUsers.js";
+import { default as default160 } from "./modules/icons/components/IconVideo.js";
+import { default as default161 } from "./modules/icons/components/IconViewCalendar.js";
+import { default as default162 } from "./modules/icons/components/IconViewList.js";
+import { default as default163 } from "./modules/icons/components/IconWand.js";
+import { default as default164 } from "./modules/icons/components/IconWrite.js";
+import { default as default165 } from "./modules/icons/components/IconZoomIn.js";
+import { default as default166 } from "./modules/icons/components/IconZoomOut.js";
 export {
   default3 as IconAdd,
   default2 as IconAddUser,
@@ -237,102 +234,99 @@ export {
   default69 as IconInfoCircle,
   default70 as IconInfoRectangle,
   default71 as IconLandscape,
-  default72 as IconLibrary,
-  default73 as IconLink,
-  default74 as IconListOrder,
-  default75 as IconLoader,
-  default76 as IconLock,
-  default78 as IconMail,
-  default77 as IconMailRecall,
-  default79 as IconMergeCells,
-  default80 as IconMessageInfo,
-  default82 as IconMic,
-  default81 as IconMicOff,
-  default83 as IconMinus,
-  default84 as IconMove,
-  default85 as IconNoColors,
-  default86 as IconOptions,
-  default87 as IconOrderedList,
-  default88 as IconPaperclip,
-  default89 as IconPause,
-  default90 as IconPinOff,
-  default91 as IconPinOn,
-  default92 as IconPlaceholder,
-  default94 as IconPlay,
-  default93 as IconPlayFilled,
-  default95 as IconPlus,
-  default96 as IconPointerDefault,
-  default97 as IconPointerHand,
-  default98 as IconPrint,
-  default100 as IconQuestion,
-  default99 as IconQuestionMark,
-  default101 as IconRafterDown,
-  default102 as IconRafterLeft,
-  default103 as IconRafterRight,
-  default104 as IconRafterUp,
-  default105 as IconReaction,
-  default106 as IconReadMail,
-  default110 as IconRecord,
-  default107 as IconRecordPause,
-  default108 as IconRecordStop,
-  default109 as IconRecordVideo,
-  default111 as IconRedo,
-  default112 as IconRefresh,
-  default113 as IconReset,
-  default114 as IconRestart,
-  default115 as IconRestore,
-  default116 as IconSave,
-  default117 as IconSearch,
-  default118 as IconSee,
-  default119 as IconSend,
-  default120 as IconSetBackground,
-  default121 as IconSettings,
-  default122 as IconShare,
-  default123 as IconSignature,
-  default124 as IconSmartphone,
-  default125 as IconSmiley,
-  default126 as IconSortAscendingLetters,
-  default128 as IconSortDescending,
-  default127 as IconSortDescendingLetters,
-  default129 as IconSortTime,
-  default130 as IconSpeechToText,
-  default131 as IconSplitCells,
-  default132 as IconSquareRoot,
-  default134 as IconStar,
-  default133 as IconStarFull,
-  default135 as IconSubscript,
-  default136 as IconSuccessFill,
-  default137 as IconSuccessOutline,
-  default138 as IconSuperscript,
-  default139 as IconTable,
-  default140 as IconTextBold,
-  default141 as IconTextColor,
-  default142 as IconTextHighlight,
-  default143 as IconTextItalic,
-  default144 as IconTextPage,
-  default145 as IconTextSize,
-  default147 as IconTextToSpeech,
-  default146 as IconTextToSpeechOff,
-  default148 as IconTextTypo,
-  default149 as IconTextUnderline,
-  default150 as IconTextVanilla,
-  default152 as IconTool,
-  default151 as IconToolCenter,
-  default153 as IconTrendingUp,
-  default155 as IconUndo,
-  default154 as IconUndoAll,
-  default156 as IconUnlink,
-  default157 as IconUnlock,
-  default158 as IconUnreadMail,
-  default159 as IconUpload,
-  default161 as IconUser,
-  default160 as IconUserSearch,
-  default162 as IconUsers,
-  default163 as IconVideo,
-  default164 as IconViewCalendar,
-  default165 as IconViewList,
-  default166 as IconWand,
-  default167 as IconWrite,
-  default168 as IconZoomIn,
-  default169 as IconZoomOut
+  default72 as IconLink,
+  default73 as IconListOrder,
+  default74 as IconLoader,
+  default75 as IconLock,
+  default77 as IconMail,
+  default76 as IconMailRecall,
+  default78 as IconMergeCells,
+  default79 as IconMessageInfo,
+  default81 as IconMic,
+  default80 as IconMicOff,
+  default82 as IconMinus,
+  default83 as IconMove,
+  default84 as IconNoColors,
+  default85 as IconOptions,
+  default86 as IconOrderedList,
+  default87 as IconPaperclip,
+  default88 as IconPause,
+  default89 as IconPinOff,
+  default90 as IconPinOn,
+  default91 as IconPlaceholder,
+  default93 as IconPlay,
+  default92 as IconPlayFilled,
+  default94 as IconPlus,
+  default95 as IconPointerDefault,
+  default96 as IconPointerHand,
+  default97 as IconPrint,
+  default99 as IconQuestion,
+  default98 as IconQuestionMark,
+  default100 as IconRafterDown,
+  default101 as IconRafterLeft,
+  default102 as IconRafterRight,
+  default103 as IconRafterUp,
+  default104 as IconReaction,
+  default105 as IconReadMail,
+  default109 as IconRecord,
+  default106 as IconRecordPause,
+  default107 as IconRecordStop,
+  default108 as IconRecordVideo,
+  default110 as IconRedo,
+  default111 as IconRefresh,
+  default112 as IconReset,
+  default113 as IconRestart,
+  default114 as IconRestore,
+  default115 as IconSave,
+  default116 as IconSearch,
+  default117 as IconSee,
+  default118 as IconSend,
+  default119 as IconSetBackground,
+  default120 as IconSettings,
+  default121 as IconShare,
+  default122 as IconSignature,
+  default123 as IconSmartphone,
+  default124 as IconSmiley,
+  default125 as IconSortAscendingLetters,
+  default127 as IconSortDescending,
+  default126 as IconSortDescendingLetters,
+  default128 as IconSortTime,
+  default129 as IconSpeechToText,
+  default130 as IconSplitCells,
+  default131 as IconSquareRoot,
+  default132 as IconSubscript,
+  default133 as IconSuccessFill,
+  default134 as IconSuccessOutline,
+  default135 as IconSuperscript,
+  default136 as IconTable,
+  default137 as IconTextBold,
+  default138 as IconTextColor,
+  default139 as IconTextHighlight,
+  default140 as IconTextItalic,
+  default141 as IconTextPage,
+  default142 as IconTextSize,
+  default144 as IconTextToSpeech,
+  default143 as IconTextToSpeechOff,
+  default145 as IconTextTypo,
+  default146 as IconTextUnderline,
+  default147 as IconTextVanilla,
+  default149 as IconTool,
+  default148 as IconToolCenter,
+  default150 as IconTrendingUp,
+  default152 as IconUndo,
+  default151 as IconUndoAll,
+  default153 as IconUnlink,
+  default154 as IconUnlock,
+  default155 as IconUnreadMail,
+  default156 as IconUpload,
+  default158 as IconUser,
+  default157 as IconUserSearch,
+  default159 as IconUsers,
+  default160 as IconVideo,
+  default161 as IconViewCalendar,
+  default162 as IconViewList,
+  default163 as IconWand,
+  default164 as IconWrite,
+  default165 as IconZoomIn,
+  default166 as IconZoomOut
 };

package/dist/index.js

@@ -92,11 +92,12 @@ 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/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 { 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 { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
@@ -159,6 +160,7 @@ export {
   default92 as Embed,
   default21 as EmptyScreen,
   ExternalLinker,
+  default95 as FileCard,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -176,7 +178,7 @@ export {
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
-  default95 as MediaLibrary,
+  default96 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
@@ -207,13 +209,13 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default46 as TreeView,
-  default96 as VideoEmbed,
-  default97 as VideoRecorder,
+  default97 as VideoEmbed,
+  default98 as VideoRecorder,
   default47 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default98 as Workspace,
-  default99 as WorkspaceFolders,
+  default99 as Workspace,
+  default100 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/icons/components/index.d.ts

@@ -68,7 +68,6 @@ export { default as IconInbox } from './IconInbox';
 export { default as IconInfoCircle } from './IconInfoCircle';
 export { default as IconInfoRectangle } from './IconInfoRectangle';
 export { default as IconLandscape } from './IconLandscape';
-export { default as IconLibrary } from './IconLibrary';
 export { default as IconLink } from './IconLink';
 export { default as IconListOrder } from './IconListOrder';
 export { default as IconLoader } from './IconLoader';
@@ -129,8 +128,6 @@ export { default as IconSortTime } from './IconSortTime';
 export { default as IconSpeechToText } from './IconSpeechToText';
 export { default as IconSplitCells } from './IconSplitCells';
 export { default as IconSquareRoot } from './IconSquareRoot';
-export { default as IconStarFull } from './IconStarFull';
-export { default as IconStar } from './IconStar';
 export { default as IconSubscript } from './IconSubscript';
 export { default as IconSuccessFill } from './IconSuccessFill';
 export { default as IconSuccessOutline } from './IconSuccessOutline';

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

@@ -7,7 +7,7 @@ export interface FileCardProps extends CardProps {
     doc: WorkspaceElement;
 }
 declare const FileCard: {
-    ({ doc, isClickable, isSelectable, isSelected, onClick, className, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ doc, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default FileCard;

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

@@ -15,7 +15,10 @@ const FileCard = ({
   isSelectable = !1,
   isSelected = !1,
   onClick,
-  className
+  className,
+  onSelect,
+  isFocused,
+  app
 }) => {
   var _a;
   const ref = useRef(null), type = DocumentHelper.getRole(doc);
@@ -78,7 +81,7 @@ const FileCard = ({
     backgroundImage: `url(${mediaSrc})`,
     backgroundSize: "cover"
   };
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
+  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
     /* @__PURE__ */ jsx("div", { ref, className: file, style: {
       aspectRatio: "16/10",
       ...imageStyles

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

@@ -2,6 +2,7 @@ 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,23 +2,25 @@ 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/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 { 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 { 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,
-  default6 as MediaLibrary,
-  default7 as VideoEmbed,
-  default8 as VideoRecorder,
-  default9 as Workspace,
-  default10 as WorkspaceFolders
+  default7 as MediaLibrary,
+  default8 as VideoEmbed,
+  default9 as VideoRecorder,
+  default10 as Workspace,
+  default11 as WorkspaceFolders
 };

package/package.json

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

package/dist/modules/icons/components/IconLibrary.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconLibrary: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconLibrary;

package/dist/modules/icons/components/IconLibrary.js

@@ -1,12 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SvgIconLibrary = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", "aria-hidden": "true", viewBox: "0 0 24 24", "aria-labelledby": titleId, ...props, children: [
-  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M24.02 12.14c0 3.2-1.24 6.22-3.51 8.5s-5.3 3.51-8.5 3.51A12.03 12.03 0 0 1 12 .11c1.38 0 2.37.23 3.65.68.25.08.48.18.67.26l.08.03.06.04a.76.76 0 0 1 .29.26.73.73 0 0 1 .13.45.78.78 0 0 1-.76.79.7.7 0 0 1-.34-.1 26 26 0 0 0-.66-.25 8.6 8.6 0 0 0-3.13-.6 10.46 10.46 0 1 0 10.47 10.47c0-1.72-.37-3.1-1.18-4.62a14 14 0 0 1-.2-.36L21.03 7 21 6.96l-.03-.03-.01-.04-.04-.06-.14-.24-.04.14a.73.73 0 0 1-.89.53.73.73 0 0 1-.45-.34.76.76 0 0 1-.07-.55l.46-1.76a.78.78 0 0 1 .36-.49.87.87 0 0 1 .63-.06l1.75.56a.73.73 0 0 1 .47.9v.01a.73.73 0 0 1-.72.5c.17.3.32.59.4.77a10.9 10.9 0 0 1 1.35 5.33zm-4.18-8.96a1.38 1.38 0 1 1-2.76 0 1.38 1.38 0 0 1 2.76 0m-7.78 1.44c-2.62 0-5.15 2.02-5.15 4.9 0 3.5 2.48 4.4 2.76 6.68h4.77c.29-2.28 2.76-3.17 2.76-6.68 0-2.88-2.53-4.9-5.14-4.9m-.48 1.1c.28-.02.52.12.5.4a.45.45 0 0 1-.4.45 3.21 3.21 0 0 0-2.84 3.2c0 .32.05.64.14.94.09.22-.05.5-.27.57s-.5-.09-.55-.32a4 4 0 0 1-.18-1.2 4.08 4.08 0 0 1 3.6-4.04M9.7 17.05v.85h4.72v-.85zm0 1.71v.43c0 .5.4.86.85.86h3a.86.86 0 0 0 .87-.86v-.43zm1.5 1.72a.86.86 0 1 0 1.71 0z" })
-] });
-export {
-  SvgIconLibrary as default
-};

package/dist/modules/icons/components/IconStar.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconStar: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconStar;

package/dist/modules/icons/components/IconStar.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SvgIconStar = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
-  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("g", { clipPath: "url(#icon-star_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.272 1.977c.772-1.323 2.684-1.323 3.455 0l2.769 4.746 5.16 1.19a2 2 0 0 1 1.099 3.216l-3.653 4.464.778 5.446c.224 1.569-1.379 2.763-2.818 2.099L12 20.8l-5.062 2.337c-1.44.664-3.042-.53-2.818-2.1l.778-5.445-3.653-4.464a2 2 0 0 1 1.098-3.215l5.161-1.191zm4.496 5.754L12 2.985 9.232 7.73a2 2 0 0 1-1.278.94l-5.16 1.191 3.652 4.465a2 2 0 0 1 .432 1.55L6.1 21.321l5.062-2.337a2 2 0 0 1 1.676 0l5.062 2.337-.778-5.446a2 2 0 0 1 .432-1.55l3.653-4.464-5.16-1.19a2 2 0 0 1-1.279-.941", clipRule: "evenodd" }) }),
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-star_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] });
-export {
-  SvgIconStar as default
-};

package/dist/modules/icons/components/IconStarFull.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconStarFull: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconStarFull;

package/dist/modules/icons/components/IconStarFull.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SvgIconStarFull = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
-  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("g", { clipPath: "url(#icon-star-full_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.278 1.977c.77-1.323 2.675-1.323 3.444 0l2.759 4.746 5.143 1.19c1.44.334 2.03 2.068 1.094 3.216l-3.64 4.464.775 5.446c.224 1.569-1.374 2.763-2.808 2.099L12 20.8l-5.045 2.337c-1.434.664-3.032-.53-2.808-2.1l.775-5.445-3.64-4.464C.346 9.98.936 8.247 2.376 7.914L7.52 6.723z", clipRule: "evenodd" }) }),
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-star-full_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] });
-export {
-  SvgIconStarFull as default
-};