@edifice.io/react 2.0.0-develop-rc.13 → 2.0.0-develop-rc.14

package/dist/{components → ui/src/components}/TextArea/TextArea.js

@@ -28,7 +28,7 @@ const TextArea = /* @__PURE__ */ forwardRef(({
     "no-validation-icon": noValidationIcon
   }, className);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("textarea", { ref, id, className: classes, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps }) });
-}), TextArea$1 = TextArea;
+});
 export {
-  TextArea$1 as default
+  TextArea as default
 };

package/dist/{components → ui/src/components}/Tooltip/Tooltip.js

@@ -34,7 +34,7 @@ const Tooltip = ({
       /* @__PURE__ */ jsx("div", { className: "tooltip-arrow", ref: setArrowElement, style: styles.arrow })
     ] })
   ] });
-}, Tooltip$1 = Tooltip;
+};
 export {
-  Tooltip$1 as default
+  Tooltip as default
 };

package/dist/{components → ui/src/components}/TreeView/TreeItem.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { RafterRight, RafterDown, Folder } from "@edifice.io/icons";
 import { useTranslation } from "react-i18next";
+import { RafterRight as SvgRafterRight$1, RafterDown as SvgRafterDown$1, Folder as SvgFolder$1 } from "../../../../icons/dist/index.js";
 import useTreeItemEvents from "./hooks/useTreeItemEvents.js";
 const TreeItem = (props) => {
   const {
@@ -36,12 +36,12 @@ const TreeItem = (props) => {
   const rafterSize = section ? 16 : 12, renderItem = () => /* @__PURE__ */ jsx("li", { id: `listitem_${nodeId}`, role: "treeitem", "aria-selected": selected, "aria-expanded": expanded, children: /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs("div", { className: "action-container d-flex align-items-center gap-8 px-2", children: [
       /* @__PURE__ */ jsxs("div", { className: `py-8 ${Array.isArray(children) ? null : "invisible"}`, tabIndex: 0, role: "button", onClick: handleItemFoldUnfoldClick, onKeyDown: handleItemFoldUnfoldKeyDown, "aria-label": t("foldUnfold"), children: [
-        Array.isArray(children) && !!children.length && !expanded && /* @__PURE__ */ jsx(RafterRight, { title: t("foldUnfold"), width: rafterSize, height: rafterSize }),
-        Array.isArray(children) && !!children.length && expanded && /* @__PURE__ */ jsx(RafterDown, { title: t("foldUnfold"), width: rafterSize, height: rafterSize }),
-        !Array.isArray(children) && /* @__PURE__ */ jsx(RafterRight, { title: t("foldUnfold"), width: rafterSize, height: rafterSize, "aria-hidden": "true" })
+        Array.isArray(children) && !!children.length && !expanded && /* @__PURE__ */ jsx(SvgRafterRight$1, { title: t("foldUnfold"), width: rafterSize, height: rafterSize }),
+        Array.isArray(children) && !!children.length && expanded && /* @__PURE__ */ jsx(SvgRafterDown$1, { title: t("foldUnfold"), width: rafterSize, height: rafterSize }),
+        !Array.isArray(children) && /* @__PURE__ */ jsx(SvgRafterRight$1, { title: t("foldUnfold"), width: rafterSize, height: rafterSize, "aria-hidden": "true" })
       ] }),
       /* @__PURE__ */ jsxs("div", { tabIndex: 0, role: "button", className: "flex-fill d-flex align-items-center text-truncate gap-8 py-8", onClick: handleItemClick, onKeyDown: handleItemKeyDown, onFocus: handleItemFocus, onBlur: handleItemBlur, children: [
-        section && /* @__PURE__ */ jsx(Folder, { title: t("folder"), width: 20, height: 20 }),
+        section && /* @__PURE__ */ jsx(SvgFolder$1, { title: t("folder"), width: 20, height: 20 }),
         /* @__PURE__ */ jsx("span", { className: "text-truncate", children: label })
       ] })
     ] }),

package/dist/{components → ui/src/components}/UploadCard/UploadCard.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Reset, SuccessOutline, Close, Wand } from "@edifice.io/icons";
 import { useTranslation } from "react-i18next";
+import { Reset as SvgReset$1, SuccessOutline as SvgSuccessOutline$1, Close as SvgClose$1, Wand as SvgWand$1 } from "../../../../icons/dist/index.js";
 import Button from "../Button/Button.js";
 import Image from "../Image/Image.js";
 import Tooltip from "../Tooltip/Tooltip.js";
@@ -30,7 +30,7 @@ const UploadCard = ({
   }, mapping = {
     error: {
       text: /* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx("small", { className: "text-danger caption", children: t("tiptap.upload.error") }) }),
-      context: /* @__PURE__ */ jsx(Button, { leftIcon: /* @__PURE__ */ jsx(Reset, {}), variant: "ghost", color: "tertiary", onClick: onRetry, children: t("tiptap.upload.retry") }),
+      context: /* @__PURE__ */ jsx(Button, { leftIcon: /* @__PURE__ */ jsx(SvgReset$1, {}), variant: "ghost", color: "tertiary", onClick: onRetry, children: t("tiptap.upload.retry") }),
       image: /* @__PURE__ */ jsx(Image, { alt: "", src: `${imagePath}/common/image-status-error.svg`, objectFit: "cover" })
     },
     idle: defaultMapping,
@@ -46,13 +46,13 @@ const UploadCard = ({
         " ",
         (info == null ? void 0 : info.weight) && `- ${info.weight}`
       ] }),
-      context: /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.loaded"), placement: "top", children: /* @__PURE__ */ jsx(SuccessOutline, { className: "text-success" }) }),
+      context: /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.loaded"), placement: "top", children: /* @__PURE__ */ jsx(SvgSuccessOutline$1, { className: "text-success" }) }),
       image: /* @__PURE__ */ jsx(Image, { alt: "", src: src ?? "", width: "48", objectFit: "cover", className: "rounded", style: {
         aspectRatio: 1 / 1
       } })
     },
     unknown: defaultMapping
-  }, canEditItem = () => isTypeImage && /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.edit"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(Wand, {}), variant: "ghost", "aria-label": t("tiptap.tooltip.upload.loading"), disabled: isLoading || !isSuccess, onClick: onEdit, color: "secondary" }) });
+  }, canEditItem = () => isTypeImage && /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.edit"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgWand$1, {}), variant: "ghost", "aria-label": t("tiptap.tooltip.upload.loading"), disabled: isLoading || !isSuccess, onClick: onEdit, color: "secondary" }) });
   return /* @__PURE__ */ jsx(Card, { isClickable, isSelectable, className: "card-upload", children: /* @__PURE__ */ jsxs(Card.Body, { children: [
     /* @__PURE__ */ jsx("div", { className: "card-image", children: mapping[status].image }),
     /* @__PURE__ */ jsxs("div", { className: "text-truncate", children: [
@@ -63,7 +63,7 @@ const UploadCard = ({
       mapping[status].context,
       !isIdle && /* @__PURE__ */ jsx("div", { className: "vr" }),
       canEditItem(),
-      /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.delete"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(Close, {}), variant: "ghost", "aria-label": t("tiptap.tooltip.upload.delete"), color: "tertiary", onClick: onDelete }) })
+      /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.delete"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgClose$1, {}), variant: "ghost", "aria-label": t("tiptap.tooltip.upload.delete"), color: "tertiary", onClick: onDelete }) })
     ] }) })
   ] }) });
 };

package/dist/{components → ui/src/components}/VisuallyHidden/VisuallyHidden.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 const VisuallyHidden = /* @__PURE__ */ forwardRef(({
   children
-}, ref) => /* @__PURE__ */ jsx("span", { className: "visually-hidden", ref, children })), VisuallyHidden$1 = VisuallyHidden;
+}, ref) => /* @__PURE__ */ jsx("span", { className: "visually-hidden", ref, children }));
 export {
-  VisuallyHidden$1 as default
+  VisuallyHidden as default
 };

package/dist/{core → ui/src/core}/useMediaLibrary/useMediaLibrary.js

@@ -52,7 +52,7 @@ const useMediaLibrary = () => {
       (_a = mediaLibraryRef.current) != null && _a.type && uploads && uploads.length > 0 && await remove(uploads);
     }
   };
-}, useMediaLibrary$1 = useMediaLibrary;
+};
 export {
-  useMediaLibrary$1 as default
+  useMediaLibrary as default
 };

package/dist/{multimedia → ui/src/multimedia}/AudioRecorder/AudioRecorder.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useImperativeHandle, useState } from "react";
-import { Mic } from "@edifice.io/icons";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
+import { Mic as SvgMic$1 } from "../../../../icons/dist/index.js";
 import AudioRecorderTimer from "./AudioRecorderTimer.js";
 import useAudioRecorder from "./useAudioRecorder.js";
 import FormControl from "../../components/Form/FormControl.js";
@@ -38,7 +38,7 @@ const AudioRecorder = /* @__PURE__ */ forwardRef(({
   };
   return /* @__PURE__ */ jsxs("div", { className: "audio-recorder m-auto d-flex flex-column", children: [
     /* @__PURE__ */ jsx(FormControl, { id: "recordName", className: "mb-32", isRequired: !0, isReadOnly: recordState === "SAVED" || recordState === "SAVING", children: /* @__PURE__ */ jsx(Input, { type: "text", size: "sm", placeholder: t("bbm.audio.recorder.name"), ref: audioNameRef, defaultValue: t("bbm.audio.recorder.defaultName") + (/* @__PURE__ */ new Date()).toLocaleDateString() }) }),
-    /* @__PURE__ */ jsx("div", { className: "audio-recorder-icon mx-auto", children: /* @__PURE__ */ jsx(Mic, { width: 64, height: 64, className: classColor }) }),
+    /* @__PURE__ */ jsx("div", { className: "audio-recorder-icon mx-auto", children: /* @__PURE__ */ jsx(SvgMic$1, { width: 64, height: 64, className: classColor }) }),
     /* @__PURE__ */ jsx(AudioRecorderTimer, { recordState, playState, recordTime, audioTime, maxDuration }),
     /* @__PURE__ */ jsx("audio", { ref: audioRef, onEnded: handlePlayEnded, onTimeUpdate: handleTimeUpdate, children: /* @__PURE__ */ jsx("track", { default: !0, kind: "captions", srcLang: "fr", src: "" }) }),
     /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems })

package/dist/{multimedia → ui/src/multimedia}/AudioRecorder/AudioRecorderTimer.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Pause, Record, Mic } from "@edifice.io/icons";
+import { Pause as SvgPause$1, Record as SvgRecord$1, Mic as SvgMic$1 } from "../../../../icons/dist/index.js";
 import { convertMsToMS } from "../../utils/time.js";
 const AudioRecorderTimer = ({
   recordState,
@@ -9,11 +9,11 @@ const AudioRecorderTimer = ({
   maxDuration
 }) => /* @__PURE__ */ jsxs("div", { className: "audio-recorder-time my-16 mx-auto", children: [
   playState === "IDLE" && /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center", children: [
-    recordState === "PAUSED" ? /* @__PURE__ */ jsx(Pause, { width: 12, height: 12, className: "me-8 text-danger" }) : /* @__PURE__ */ jsx(Record, { width: 12, height: 12, className: "me-8 text-danger" }),
+    recordState === "PAUSED" ? /* @__PURE__ */ jsx(SvgPause$1, { width: 12, height: 12, className: "me-8 text-danger" }) : /* @__PURE__ */ jsx(SvgRecord$1, { width: 12, height: 12, className: "me-8 text-danger" }),
     convertMsToMS(recordState !== "IDLE" ? recordTime : 0) + " / " + convertMsToMS(maxDuration)
   ] }),
   playState !== "IDLE" && /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center mx-auto", children: [
-    /* @__PURE__ */ jsx(Mic, { width: 12, height: 12, className: "me-8" }),
+    /* @__PURE__ */ jsx(SvgMic$1, { width: 12, height: 12, className: "me-8" }),
     convertMsToMS(audioTime * 1e3),
     " /",
     convertMsToMS(recordTime)

package/dist/{multimedia → ui/src/multimedia}/AudioRecorder/useAudioRecorder.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useReducer, useRef, useEffect, useCallback } from "react";
-import { Record, RecordPause, Loader, PlayFilled, Pause, Restart, Refresh, Save } from "@edifice.io/icons";
 import { useTranslation } from "react-i18next";
+import { Record as SvgRecord$1, RecordPause as SvgRecordPause$1, Loader as SvgLoader$1, PlayFilled as SvgPlayFilled$1, Pause as SvgPause$1, Restart as SvgRestart$1, Refresh as SvgRefresh$1, Save as SvgSave$1 } from "../../../../icons/dist/index.js";
 import useWorkspaceFile from "../../core/useWorkspaceFile/useWorkspaceFile.js";
 function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, visibility = "protected", application = "media-library") {
   var _a;
@@ -203,7 +203,7 @@ function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, vi
     name: "record",
     visibility: recordState === "RECORDING" ? "hide" : "show",
     props: {
-      icon: /* @__PURE__ */ jsx(Record, {}),
+      icon: /* @__PURE__ */ jsx(SvgRecord$1, {}),
       color: "danger",
       disabled: recordState !== "IDLE" && recordState !== "PAUSED" || recordTime >= maxDuration,
       onClick: handleRecord,
@@ -215,7 +215,7 @@ function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, vi
     name: "recordPause",
     visibility: recordState === "RECORDING" ? "show" : "hide",
     props: {
-      icon: /* @__PURE__ */ jsx(RecordPause, {}),
+      icon: /* @__PURE__ */ jsx(SvgRecordPause$1, {}),
       color: "danger",
       disabled: recordState !== "RECORDING",
       onClick: handleRecordPause,
@@ -229,7 +229,7 @@ function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, vi
     name: "encoding",
     visibility: isEncoding ? "show" : "hide",
     props: {
-      icon: /* @__PURE__ */ jsx(Loader, { style: {
+      icon: /* @__PURE__ */ jsx(SvgLoader$1, { style: {
         animation: "loading 1s infinite"
       } }),
       disabled: !0
@@ -239,7 +239,7 @@ function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, vi
     name: "play",
     visibility: isEncoding || playState === "PLAYING" ? "hide" : "show",
     props: {
-      icon: /* @__PURE__ */ jsx(PlayFilled, {}),
+      icon: /* @__PURE__ */ jsx(SvgPlayFilled$1, {}),
       disabled: recordState !== "RECORDED" && recordState !== "PAUSED" && recordState !== "SAVED",
       onClick: handlePlay,
       "aria-label": t("bbm.audio.play.start")
@@ -250,7 +250,7 @@ function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, vi
     name: "playPause",
     visibility: !isEncoding && playState === "PLAYING" ? "show" : "hide",
     props: {
-      icon: /* @__PURE__ */ jsx(Pause, {}),
+      icon: /* @__PURE__ */ jsx(SvgPause$1, {}),
       onClick: handlePlayPause,
       "aria-label": t("bbm.audio.play.pause")
     },
@@ -259,7 +259,7 @@ function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, vi
     type: "icon",
     name: "stop",
     props: {
-      icon: /* @__PURE__ */ jsx(Restart, {}),
+      icon: /* @__PURE__ */ jsx(SvgRestart$1, {}),
       disabled: playState !== "PLAYING" && playState !== "PAUSED",
       onClick: handlePlayStop,
       "aria-label": t("bbm.audio.play.stop")
@@ -271,7 +271,7 @@ function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, vi
     type: "icon",
     name: "reset",
     props: {
-      icon: /* @__PURE__ */ jsx(Refresh, {}),
+      icon: /* @__PURE__ */ jsx(SvgRefresh$1, {}),
       disabled: recordState !== "RECORDED" && recordState !== "PAUSED" && playState !== "PLAYING" && playState !== "PAUSED",
       onClick: handleReset,
       "aria-label": t("bbm.audio.record.reset")
@@ -282,7 +282,7 @@ function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, vi
     name: "save",
     visibility: hideSaveAction ? "hide" : "show",
     props: {
-      icon: /* @__PURE__ */ jsx(Save, {}),
+      icon: /* @__PURE__ */ jsx(SvgSave$1, {}),
       disabled: recordState !== "RECORDED" && recordState !== "PAUSED" && playState !== "PLAYING" && playState !== "PAUSED" || recordState === "SAVED" || !((_a = audioNameRef.current) != null && _a.value),
       onClick: handleSave,
       "aria-label": t("bbm.audio.record.save")

package/dist/{multimedia → ui/src/multimedia}/Embed/Embed.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { Code } from "@edifice.io/icons";
 import { useTranslation } from "react-i18next";
-import TextArea from "../../components/TextArea/TextArea.js";
+import { Code as SvgCode$1 } from "../../../../icons/dist/index.js";
 import FormControl from "../../components/Form/FormControl.js";
+import TextArea from "../../components/TextArea/TextArea.js";
 const Embed = ({
   onSuccess
 }) => {
@@ -17,7 +17,7 @@ const Embed = ({
   return /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-32", children: t("bbm.embed.description") }),
     /* @__PURE__ */ jsxs("div", { className: "mb-8 d-flex", children: [
-      /* @__PURE__ */ jsx(Code, { className: "me-8" }),
+      /* @__PURE__ */ jsx(SvgCode$1, { className: "me-8" }),
       t("bbm.embed.title")
     ] }),
     /* @__PURE__ */ jsx(FormControl, { id: "iframeContent", children: /* @__PURE__ */ jsx(TextArea, { size: "md", height: "sm", placeholder: t("bbm.embed.placeholder"), onChange: handleContentChange }) }),

package/dist/{multimedia → ui/src/multimedia}/ImageEditor/components/ImageEditorToolbar.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { Undo, Reset, Crop, Blur } from "@edifice.io/icons";
 import { useTranslation } from "react-i18next";
+import { Undo as SvgUndo$1, Reset as SvgReset$1, Crop as SvgCrop$1, Blur as SvgBlur$1 } from "../../../../../icons/dist/index.js";
 import Toolbar from "../../../components/Toolbar/Toolbar.js";
 const ImageEditorToolbar = ({
   historyCount,
@@ -16,7 +16,7 @@ const ImageEditorToolbar = ({
     name: "undo",
     props: {
       color: "tertiary",
-      leftIcon: /* @__PURE__ */ jsx(Undo, {}),
+      leftIcon: /* @__PURE__ */ jsx(SvgUndo$1, {}),
       "aria-label": t("cancel"),
       children: t("cancel"),
       onClick: () => handleAndSave("UNDO"),
@@ -31,7 +31,7 @@ const ImageEditorToolbar = ({
     name: "reset",
     props: {
       color: "tertiary",
-      leftIcon: /* @__PURE__ */ jsx(Reset, {}),
+      leftIcon: /* @__PURE__ */ jsx(SvgReset$1, {}),
       "aria-label": t("rotate"),
       children: t("rotate"),
       onClick: () => handleAndSave("ROTATE")
@@ -42,7 +42,7 @@ const ImageEditorToolbar = ({
     name: "crop",
     props: {
       color: "tertiary",
-      leftIcon: /* @__PURE__ */ jsx(Crop, {}),
+      leftIcon: /* @__PURE__ */ jsx(SvgCrop$1, {}),
       "aria-label": t("crop"),
       children: t("crop"),
       className: action === "CROP" ? "is-selected" : "",
@@ -54,7 +54,7 @@ const ImageEditorToolbar = ({
     name: "blur",
     props: {
       color: "tertiary",
-      leftIcon: /* @__PURE__ */ jsx(Blur, {}),
+      leftIcon: /* @__PURE__ */ jsx(SvgBlur$1, {}),
       "aria-label": t("blur"),
       children: t("blur"),
       className: action === "BLUR" ? "is-selected" : "",

package/dist/{multimedia → ui/src/multimedia}/ImagePickerWorkspace/ImagePickerWorkspace.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { Edit, Delete } from "@edifice.io/icons";
+import { Edit as SvgEdit$1, Delete as SvgDelete$1 } from "../../../../icons/dist/index.js";
 import clsx from "clsx";
 import IconButton from "../../components/Button/IconButton.js";
 import Avatar from "../../components/Avatar/Avatar.js";
@@ -28,8 +28,8 @@ const ImagePickerWorkspace = ({
   }, classes = clsx("image-input", className);
   return /* @__PURE__ */ jsxs("div", { id: "image-input", className: classes, children: [
     /* @__PURE__ */ jsxs("div", { className: "image-input-actions gap-8", children: [
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": addButtonLabel, color: "tertiary", icon: /* @__PURE__ */ jsx(Edit, {}), onClick: handleClick, type: "button", variant: "ghost" }),
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": deleteButtonLabel, color: "danger", disabled: !preview, icon: /* @__PURE__ */ jsx(Delete, { width: "20", height: "20" }), onClick: handleClean, type: "button", variant: "ghost" })
+      /* @__PURE__ */ jsx(IconButton, { "aria-label": addButtonLabel, color: "tertiary", icon: /* @__PURE__ */ jsx(SvgEdit$1, {}), onClick: handleClick, type: "button", variant: "ghost" }),
+      /* @__PURE__ */ jsx(IconButton, { "aria-label": deleteButtonLabel, color: "danger", disabled: !preview, icon: /* @__PURE__ */ jsx(SvgDelete$1, { width: "20", height: "20" }), onClick: handleClean, type: "button", variant: "ghost" })
     ] }),
     preview ? /* @__PURE__ */ jsx(Avatar, { alt: "", src: preview, size: "xl" }) : /* @__PURE__ */ jsx(AppIcon, { app, iconFit: "ratio", size: "160", variant: "rounded" })
   ] });

package/dist/{multimedia → ui/src/multimedia}/Linker/InternalLinker.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
-import { Applications } from "@edifice.io/icons";
 import { odeServices } from "edifice-ts-client";
+import { Applications as SvgApplications$1 } from "../../../../icons/dist/index.js";
 import { useTranslation } from "react-i18next";
 import LinkerCard from "../LinkerCard/LinkerCard.js";
 import { useResourceSearch } from "../../core/useResourceSearch/useResourceSearch.js";
@@ -94,7 +94,7 @@ const InternalLinker = ({
   }, [resources]), /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill overflow-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "search d-flex bg-light rounded-top border border-bottom-0", children: [
       /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 px-8 py-12 border-end", children: /* @__PURE__ */ jsxs(Dropdown, { overflow: !0, children: [
-        /* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(Applications, {}) }), label: t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose"), variant: "ghost", size: "md" }),
+        /* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(SvgApplications$1, {}) }), label: t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose"), variant: "ghost", size: "md" }),
         /* @__PURE__ */ jsx(Dropdown.Menu, { children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => handleOptionClick(option), children: option.displayName }, option.application)) })
       ] }) }),
       /* @__PURE__ */ jsx("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ jsx("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, placeholder: t("search"), size: "lg", className: "w-100", disabled: !selectedApplication, onChange: handleSearchChange }) }) })

package/dist/{multimedia → ui/src/multimedia}/LinkerCard/LinkerCard.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { Users } from "@edifice.io/icons";
 import clsx from "clsx";
+import { Users as SvgUsers$1 } from "../../../../icons/dist/index.js";
 import useDate from "../../core/useDate/useDate.js";
 import Card from "../../components/Card/Card.js";
 import Image from "../../components/Image/Image.js";
@@ -30,7 +30,7 @@ const LinkerCard = ({
       /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.creatorName })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "d-none d-md-block text-black-50 ps-4 pe-8", children: /* @__PURE__ */ jsx(Card.Text, { children: fromDate }) }),
-    doc.shared && /* @__PURE__ */ jsx("div", { className: "ps-4 pe-8", children: /* @__PURE__ */ jsx(Users, { width: "20", height: "20" }) })
+    doc.shared && /* @__PURE__ */ jsx("div", { className: "ps-4 pe-8", children: /* @__PURE__ */ jsx(SvgUsers$1, { width: "20", height: "20" }) })
   ] }) });
 }, LinkerCard$1 = LinkerCard;
 export {

package/dist/{multimedia → ui/src/multimedia}/MediaLibrary/MediaLibrary.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useMemo, useEffect, useCallback } from "react";
-import { Folder, Smartphone, RecordVideo, Mic, Globe, Applications, Code } from "@edifice.io/icons";
 import { odeServices } from "edifice-ts-client";
 import { useTranslation } from "react-i18next";
+import { Folder as SvgFolder$1, Smartphone as SvgSmartphone$1, RecordVideo as SvgRecordVideo$1, Mic as SvgMic$1, Globe as SvgGlobe$1, Applications as SvgApplications$1, Code as SvgCode$1 } from "../../../../icons/dist/index.js";
 import Modal from "../../components/Modal/Modal.js";
 import { MediaLibraryContext } from "./MediaLibraryContext.js";
 import { InnerTabs } from "./innertabs/index.js";
@@ -76,7 +76,7 @@ const orderedTabs = [
   } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null), availableTabs = {
     workspace: {
       id: "workspace",
-      icon: /* @__PURE__ */ jsx(Folder, {}),
+      icon: /* @__PURE__ */ jsx(SvgFolder$1, {}),
       label: t("bbm.workspace"),
       content: /* @__PURE__ */ jsx(InnerTabs.Workspace, {}),
       availableFor: ["audio", "video", "image", "attachment"],
@@ -84,7 +84,7 @@ const orderedTabs = [
     },
     upload: {
       id: "upload",
-      icon: /* @__PURE__ */ jsx(Smartphone, {}),
+      icon: /* @__PURE__ */ jsx(SvgSmartphone$1, {}),
       label: t("bbm.device"),
       content: /* @__PURE__ */ jsx(InnerTabs.Upload, {}),
       availableFor: ["audio", "video", "image", "attachment"],
@@ -92,7 +92,7 @@ const orderedTabs = [
     },
     "video-capture": {
       id: "video-capture",
-      icon: /* @__PURE__ */ jsx(RecordVideo, {}),
+      icon: /* @__PURE__ */ jsx(SvgRecordVideo$1, {}),
       label: t("bbm.video"),
       content: /* @__PURE__ */ jsx(InnerTabs.Video, {}),
       availableFor: ["video"],
@@ -100,7 +100,7 @@ const orderedTabs = [
     },
     "audio-capture": {
       id: "audio-capture",
-      icon: /* @__PURE__ */ jsx(Mic, {}),
+      icon: /* @__PURE__ */ jsx(SvgMic$1, {}),
       label: t("bbm.audio"),
       content: /* @__PURE__ */ jsx(InnerTabs.Audio, {}),
       availableFor: ["audio"],
@@ -108,7 +108,7 @@ const orderedTabs = [
     },
     "external-link": {
       id: "external-link",
-      icon: /* @__PURE__ */ jsx(Globe, {}),
+      icon: /* @__PURE__ */ jsx(SvgGlobe$1, {}),
       label: t("bbm.linker.ext"),
       content: /* @__PURE__ */ jsx(InnerTabs.ExternalLink, { ...linkTabProps.current }),
       availableFor: ["hyperlink"],
@@ -116,7 +116,7 @@ const orderedTabs = [
     },
     "internal-link": {
       id: "internal-link",
-      icon: /* @__PURE__ */ jsx(Applications, {}),
+      icon: /* @__PURE__ */ jsx(SvgApplications$1, {}),
       label: t("bbm.linker.int"),
       content: /* @__PURE__ */ jsx(InnerTabs.InternalLink, { ...linkTabProps.current }),
       availableFor: ["hyperlink"],
@@ -124,7 +124,7 @@ const orderedTabs = [
     },
     iframe: {
       id: "iframe",
-      icon: /* @__PURE__ */ jsx(Code, {}),
+      icon: /* @__PURE__ */ jsx(SvgCode$1, {}),
       label: t("bbm.embed"),
       content: /* @__PURE__ */ jsx(InnerTabs.Iframe, {}),
       availableFor: ["embedder"],
@@ -132,7 +132,7 @@ const orderedTabs = [
     },
     "video-embedder": {
       id: "iframe",
-      icon: /* @__PURE__ */ jsx(Code, {}),
+      icon: /* @__PURE__ */ jsx(SvgCode$1, {}),
       label: t("bbm.embed"),
       content: /* @__PURE__ */ jsx(InnerTabs.VideoEmbedder, {}),
       availableFor: ["video"],

package/dist/{multimedia → ui/src/multimedia}/VideoEmbed/VideoEmbed.js

@@ -1,16 +1,16 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useId, useEffect } from "react";
-import { Globe, ArrowRight } from "@edifice.io/icons";
 import { odeServices } from "edifice-ts-client";
 import { useTranslation } from "react-i18next";
+import { Globe as SvgGlobe$1, ArrowRight as SvgArrowRight$1 } from "../../../../icons/dist/index.js";
 import { useMediaLibraryContext } from "../MediaLibrary/MediaLibraryContext.js";
 import useDebounce from "../../hooks/useDebounce/useDebounce.js";
-import usePaths from "../../core/usePaths/usePaths.js";
 import FormControl from "../../components/Form/FormControl.js";
 import Input from "../../components/Input/Input.js";
+import Button from "../../components/Button/Button.js";
+import usePaths from "../../core/usePaths/usePaths.js";
 import Image from "../../components/Image/Image.js";
 import EmptyScreen from "../../components/EmptyScreen/EmptyScreen.js";
-import Button from "../../components/Button/Button.js";
 const VideoEmbed = ({
   onSuccess
 }) => {
@@ -56,16 +56,16 @@ const VideoEmbed = ({
     /* @__PURE__ */ jsxs(Button, { variant: "ghost", color: "primary", onClick: handleSwitchToEmbedderClick, className: "align-items-start mt-16", children: [
       t("bbm.video.useEmbedCode"),
       " ",
-      /* @__PURE__ */ jsx(ArrowRight, {})
+      /* @__PURE__ */ jsx(SvgArrowRight$1, {})
     ] })
   ] }) : /* @__PURE__ */ jsx("div", { className: "d-flex my-16 align-items-start", children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", color: "primary", onClick: handleSwitchToEmbedderClick, className: "align-items-start", children: [
     t("bbm.video.useEmbedCode"),
     " ",
-    /* @__PURE__ */ jsx(ArrowRight, {})
+    /* @__PURE__ */ jsx(SvgArrowRight$1, {})
   ] }) });
   return /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill video-embed", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-8 d-flex", children: [
-      /* @__PURE__ */ jsx(Globe, { className: "me-8" }),
+      /* @__PURE__ */ jsx(SvgGlobe$1, { className: "me-8" }),
       t("bbm.video.url.title")
     ] }),
     /* @__PURE__ */ jsx(FormControl, { id: formControlId, children: /* @__PURE__ */ jsx(Input, { size: "md", type: "text", placeholder: t("bbm.video.url.placeholder"), onChange: handleUrlChange }) }),

package/dist/{multimedia → ui/src/multimedia}/VideoRecorder/VideoRecorder.js

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback } from "react";
-import { Record, RecordStop, PlayFilled, Pause, Refresh, Save, RecordVideo } from "@edifice.io/icons";
 import { odeServices } from "edifice-ts-client";
 import { useTranslation } from "react-i18next";
+import { Record as SvgRecord$1, RecordStop as SvgRecordStop$1, PlayFilled as SvgPlayFilled$1, Pause as SvgPause$1, Refresh as SvgRefresh$1, Save as SvgSave$1, RecordVideo as SvgRecordVideo$1 } from "../../../../icons/dist/index.js";
 import useBrowserInfo from "../../hooks/useBrowserInfo/useBrowserInfo.js";
 import useUpload from "../../core/useUpload/useUpload.js";
 import { getBestSupportedMimeType } from "../../utils/video.js";
-import Select from "../../components/Select/Select.js";
-import Toolbar from "../../components/Toolbar/Toolbar.js";
 import FormControl from "../../components/Form/FormControl.js";
 import Label from "../../components/Label/Label.js";
-import { convertMsToMS } from "../../utils/time.js";
+import Select from "../../components/Select/Select.js";
+import Toolbar from "../../components/Toolbar/Toolbar.js";
 import LoadingScreen from "../../components/LoadingScreen/LoadingScreen.js";
+import { convertMsToMS } from "../../utils/time.js";
 const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwardRef(({
   appCode,
   caption,
@@ -160,7 +160,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     type: "icon",
     name: "record",
     props: {
-      icon: /* @__PURE__ */ jsx(Record, { color: recording || recorded ? "" : "red" }),
+      icon: /* @__PURE__ */ jsx(SvgRecord$1, { color: recording || recorded ? "" : "red" }),
       color: "danger",
       disabled: recording || recorded || saving,
       onClick: handleRecord,
@@ -171,7 +171,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     type: "icon",
     name: "stop",
     props: {
-      icon: /* @__PURE__ */ jsx(RecordStop, {}),
+      icon: /* @__PURE__ */ jsx(SvgRecordStop$1, {}),
       disabled: !recording || recorded || saving,
       onClick: handleStop,
       "aria-label": t("bbm.video.record.stop")
@@ -182,7 +182,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     name: "play",
     visibility: playing ? "hide" : "show",
     props: {
-      icon: /* @__PURE__ */ jsx(PlayFilled, {}),
+      icon: /* @__PURE__ */ jsx(SvgPlayFilled$1, {}),
       disabled: !recorded || saving,
       onClick: handlePlayPause,
       "aria-label": t("bbm.video.play.start")
@@ -193,7 +193,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     name: "pause",
     visibility: playing ? "show" : "hide",
     props: {
-      icon: /* @__PURE__ */ jsx(Pause, {}),
+      icon: /* @__PURE__ */ jsx(SvgPause$1, {}),
       disabled: !recorded || saving,
       onClick: handlePlayPause,
       "aria-label": t("bbm.video.play.pause")
@@ -205,7 +205,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     type: "icon",
     name: "reset",
     props: {
-      icon: /* @__PURE__ */ jsx(Refresh, {}),
+      icon: /* @__PURE__ */ jsx(SvgRefresh$1, {}),
       disabled: !recorded || saving,
       onClick: handleReset,
       "aria-label": t("bbm.video.record.reset")
@@ -216,7 +216,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     name: "save",
     visibility: hideSaveAction ? "hide" : "show",
     props: {
-      icon: /* @__PURE__ */ jsx(Save, {}),
+      icon: /* @__PURE__ */ jsx(SvgSave$1, {}),
       disabled: !recorded || saving || saved,
       onClick: handleSave,
       "aria-label": t("bbm.video.record.save")
@@ -233,7 +233,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
       /* @__PURE__ */ jsx("video", { ref: videoRef, playsInline: !0, autoPlay: !0, controls: !1, muted: !0, onEnded: handleEnded, className: "rounded", children: /* @__PURE__ */ jsx("track", { default: !0, kind: "captions", srcLang: "fr", src: "" }) }),
       (recording || recorded) && /* @__PURE__ */ jsxs("div", { className: "video-recorder-time d-flex align-items-center font-monospace fs-6 text-bg-dark rounded", children: [
         recording && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Record, { width: 12, height: 12, color: "red", className: "me-4" }),
+          /* @__PURE__ */ jsx(SvgRecord$1, { width: 12, height: 12, color: "red", className: "me-4" }),
           /* @__PURE__ */ jsxs("span", { children: [
             convertMsToMS(recordedTime),
             "/",
@@ -241,7 +241,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
           ] })
         ] }),
         recorded && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(RecordVideo, { width: 14, height: 14, className: "me-4" }),
+          /* @__PURE__ */ jsx(SvgRecordVideo$1, { width: 14, height: 14, className: "me-4" }),
           /* @__PURE__ */ jsxs("span", { children: [
             convertMsToMS(playedTime),
             "/",

package/dist/{multimedia → ui/src/multimedia}/Workspace/Workspace.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useCallback, useEffect } from "react";
-import { SortTime, SortAscendingLetters, SortDescendingLetters } from "@edifice.io/icons";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
+import { SortTime as SvgSortTime$1, SortAscendingLetters as SvgSortAscendingLetters$1, SortDescendingLetters as SvgSortDescendingLetters$1 } from "../../../../icons/dist/index.js";
 import useWorkspaceSearch from "../../core/useWorkspaceSearch/useWorkspaceSearch.js";
 import { Grid } from "../../components/Grid/Grid.js";
 import TreeView from "../../components/TreeView/TreeView.js";
 import SearchBar from "../../components/SearchBar/SearchBar.js";
+import LoadingScreen from "../../components/LoadingScreen/LoadingScreen.js";
 import FileCard from "../../components/FileCard/FileCard.js";
 import Dropdown from "../../components/Dropdown/Dropdown.js";
-import LoadingScreen from "../../components/LoadingScreen/LoadingScreen.js";
 import EmptyScreen from "../../components/EmptyScreen/EmptyScreen.js";
 import { findTreeNode } from "../../utils/findTreeNode.js";
 const Workspace = ({
@@ -150,9 +150,9 @@ const Workspace = ({
           /* @__PURE__ */ jsxs(Dropdown, { children: [
             /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
             /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgSortTime$1, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgSortAscendingLetters$1, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgSortDescendingLetters$1, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
             ] })
           ] })
         ] })