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

package/dist/{common → ui/src/common}/ShareModal/ShareModal.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { Bookmark, RafterDown, InfoCircle } from "@edifice.io/icons";
+import { Bookmark as SvgBookmark$1, RafterDown as SvgRafterDown$1, InfoCircle as SvgInfoCircle$1 } from "../../../../icons/dist/index.js";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
 import { ShareBookmark } from "./ShareBookmark.js";
@@ -8,15 +8,15 @@ import { ShareBookmarkLine } from "./ShareBookmarkLine.js";
 import { useSearch } from "./hooks/useSearch.js";
 import useShare from "./hooks/useShare.js";
 import { useShareBookmark } from "./hooks/useShareBookmark.js";
-import VisuallyHidden from "../../components/VisuallyHidden/VisuallyHidden.js";
-import Combobox from "../../components/Combobox/Combobox.js";
 import Modal from "../../components/Modal/Modal.js";
 import Heading from "../../components/Heading/Heading.js";
 import LoadingScreen from "../../components/LoadingScreen/LoadingScreen.js";
+import VisuallyHidden from "../../components/VisuallyHidden/VisuallyHidden.js";
 import Avatar from "../../components/Avatar/Avatar.js";
 import Checkbox from "../../components/Checkbox/Checkbox.js";
 import Button from "../../components/Button/Button.js";
 import Tooltip from "../../components/Tooltip/Tooltip.js";
+import Combobox from "../../components/Combobox/Combobox.js";
 function ShareResourceModal({
   isOpen,
   shareOptions,
@@ -103,7 +103,7 @@ function ShareResourceModal({
         ] })
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: "mt-16", children: [
-        /* @__PURE__ */ jsx(Button, { color: "tertiary", leftIcon: /* @__PURE__ */ jsx(Bookmark, {}), rightIcon: /* @__PURE__ */ jsx(RafterDown, { title: t("show"), className: "w-16 min-w-0", style: {
+        /* @__PURE__ */ jsx(Button, { color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgBookmark$1, {}), rightIcon: /* @__PURE__ */ jsx(SvgRafterDown$1, { title: t("show"), className: "w-16 min-w-0", style: {
           transition: "rotate 0.2s ease-out",
           rotate: showBookmarkInput ? "-180deg" : "0deg"
         } }), type: "button", variant: "ghost", className: "fw-normal", onClick: () => toggleBookmarkInput(!showBookmarkInput), children: t("share.save.sharebookmark") }),
@@ -112,7 +112,7 @@ function ShareResourceModal({
       /* @__PURE__ */ jsx("hr", {}),
       /* @__PURE__ */ jsxs(Heading, { headingStyle: "h4", level: "h3", className: "mb-16 d-flex align-items-center", children: [
         /* @__PURE__ */ jsx("div", { className: "me-8", children: t("explorer.modal.share.search") }),
-        /* @__PURE__ */ jsx(Tooltip, { message: "Vos favoris de partage s’affichent en priorité dans votre liste lorsque vous recherchez un groupe ou une personne, vous pouvez les retrouver dans l’annuaire.", placement: "top", children: /* @__PURE__ */ jsx(InfoCircle, { className: "c-pointer", height: "18" }) })
+        /* @__PURE__ */ jsx(Tooltip, { message: "Vos favoris de partage s’affichent en priorité dans votre liste lorsque vous recherchez un groupe ou une personne, vous pouvez les retrouver dans l’annuaire.", placement: "top", children: /* @__PURE__ */ jsx(SvgInfoCircle$1, { className: "c-pointer", height: "18" }) })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "row", children: /* @__PURE__ */ jsx("div", { className: "col-10", children: /* @__PURE__ */ jsx(Combobox, { value: searchInputValue, placeholder: searchPlaceholder, isLoading: showSearchLoading(), noResult: showSearchNoResults(), options: searchResults, searchMinLength: getSearchMinLength(), onSearchInputChange: handleSearchInputChange, onSearchResultsChange: handleSearchResultsChange }) }) }),
       children

package/dist/{common → ui/src/common}/ShareModal/hooks/useSearch.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useReducer, useEffect } from "react";
-import { Bookmark } from "@edifice.io/icons";
+import { Bookmark as SvgBookmark$1 } from "../../../../../icons/dist/index.js";
 import { odeServices } from "edifice-ts-client";
 import { useTranslation } from "react-i18next";
 import useDebounce from "../../../hooks/useDebounce/useDebounce.js";
@@ -92,7 +92,7 @@ const defaultActions = [{
           return searchResult.type === "user" && searchResult.profile ? label = `${label} (${t(searchResult.profile)})` : searchResult.type === "group" && searchResult.structureName && (label = `${label} (${searchResult.structureName})`), {
             value: searchResult.id,
             label,
-            icon: searchResult.type === "sharebookmark" ? /* @__PURE__ */ jsx(Bookmark, {}) : null
+            icon: searchResult.type === "sharebookmark" ? /* @__PURE__ */ jsx(SvgBookmark$1, {}) : null
           };
         });
         dispatch({

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

@@ -1,8 +1,8 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useCallback, useImperativeHandle, useLayoutEffect, useEffect } from "react";
-import { SuccessOutline, AlertCircle, InfoCircle, Error } from "@edifice.io/icons";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
+import { SuccessOutline as SvgSuccessOutline$1, AlertCircle as SvgAlertCircle$1, InfoCircle as SvgInfoCircle$1, Error as SvgError$1 } from "../../../../icons/dist/index.js";
 import Button from "../Button/Button.js";
 const Alert = /* @__PURE__ */ forwardRef(({
   type = "success",
@@ -38,19 +38,19 @@ const Alert = /* @__PURE__ */ forwardRef(({
     setVisibleStatus(!0);
   }, mapping = {
     success: {
-      icon: /* @__PURE__ */ jsx(SuccessOutline, {}),
+      icon: /* @__PURE__ */ jsx(SvgSuccessOutline$1, {}),
       classModifier: "alert-success"
     },
     warning: {
-      icon: /* @__PURE__ */ jsx(AlertCircle, {}),
+      icon: /* @__PURE__ */ jsx(SvgAlertCircle$1, {}),
       classModifier: "alert-warning"
     },
     info: {
-      icon: /* @__PURE__ */ jsx(InfoCircle, {}),
+      icon: /* @__PURE__ */ jsx(SvgInfoCircle$1, {}),
       classModifier: "alert-info"
     },
     danger: {
-      icon: /* @__PURE__ */ jsx(Error, {}),
+      icon: /* @__PURE__ */ jsx(SvgError$1, {}),
       classModifier: "alert-danger"
     }
   }, toastClasses = {
@@ -72,7 +72,7 @@ const Alert = /* @__PURE__ */ forwardRef(({
       transform: "scaleX(0)"
     } })
   ] }) : null });
-}), Alert$1 = Alert;
+});
 export {
-  Alert$1 as default
+  Alert as default
 };

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

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Paperclip } from "@edifice.io/icons";
+import { Paperclip as SvgPaperclip$1 } from "../../../../icons/dist/index.js";
 const Attachment = /* @__PURE__ */ forwardRef(({
   name = "Attachment Name",
   options,
   ...restProps
 }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: "attachment px-12 py-8", ...restProps, children: [
-  /* @__PURE__ */ jsx(Paperclip, { height: 22, width: 22 }),
+  /* @__PURE__ */ jsx(SvgPaperclip$1, { height: 22, width: 22 }),
   /* @__PURE__ */ jsx("div", { className: "filename text-truncate", children: name }),
   options && /* @__PURE__ */ jsx("div", { className: "options ps-12", children: options })
 ] })), Attachment$1 = Attachment;

package/dist/{components → ui/src/components}/Audience/ViewsByProfileCard.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Users } from "@edifice.io/icons";
 import { Guest, Personnel, Teacher, Parent, Student } from "@edifice.io/icons/audience";
 import { useTranslation } from "react-i18next";
+import { Users as SvgUsers$1 } from "../../../../icons/dist/index.js";
 import { StringUtils } from "../../utils/StringUtils.js";
 const ViewsByProfileCard = ({
   viewsByProfile
@@ -22,7 +22,7 @@ const ViewsByProfileCard = ({
       case "guest":
         return /* @__PURE__ */ jsx(Guest, {});
       default:
-        return /* @__PURE__ */ jsx(Users, {});
+        return /* @__PURE__ */ jsx(SvgUsers$1, {});
     }
   }
   return /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 ms-32 mb-12", children: [

package/dist/{components → ui/src/components}/Audience/ViewsCounter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { See } from "@edifice.io/icons";
 import clsx from "clsx";
+import { See as SvgSee$1 } from "../../../../icons/dist/index.js";
 import Button from "../Button/Button.js";
 import { StringUtils } from "../../utils/StringUtils.js";
 const ViewsCounter = ({
@@ -11,7 +11,7 @@ const ViewsCounter = ({
   const handleButtonClick = (event) => {
     event.preventDefault(), event.stopPropagation(), onClick == null || onClick();
   };
-  return className = clsx("text-gray-700 fw-normal py-4 px-8 btn-icon", className), /* @__PURE__ */ jsx(Button, { rightIcon: /* @__PURE__ */ jsx(See, {}), variant: "ghost", type: "button", className, onClick: handleButtonClick, disabled: !viewsCounter, children: StringUtils.toCounter(viewsCounter) });
+  return className = clsx("text-gray-700 fw-normal py-4 px-8 btn-icon", className), /* @__PURE__ */ jsx(Button, { rightIcon: /* @__PURE__ */ jsx(SvgSee$1, {}), variant: "ghost", type: "button", className, onClick: handleButtonClick, disabled: !viewsCounter, children: StringUtils.toCounter(viewsCounter) });
 }, ViewsCounter$1 = ViewsCounter;
 export {
   ViewsCounter$1 as default

package/dist/{components → ui/src/components}/Audience/ViewsModal.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { See, Users } from "@edifice.io/icons";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
+import { See as SvgSee$1, Users as SvgUsers$1 } from "../../../../icons/dist/index.js";
 import ViewsByProfileCard from "./ViewsByProfileCard.js";
 import Modal from "../Modal/Modal.js";
 import Button from "../Button/Button.js";
@@ -19,12 +19,12 @@ const ViewsModal = ({
     /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: t("audience.views.title") }),
     /* @__PURE__ */ jsxs(Modal.Body, { children: [
       /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 mb-12", children: [
-        /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(See, {}) }),
+        /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(SvgSee$1, {}) }),
         /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsDetails.viewsCounter) }),
         /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.viewsCounter") })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 mb-12", children: [
-        /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(Users, {}) }),
+        /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(SvgUsers$1, {}) }),
         hasUniqueViews ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsDetails.uniqueViewsCounter) }),
           /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.uniqueViewsCounter") })

package/dist/{components → ui/src/components}/Audience/hooks/useReactionIcons.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { InterestingCounter, Interesting, CongratsCounter, Congrats, GreatCounter, Great, ThanksCounter, Thanks } from "@edifice.io/icons/audience";
-import { Reaction } from "@edifice.io/icons";
+import { Reaction as SvgReaction$1 } from "../../../../../icons/dist/index.js";
 function useReactionIcons() {
   return {
     getReactionIcon: (reactionType, asCounter) => {
@@ -14,7 +14,7 @@ function useReactionIcons() {
         case "REACTION_4":
           return asCounter ? /* @__PURE__ */ jsx(InterestingCounter, {}) : /* @__PURE__ */ jsx(Interesting, {});
         default:
-          return /* @__PURE__ */ jsx(Reaction, {});
+          return /* @__PURE__ */ jsx(SvgReaction$1, {});
       }
     },
     getReactionLabel: (reactionType) => {

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

@@ -27,7 +27,7 @@ const Avatar = /* @__PURE__ */ forwardRef(({
     }
   }, className);
   return /* @__PURE__ */ jsx("div", { ref, className: classes, children: /* @__PURE__ */ jsx(Image, { src: src || placeholder, alt, imgPlaceholder: placeholder, ...restProps }) });
-}), Avatar$1 = Avatar;
+});
 export {
-  Avatar$1 as default
+  Avatar as default
 };

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { RafterRight } from "@edifice.io/icons";
 import { useTranslation } from "react-i18next";
+import { RafterRight as SvgRafterRight$1 } from "../../../../icons/dist/index.js";
 import Heading from "../Heading/Heading.js";
 import BreadcrumbItem from "./BreadcrumbItem.js";
 import BreadcrumbList from "./BreadcrumbList.js";
@@ -16,7 +16,7 @@ const Breadcrumb = /* @__PURE__ */ forwardRef(({
   } = useTranslation();
   return /* @__PURE__ */ jsx(BreadcrumbNav, { app, ref, className: "mw-100", children: /* @__PURE__ */ jsx(BreadcrumbList, { className: "gap-12 mw-100", children: name ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx("a", { href: app == null ? void 0 : app.address, className: "d-flex", "aria-label": t(app == null ? void 0 : app.displayName), children: /* @__PURE__ */ jsx(AppIcon, { app, size: "40" }) }) }),
-    /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(RafterRight, { color: "var(--edifice-gray-600)", width: 20, height: 20 }) }),
+    /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(SvgRafterRight$1, { color: "var(--edifice-gray-600)", width: 20, height: 20 }) }),
     /* @__PURE__ */ jsx(BreadcrumbItem, { className: "text-truncate", children: /* @__PURE__ */ jsx(Heading, { level: "h1", headingStyle: "h3", className: "text-truncate", children: name }) })
   ] }) : /* @__PURE__ */ jsxs(BreadcrumbItem, { className: "gap-12 d-flex align-items-center", children: [
     /* @__PURE__ */ jsx("a", { href: app == null ? void 0 : app.address, className: "d-flex", "aria-label": t(app == null ? void 0 : app.displayName), children: /* @__PURE__ */ jsx(AppIcon, { app, size: "40" }) }),

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

@@ -29,7 +29,7 @@ const Button = /* @__PURE__ */ forwardRef(({
     children,
     rightIcon
   ] }) });
-}), Button$1 = Button;
+});
 export {
-  Button$1 as default
+  Button as default
 };

package/dist/{components → ui/src/components}/Button/SearchButton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Search } from "@edifice.io/icons";
 import clsx from "clsx";
+import { Search as SvgSearch$1 } from "../../../../icons/dist/index.js";
 import IconButton from "./IconButton.js";
 const SearchButton = /* @__PURE__ */ forwardRef(({
-  icon = /* @__PURE__ */ jsx(Search, {}),
+  icon = /* @__PURE__ */ jsx(SvgSearch$1, {}),
   onClick,
   className,
   ...restProps

package/dist/{components → ui/src/components}/Card/CardHeader.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Options } from "@edifice.io/icons";
+import { Options as SvgOptions$1 } from "../../../../icons/dist/index.js";
 import { useCardContext } from "./CardContext.js";
 import IconButton from "../Button/IconButton.js";
 const CardHeader = () => {
@@ -10,7 +10,7 @@ const CardHeader = () => {
     onSelect
   } = useCardContext();
   return isSelectable || isClickable ? /* @__PURE__ */ jsxs("div", { className: "card-header", children: [
-    isSelectable ? /* @__PURE__ */ jsx(IconButton, { "aria-label": "Open Action Bar", className: "z-3 bg-white", color: "secondary", icon: /* @__PURE__ */ jsx(Options, {}), onClick: onSelect, variant: "ghost" }) : null,
+    isSelectable ? /* @__PURE__ */ jsx(IconButton, { "aria-label": "Open Action Bar", className: "z-3 bg-white", color: "secondary", icon: /* @__PURE__ */ jsx(SvgOptions$1, {}), onClick: onSelect, variant: "ghost" }) : null,
     isClickable ? /* @__PURE__ */ jsx("button", { onClick, className: "position-absolute bottom-0 end-0 top-0 start-0 opacity-0 z-1 w-100", "aria-label": "Open resource" }) : null
   ] }) : null;
 };

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

@@ -29,7 +29,7 @@ const Checkbox = /* @__PURE__ */ forwardRef(({
     /* @__PURE__ */ jsx("input", { ...inputProps }),
     label && /* @__PURE__ */ jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
   ] });
-}), Checkbox$1 = Checkbox;
+});
 export {
-  Checkbox$1 as default
+  Checkbox as default
 };

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { InfoCircle, DeleteColor } from "@edifice.io/icons";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
+import { InfoCircle as SvgInfoCircle$1, DeleteColor as SvgDeleteColor$1 } from "../../../../icons/dist/index.js";
 import { DefaultPalette, AccessiblePalette } from "./ColorPalette.js";
 import ColorPickerItem from "./ColorPickerItem.js";
 import Tooltip from "../Tooltip/Tooltip.js";
@@ -20,13 +20,13 @@ const ColorPicker = /* @__PURE__ */ forwardRef(({
   return /* @__PURE__ */ jsx("div", { ref, ...restProps, children: palettes.map((palette, paletteIdx) => /* @__PURE__ */ jsxs("div", { className: clsx("color-picker mx-8", palette.className), children: [
     /* @__PURE__ */ jsxs("div", { className: "color-picker-label small mt-4 mb-8", children: [
       t(palette.label),
-      palette.tooltip && /* @__PURE__ */ jsx(Tooltip, { message: "", placement: "auto", ...palette.tooltip, children: /* @__PURE__ */ jsx(InfoCircle, { width: 18, height: 18, className: "mx-4 position-relative", style: {
+      palette.tooltip && /* @__PURE__ */ jsx(Tooltip, { message: "", placement: "auto", ...palette.tooltip, children: /* @__PURE__ */ jsx(SvgInfoCircle$1, { width: 18, height: 18, className: "mx-4 position-relative", style: {
         top: "4px"
       } }) })
     ] }),
     // Show/hide the reset option
     palette.reset && /* @__PURE__ */ jsxs("button", { className: "color-picker-reset small my-8 gap-4", onClick: () => handleClick(palette.reset), children: [
-      /* @__PURE__ */ jsx(DeleteColor, { width: 20, height: 20 }),
+      /* @__PURE__ */ jsx(SvgDeleteColor$1, { width: 20, height: 20 }),
       palette.reset.description
     ] }),
     /* @__PURE__ */ jsx("div", { className: "color-picker-palette d-flex gap-2 justify-content-between", children: palette.colors.map((hues, hueIndex) => /* @__PURE__ */ jsx("div", { className: "color-picker-hue d-flex gap-2 justify-content-between flex-column ", children: hues.map((color) => /* @__PURE__ */ jsx("button", { "aria-label": color.description, className: "color-picker-hue-color", onClick: () => handleClick(color), children: /* @__PURE__ */ jsx(ColorPickerItem, { ...restProps, model: color, selected: model === color.value }) }, color.value)) }, hueIndex)) })

package/dist/ui/src/components/ColorPicker/ColorPickerItem.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { DeleteColor as SvgDeleteColor$1 } from "../../../../icons/dist/index.js";
+const ColorPickerItem = ({
+  model,
+  selected,
+  className
+}) => model.isReset ? /* @__PURE__ */ jsx(SvgDeleteColor$1, {}) : /* @__PURE__ */ jsx("div", { "aria-label": model.description, className: clsx("color-picker-hue-color-item rounded-1", className, model.hue === "light" ? "light" : "dark", selected && "selected"), style: {
+  backgroundColor: model.value
+} }), ColorPickerItem$1 = ColorPickerItem;
+export {
+  ColorPickerItem$1 as default
+};

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

@@ -35,7 +35,6 @@ const Combobox = ({
   ] });
 };
 Combobox.Trigger = ComboboxTrigger;
-const Combobox$1 = Combobox;
 export {
-  Combobox$1 as default
+  Combobox as default
 };

package/dist/{components → ui/src/components}/Dropdown/DropdownTrigger.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { RafterUp } from "@edifice.io/icons";
 import clsx from "clsx";
+import { RafterUp as SvgRafterUp$1 } from "../../../../icons/dist/index.js";
 import { useDropdownContext } from "./DropdownContext.js";
 const DropdownTrigger = /* @__PURE__ */ forwardRef(({
   label,
@@ -26,7 +26,7 @@ const DropdownTrigger = /* @__PURE__ */ forwardRef(({
   return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, disabled, ...mergedProps, children: [
     icon,
     label,
-    badgeContent ? /* @__PURE__ */ jsx("span", { className: "badge text-bg-secondary rounded-pill", children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(RafterUp, { width: 16, height: 16, className: "dropdown-toggle-caret" })
+    badgeContent ? /* @__PURE__ */ jsx("span", { className: "badge text-bg-secondary rounded-pill", children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(SvgRafterUp$1, { width: 16, height: 16, className: "dropdown-toggle-caret" })
   ] });
 });
 export {

package/dist/{components → ui/src/components}/Dropzone/DropzoneFile.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Plus } from "@edifice.io/icons";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
+import { Plus as SvgPlus$1 } from "../../../../icons/dist/index.js";
 import { useMediaLibraryContext } from "../../multimedia/MediaLibrary/MediaLibraryContext.js";
 import Button from "../Button/Button.js";
 import { useDropzoneContext } from "./DropzoneContext.js";
@@ -20,7 +20,7 @@ const DropzoneFile = ({
     "d-none": !hasFiles
   });
   return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx("div", { className: "drop-file-content", children: /* @__PURE__ */ jsx("div", { className: "add-button p-4", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", leftIcon: /* @__PURE__ */ jsx(Plus, {}), disabled: !multiple, onClick: () => {
+    /* @__PURE__ */ jsx("div", { className: "drop-file-content", children: /* @__PURE__ */ jsx("div", { className: "add-button p-4", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgPlus$1, {}), disabled: !multiple, onClick: () => {
       var _a;
       return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
     }, children: t("dropzone.add.more") }) }) }),

package/dist/{components → ui/src/components}/Dropzone/DropzoneImport.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Download } from "@edifice.io/icons";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
+import { Download as SvgDownload$1 } from "../../../../icons/dist/index.js";
 import Button from "../Button/Button.js";
 import { useDropzoneContext } from "./DropzoneContext.js";
 const DropzoneImport = () => {
@@ -15,7 +15,7 @@ const DropzoneImport = () => {
     "d-none": hasFiles
   });
   return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx(Download, { height: 48, width: 48 }),
+    /* @__PURE__ */ jsx(SvgDownload$1, { height: 48, width: 48 }),
     /* @__PURE__ */ jsx("p", { className: "my-16", children: t("dropzone.text") }),
     /* @__PURE__ */ jsx(Button, { onClick: () => {
       var _a;

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
-import { Mic, Landscape, Video, TextPage } from "@edifice.io/icons";
 import clsx from "clsx";
 import { DocumentHelper, odeServices } from "edifice-ts-client";
+import { Mic as SvgMic$1, Landscape as SvgLandscape$1, Video as SvgVideo$1, TextPage as SvgTextPage$1 } from "../../../../icons/dist/index.js";
 import Card from "../Card/Card.js";
 import FileIcon from "./FileIcon.js";
 import useThumbnail from "../../hooks/useThumbnail/useThumbnail.js";
@@ -39,7 +39,7 @@ const FileCard = ({
         color: "bg-red-200"
       },
       audio: {
-        icon: /* @__PURE__ */ jsx(Mic, { width: 22, height: 22 }),
+        icon: /* @__PURE__ */ jsx(SvgMic$1, { width: 22, height: 22 }),
         color: "bg-red-200"
       },
       ppt: {
@@ -47,11 +47,11 @@ const FileCard = ({
         color: "bg-yellow-200"
       },
       img: {
-        icon: /* @__PURE__ */ jsx(Landscape, { width: 22, height: 22 }),
+        icon: /* @__PURE__ */ jsx(SvgLandscape$1, { width: 22, height: 22 }),
         color: "bg-green-200"
       },
       video: {
-        icon: /* @__PURE__ */ jsx(Video, { width: 22, height: 22 }),
+        icon: /* @__PURE__ */ jsx(SvgVideo$1, { width: 22, height: 22 }),
         color: "bg-purple-200"
       },
       zip: {
@@ -63,7 +63,7 @@ const FileCard = ({
         color: "bg-blue-200"
       },
       unknown: {
-        icon: /* @__PURE__ */ jsx(TextPage, { width: 22, height: 22 }),
+        icon: /* @__PURE__ */ jsx(SvgTextPage$1, { width: 22, height: 22 }),
         color: "bg-gray-300"
       }
     };

package/dist/{components → ui/src/components}/FileCard/FileIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { Paperclip } from "@edifice.io/icons";
 import clsx from "clsx";
+import { Paperclip as SvgPaperclip$1 } from "../../../../icons/dist/index.js";
 const FileIcon = ({
   type,
   roleMap
@@ -8,7 +8,7 @@ const FileIcon = ({
   const hasNoShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown", fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
     "p-12 rounded-circle shadow": hasNoShadow
   }, roleMap == null ? void 0 : roleMap.color);
-  return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(Paperclip, {}) });
+  return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(SvgPaperclip$1, {}) });
 };
 export {
   FileIcon as default

package/dist/{components → ui/src/components}/Form/FormControl.js

@@ -26,7 +26,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   Label,
   Input,
   Text: FormText
-}), FormControl$1 = FormControl;
+});
 export {
-  FormControl$1 as default
+  FormControl as default
 };

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

@@ -10,7 +10,7 @@ const Heading = /* @__PURE__ */ forwardRef(({
 }, ref) => {
   const classes = clsx(headingStyle, className);
   return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...restProps, children });
-}), Heading$1 = Heading;
+});
 export {
-  Heading$1 as default
+  Heading as default
 };

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useEffect } from "react";
-import { Edit, Delete } from "@edifice.io/icons";
 import clsx from "clsx";
+import { Edit as SvgEdit$1, Delete as SvgDelete$1 } from "../../../../icons/dist/index.js";
 import FormControl from "../Form/FormControl.js";
 import IconButton from "../Button/IconButton.js";
 import Input from "../Input/Input.js";
@@ -43,8 +43,8 @@ const ImagePicker = /* @__PURE__ */ forwardRef(({
   }, classes = clsx("image-input", className);
   return /* @__PURE__ */ jsxs(FormControl, { id: "image-input", className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: handleDrop, ref, 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" })
     ] }),
     /* @__PURE__ */ jsxs(FormControl.Label, { children: [
       /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: label }),

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

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

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

@@ -31,7 +31,7 @@ const Label = /* @__PURE__ */ forwardRef(({
     ] }),
     requiredState && /* @__PURE__ */ jsx("em", { className: "required", children: requiredText })
   ] });
-}), Label$1 = Label;
+});
 export {
-  Label$1 as default
+  Label as default
 };

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Loader } from "@edifice.io/icons";
 import clsx from "clsx";
+import { Loader as SvgLoader$1 } from "../../../../icons/dist/index.js";
 const Loading = /* @__PURE__ */ forwardRef((props, ref) => {
   const {
     isLoading,
@@ -12,7 +12,7 @@ const Loading = /* @__PURE__ */ forwardRef((props, ref) => {
     ...restProps
   } = props, getLoadingIcon = () => {
     let icon;
-    return loadingIcon ? icon = loadingIcon : icon = /* @__PURE__ */ jsx(Loader, { ...restProps, "aria-label": "Loading" }), icon;
+    return loadingIcon ? icon = loadingIcon : icon = /* @__PURE__ */ jsx(SvgLoader$1, { ...restProps, "aria-label": "Loading" }), icon;
   }, classes = clsx("loading d-flex align-items-center gap-8", {
     "is-loading": isLoading
   }, className);

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

@@ -19,7 +19,7 @@ const LoadingScreen = /* @__PURE__ */ forwardRef(({
     ] }),
     !position && /* @__PURE__ */ jsx("div", { className: "modal-backdrop fade show" })
   ] });
-}), LoadingScreen$1 = LoadingScreen;
+});
 export {
-  LoadingScreen$1 as default
+  LoadingScreen as default
 };

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

@@ -66,7 +66,7 @@ const Root = /* @__PURE__ */ forwardRef((props, ref) => {
   Subtitle: ModalSubtitle,
   Body: ModalBody,
   Footer: ModalFooter
-}), Modal$1 = Modal;
+});
 export {
-  Modal$1 as default
+  Modal as default
 };

package/dist/{components → ui/src/components}/Modal/ModalHeader.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import { Close } from "@edifice.io/icons";
 import { useTranslation } from "react-i18next";
+import { Close as SvgClose$1 } from "../../../../icons/dist/index.js";
 import IconButton from "../Button/IconButton.js";
 import { useModalContext } from "./ModalContext.js";
 const ModalHeader = (props) => {
@@ -19,7 +19,7 @@ const ModalHeader = (props) => {
     focusId || (_a = closeButtonRef.current) == null || _a.focus();
   }, [focusId]), /* @__PURE__ */ jsxs("div", { className: "modal-header", children: [
     /* @__PURE__ */ jsx("h2", { id: ariaLabelId, className: "modal-title", tabIndex: -1, children }),
-    /* @__PURE__ */ jsx(IconButton, { ref: closeButtonRef, "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(Close, {}), type: "button", variant: "ghost", title: t("close"), onClick: onModalClose, className: "btn-close" })
+    /* @__PURE__ */ jsx(IconButton, { ref: closeButtonRef, "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgClose$1, {}), type: "button", variant: "ghost", title: t("close"), onClick: onModalClose, className: "btn-close" })
   ] });
 };
 export {

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

@@ -25,7 +25,7 @@ const Radio = /* @__PURE__ */ forwardRef(({
     icon && /* @__PURE__ */ jsx("label", { htmlFor: inputProps.id, className: clsx("c-pointer", model !== restProps.value && "text-muted"), children: icon }),
     !icon && label && /* @__PURE__ */ jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
   ] });
-}), Radio$1 = Radio;
+});
 export {
-  Radio$1 as default
+  Radio as default
 };

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Search } from "@edifice.io/icons";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
+import { Search as SvgSearch$1 } from "../../../../icons/dist/index.js";
 import FormControl from "../Form/FormControl.js";
 import SearchButton from "../Button/SearchButton.js";
 const SearchBar = ({
@@ -26,9 +26,9 @@ const SearchBar = ({
     onClick == null || onClick();
   };
   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(Search, {}) }),
+    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(SvgSearch$1, {}) }),
     /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, ...restProps }),
-    !isVariant && /* @__PURE__ */ jsx(SearchButton, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ jsx(Search, {}), className: "border-start-0", onClick: handleClick })
+    !isVariant && /* @__PURE__ */ jsx(SearchButton, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ jsx(SvgSearch$1, {}), className: "border-start-0", onClick: handleClick })
   ] });
 }, SearchBar$1 = SearchBar;
 export {