@edifice.io/react 2.0.0-develop-rc.3 → 2.0.0-develop-rc.4

package/dist/modules/editor/components/Toolbar/LinkToolbar.js

@@ -4,7 +4,7 @@ import { FloatingMenu } from "@tiptap/react";
 import { useTranslation } from "react-i18next";
 import { tippyOptions } from "./LinkToolbar.TippyOptions.js";
 import { Icon } from "../../../../components/Icon/Icon.js";
-import Toolbar from "../../../../components/Toolbar/Toolbar.js";
+import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
 const LinkToolbar = ({
   editor,
   onEdit,

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

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import Tooltip from "../../../../components/Tooltip/Tooltip.js";
-import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import { Tooltip } from "../../../../components/Tooltip/Tooltip.js";
+import { Dropdown } from "../../../../components/Dropdown/Dropdown.js";
 import { Icon } from "../../../../components/Icon/Icon.js";
 const TableToolbarAddMenu = ({
   editor

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

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import ColorPickerItem from "../../../../components/ColorPicker/ColorPickerItem.js";
+import { ColorPickerItem } from "../../../../components/ColorPicker/ColorPickerItem.js";
 import { DefaultPalette } from "../../../../components/ColorPicker/ColorPalette.js";
-import Tooltip from "../../../../components/Tooltip/Tooltip.js";
-import Dropdown from "../../../../components/Dropdown/Dropdown.js";
-import ColorPicker from "../../../../components/ColorPicker/ColorPicker.js";
+import { Tooltip } from "../../../../components/Tooltip/Tooltip.js";
+import { Dropdown } from "../../../../components/Dropdown/Dropdown.js";
+import { ColorPicker } from "../../../../components/ColorPicker/ColorPicker.js";
 const TableToolbarCellColor = ({
   editor,
   itemRefs

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

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import Tooltip from "../../../../components/Tooltip/Tooltip.js";
-import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import { Tooltip } from "../../../../components/Tooltip/Tooltip.js";
+import { Dropdown } from "../../../../components/Dropdown/Dropdown.js";
 import { Icon } from "../../../../components/Icon/Icon.js";
 const TableToolbarDelMenu = ({
   editor

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

@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next";
 import { TableToolbarAddMenu } from "./TableToolbar.AddMenu.js";
 import { TableToolbarCellColor } from "./TableToolbar.CellColor.js";
 import { TableToolbarDelMenu } from "./TableToolbar.DelMenu.js";
-import Toolbar from "../../../../components/Toolbar/Toolbar.js";
+import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
 import { Icon } from "../../../../components/Icon/Icon.js";
 const TableToolbar = ({
   editor

package/dist/modules/modals/OnboardingModal/OnboardingModal.js

@@ -6,9 +6,9 @@ import { Pagination } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { useOnboardingModal } from "./useOnboardingModal.js";
 import usePaths from "../../../core/usePaths/usePaths.js";
-import Modal from "../../../components/Modal/Modal.js";
-import Image from "../../../components/Image/Image.js";
-import Button from "../../../components/Button/Button.js";
+import { Modal } from "../../../components/Modal/Modal.js";
+import { Image } from "../../../components/Image/Image.js";
+import { Button } from "../../../components/Button/Button.js";
 const OnboardingModal = ({
   id,
   items,

package/dist/modules/modals/PublishModal/PublishModal.js

@@ -10,16 +10,16 @@ import { SubjectsDropdown } from "./components/SubjectsDropdown.js";
 import usePublishModal from "./hooks/usePublishModal.js";
 import useMediaLibrary from "../../../core/useMediaLibrary/useMediaLibrary.js";
 import useResource from "../../../core/useResource/useResource.js";
-import Heading from "../../../components/Heading/Heading.js";
 import MediaLibrary from "../../multimedia/MediaLibrary/MediaLibrary.js";
 import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-import Modal from "../../../components/Modal/Modal.js";
-import FormControl from "../../../components/Form/FormControl.js";
-import Label from "../../../components/Label/Label.js";
-import Input from "../../../components/Input/Input.js";
-import TextArea from "../../../components/TextArea/TextArea.js";
-import Button from "../../../components/Button/Button.js";
+import { LoadingScreen } from "../../../components/LoadingScreen/LoadingScreen.js";
+import { Modal } from "../../../components/Modal/Modal.js";
+import { Heading } from "../../../components/Heading/Heading.js";
+import { FormControl } from "../../../components/Form/FormControl.js";
+import { Label } from "../../../components/Label/Label.js";
+import { Input } from "../../../components/Input/Input.js";
+import { TextArea } from "../../../components/TextArea/TextArea.js";
+import { Button } from "../../../components/Button/Button.js";
 function PublishModal({
   isOpen,
   resourceId,

package/dist/modules/modals/PublishModal/components/ActivitiesDropdown.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 import { useTranslation } from "react-i18next";
-import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import { Dropdown } from "../../../../components/Dropdown/Dropdown.js";
 import { useActivitiesOptions } from "../hooks/useActivitiesOptions.js";
 const ActivitiesDropdown = ({
   control,

package/dist/modules/modals/PublishModal/components/AgeSelect.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
-import Select from "../../../../components/Select/Select.js";
+import { Select } from "../../../../components/Select/Select.js";
 import { ageOptions } from "../constants/ageOptions.js";
 const AgeSelect = ({
   name,

package/dist/modules/modals/PublishModal/components/LangSelect.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
-import Select from "../../../../components/Select/Select.js";
+import { Select } from "../../../../components/Select/Select.js";
 import { useLanguageOptions } from "../hooks/useLanguageOptions.js";
 const defaultSelectLanguageOption = "bpr.form.publication.language", LangSelect = ({
   control

package/dist/modules/modals/PublishModal/components/SubjectsDropdown.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 import { useTranslation } from "react-i18next";
-import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import { Dropdown } from "../../../../components/Dropdown/Dropdown.js";
 import { useSubjectsOptions } from "../hooks/useSubjectsOptions.js";
 const SubjectsDropdown = ({
   control,

package/dist/modules/modals/ResourceModal/ResourceModal.d.ts

@@ -26,5 +26,5 @@ interface UpdateProps extends BaseProps {
     resourceId: ID;
 }
 type Props = CreateProps | UpdateProps;
-declare const ResourceModal: ({ isOpen, onCancel, onSuccess, children, inputMaxLength, textareaMaxLength, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ResourceModal: ({ isOpen, onCancel, onSuccess, children, inputMaxLength, textareaMaxLength, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ResourceModal;

package/dist/modules/modals/ResourceModal/ResourceModal.js

@@ -12,14 +12,14 @@ import useResource from "../../../core/useResource/useResource.js";
 import MediaLibrary from "../../multimedia/MediaLibrary/MediaLibrary.js";
 import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
 import useMediaLibrary from "../../../core/useMediaLibrary/useMediaLibrary.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-import Modal from "../../../components/Modal/Modal.js";
-import Heading from "../../../components/Heading/Heading.js";
-import FormControl from "../../../components/Form/FormControl.js";
-import Label from "../../../components/Label/Label.js";
-import Input from "../../../components/Input/Input.js";
-import TextArea from "../../../components/TextArea/TextArea.js";
-import Button from "../../../components/Button/Button.js";
+import { LoadingScreen } from "../../../components/LoadingScreen/LoadingScreen.js";
+import { Modal } from "../../../components/Modal/Modal.js";
+import { Heading } from "../../../components/Heading/Heading.js";
+import { FormControl } from "../../../components/Form/FormControl.js";
+import { Label } from "../../../components/Label/Label.js";
+import { Input } from "../../../components/Input/Input.js";
+import { TextArea } from "../../../components/TextArea/TextArea.js";
+import { Button } from "../../../components/Button/Button.js";
 const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, ResourceModal = ({
   isOpen,
   onCancel,
@@ -150,7 +150,8 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
     ] }),
     /* @__PURE__ */ jsx(MediaLibrary, { appCode, ref: mediaLibraryRef, multiple: !1, visibility: "protected", ...mediaLibraryHandlers })
   ] }), document.getElementById("portal"));
-}, ResourceModal$1 = ResourceModal;
+};
 export {
-  ResourceModal$1 as default
+  ResourceModal,
+  ResourceModal as default
 };

package/dist/modules/modals/ResourceModal/apps/BlogPublic.d.ts

@@ -9,5 +9,5 @@ interface BlogPublicProps {
     register: UseFormRegister<FormInputs>;
     setValue: UseFormSetValue<FormInputs>;
 }
-declare const BlogPublic: ({ appCode, isUpdating, resource, watch, register, setValue, }: BlogPublicProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogPublic: ({ appCode, isUpdating, resource, watch, register, setValue, }: BlogPublicProps) => import("react/jsx-runtime").JSX.Element;
 export default BlogPublic;

package/dist/modules/modals/ResourceModal/apps/BlogPublic.js

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { useSlug } from "../hooks/useSlug.js";
-import Alert from "../../../../components/Alert/Alert.js";
-import Heading from "../../../../components/Heading/Heading.js";
-import FormControl from "../../../../components/Form/FormControl.js";
-import Input from "../../../../components/Input/Input.js";
-import Button from "../../../../components/Button/Button.js";
+import { Alert } from "../../../../components/Alert/Alert.js";
+import { Heading } from "../../../../components/Heading/Heading.js";
+import { FormControl } from "../../../../components/Form/FormControl.js";
+import { Input } from "../../../../components/Input/Input.js";
+import { Button } from "../../../../components/Button/Button.js";
 import { Icon } from "../../../../components/Icon/Icon.js";
 const BlogPublic = ({
   appCode,
@@ -56,7 +56,8 @@ const BlogPublic = ({
       ] })
     ] })
   ] });
-}, BlogPublic$1 = BlogPublic;
+};
 export {
-  BlogPublic$1 as default
+  BlogPublic,
+  BlogPublic as default
 };

package/dist/modules/modals/ResourceModal/hooks/useUpdateMutation.d.ts

@@ -1,6 +1,6 @@
 import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
 import { UpdateParameters, UpdateResult } from 'edifice-ts-client';
-declare const useUpdateMutation: ({ application, options, }: {
+export declare const useUpdateMutation: ({ application, options, }: {
     application: string;
     options?: UseMutationOptions<UpdateResult, Error, UpdateParameters, unknown> | undefined;
 }) => UseMutationResult<UpdateResult, Error, UpdateParameters>;

package/dist/modules/modals/ResourceModal/hooks/useUpdateMutation.js

@@ -6,7 +6,8 @@ const useUpdateMutation = ({
 }) => useMutation({
   mutationFn: async (params) => await odeServices.resource(application).update(params),
   ...options
-}), useUpdateMutation$1 = useUpdateMutation;
+});
 export {
-  useUpdateMutation$1 as default
+  useUpdateMutation as default,
+  useUpdateMutation
 };

package/dist/modules/modals/ResourceModal/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ResourceModal } from './ResourceModal';
-export { default as useUpdateMutation } from './hooks/useUpdateMutation';
-export { default as BlogPublic } from './apps/BlogPublic';
+export * from './ResourceModal';
+export * from './apps/BlogPublic';
+export * from './hooks/useUpdateMutation';

package/dist/modules/modals/ShareModal/apps/ShareBlog.d.ts

@@ -5,4 +5,5 @@ export interface ShareBlogProps {
     resourceId: ID;
     updateResource?: UseMutationResult<UpdateResult, unknown, UpdateParameters, unknown>;
 }
-export default function ShareBlog({ resourceId, updateResource, }: ShareBlogProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShareBlog({ resourceId, updateResource }: ShareBlogProps): import("react/jsx-runtime").JSX.Element;
+export default ShareBlog;

package/dist/modules/modals/ShareModal/apps/ShareBlog.js

@@ -3,9 +3,9 @@ import { useState } from "react";
 import { odeServices } from "edifice-ts-client";
 import { useTranslation } from "react-i18next";
 import useResource from "../../../../core/useResource/useResource.js";
-import Radio from "../../../../components/Radio/Radio.js";
 import { useOdeClient } from "../../../../core/OdeClientProvider/OdeClientProvider.js";
-import Heading from "../../../../components/Heading/Heading.js";
+import { Heading } from "../../../../components/Heading/Heading.js";
+import { Radio } from "../../../../components/Radio/Radio.js";
 function ShareBlog({
   resourceId,
   updateResource
@@ -38,5 +38,6 @@ function ShareBlog({
   ] });
 }
 export {
+  ShareBlog,
   ShareBlog as default
 };

package/dist/modules/modals/ShareModal/hooks/useShareMutation.d.ts

@@ -1,6 +1,6 @@
 import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
 import { PutShareResponse, ShareRight } from 'edifice-ts-client';
-declare const useShareMutation: ({ application, options, }: {
+export declare const useShareMutation: ({ application, options, }: {
     application: string;
     options?: UseMutationOptions<PutShareResponse, Error, {
         resourceId: string;

package/dist/modules/modals/ShareModal/hooks/useShareMutation.js

@@ -9,7 +9,8 @@ const useShareMutation = ({
     rights
   }) => await odeServices.share().saveRights(application, resourceId, rights),
   ...options
-}), useShareMutation$1 = useShareMutation;
+});
 export {
-  useShareMutation$1 as default
+  useShareMutation as default,
+  useShareMutation
 };

package/dist/modules/modals/ShareModal/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ShareModal } from './ShareModal';
-export { default as ShareBlog } from './apps/ShareBlog';
-export { default as useShareMutation } from './hooks/useShareMutation';
+export * from './ShareModal';
+export * from './apps/ShareBlog';
+export * from './hooks/useShareMutation';

package/dist/modules/multimedia/AudioRecorder/AudioRecorder.js

@@ -4,9 +4,9 @@ import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import AudioRecorderTimer from "./AudioRecorderTimer.js";
 import useAudioRecorder from "./useAudioRecorder.js";
-import Input from "../../../components/Input/Input.js";
-import Toolbar from "../../../components/Toolbar/Toolbar.js";
-import FormControl from "../../../components/Form/FormControl.js";
+import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
+import { FormControl } from "../../../components/Form/FormControl.js";
+import { Input } from "../../../components/Input/Input.js";
 import { Icon } from "../../../components/Icon/Icon.js";
 const AudioRecorder = /* @__PURE__ */ forwardRef(({
   onSaveSuccess,

package/dist/modules/multimedia/Embed/Embed.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import TextArea from "../../../components/TextArea/TextArea.js";
+import { TextArea } from "../../../components/TextArea/TextArea.js";
 import { Icon } from "../../../components/Icon/Icon.js";
-import FormControl from "../../../components/Form/FormControl.js";
+import { FormControl } from "../../../components/Form/FormControl.js";
 const Embed = ({
   onSuccess
 }) => {

package/dist/modules/multimedia/ImageEditor/components/ImageEditor.js

@@ -4,12 +4,12 @@ import { Stage } from "@pixi/react";
 import { useTranslation } from "react-i18next";
 import useImageEditor from "../hooks/useImageEditor.js";
 import ImageEditorToolbar from "./ImageEditorToolbar.js";
-import Modal from "../../../../components/Modal/Modal.js";
-import LoadingScreen from "../../../../components/LoadingScreen/LoadingScreen.js";
-import FormControl from "../../../../components/Form/FormControl.js";
-import Label from "../../../../components/Label/Label.js";
-import Input from "../../../../components/Input/Input.js";
-import Button from "../../../../components/Button/Button.js";
+import { Modal } from "../../../../components/Modal/Modal.js";
+import { LoadingScreen } from "../../../../components/LoadingScreen/LoadingScreen.js";
+import { FormControl } from "../../../../components/Form/FormControl.js";
+import { Label } from "../../../../components/Label/Label.js";
+import { Input } from "../../../../components/Input/Input.js";
+import { Button } from "../../../../components/Button/Button.js";
 const ImageEditor = ({
   altText: altTextParam,
   legend: legendParam,

package/dist/modules/multimedia/ImageEditor/components/ImageEditorToolbar.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../../../components/Icon/Icon.js";
-import Toolbar from "../../../../components/Toolbar/Toolbar.js";
+import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
 const ImageEditorToolbar = ({
   historyCount,
   handle

package/dist/modules/multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import IconButton from "../../../components/Button/IconButton.js";
-import Avatar from "../../../components/Avatar/Avatar.js";
+import { IconButton } from "../../../components/Button/IconButton.js";
 import { Icon } from "../../../components/Icon/Icon.js";
+import { Avatar } from "../../../components/Avatar/Avatar.js";
 import { AppIcon } from "../../../components/AppIcon/AppIcon.js";
 const ImagePickerWorkspace = ({
   addButtonLabel = "Add image",

package/dist/modules/multimedia/Linker/ExternalLinker.js

@@ -3,10 +3,10 @@ import { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { StringUtils } from "../../../utils/StringUtils.js";
 import useToggle from "../../../hooks/useToggle/useToggle.js";
-import Label from "../../../components/Label/Label.js";
-import Checkbox from "../../../components/Checkbox/Checkbox.js";
-import FormControl from "../../../components/Form/FormControl.js";
-import Input from "../../../components/Input/Input.js";
+import { FormControl } from "../../../components/Form/FormControl.js";
+import { Label } from "../../../components/Label/Label.js";
+import { Input } from "../../../components/Input/Input.js";
+import { Checkbox } from "../../../components/Checkbox/Checkbox.js";
 const ExternalLinker = ({
   link,
   onChange,

package/dist/modules/multimedia/Linker/InternalLinker.js

@@ -2,15 +2,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import { odeServices } from "edifice-ts-client";
 import { useTranslation } from "react-i18next";
-import LinkerCard from "../LinkerCard/LinkerCard.js";
+import { LinkerCard } from "../LinkerCard/LinkerCard.js";
 import { useResourceSearch } from "../../../core/useResourceSearch/useResourceSearch.js";
 import useDebounce from "../../../hooks/useDebounce/useDebounce.js";
-import Dropdown from "../../../components/Dropdown/Dropdown.js";
-import SearchBar from "../../../components/SearchBar/SearchBar.js";
-import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
+import { SearchBar } from "../../../components/SearchBar/SearchBar.js";
+import { EmptyScreen } from "../../../components/EmptyScreen/EmptyScreen.js";
 import usePaths from "../../../core/usePaths/usePaths.js";
 import { useOdeTheme } from "../../../core/ThemeProvider/ThemeProvider.js";
 import { AppIcon } from "../../../components/AppIcon/AppIcon.js";
+import { Dropdown } from "../../../components/Dropdown/Dropdown.js";
 import { Icon } from "../../../components/Icon/Icon.js";
 const InternalLinker = ({
   appCode,

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

@@ -6,7 +6,7 @@ export interface LinkerCardProps extends CardProps {
      * */
     doc: IResource;
 }
-declare const LinkerCard: {
+export declare const LinkerCard: {
     ({ doc, isClickable, isSelectable, isSelected, onClick, className, }: LinkerCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/modules/multimedia/LinkerCard/LinkerCard.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import clsx from "clsx";
 import useDate from "../../../core/useDate/useDate.js";
-import Card from "../../../components/Card/Card.js";
-import Image from "../../../components/Image/Image.js";
+import { Card } from "../../../components/Card/Card.js";
+import { Image } from "../../../components/Image/Image.js";
 import { AppIcon } from "../../../components/AppIcon/AppIcon.js";
 import { Icon } from "../../../components/Icon/Icon.js";
 const LinkerCard = ({
@@ -32,7 +32,8 @@ const LinkerCard = ({
     /* @__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(Icon, { name: "users", size: "20" }) })
   ] }) });
-}, LinkerCard$1 = LinkerCard;
+};
 export {
-  LinkerCard$1 as default
+  LinkerCard,
+  LinkerCard as default
 };

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

@@ -1,2 +1 @@
-export { default as LinkerCard } from './LinkerCard';
 export * from './LinkerCard';

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

@@ -2,14 +2,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useMemo, useEffect, useCallback } from "react";
 import { odeServices } from "edifice-ts-client";
 import { useTranslation } from "react-i18next";
-import Modal from "../../../components/Modal/Modal.js";
+import { Modal } from "../../../components/Modal/Modal.js";
 import { MediaLibraryContext } from "./MediaLibraryContext.js";
 import { InnerTabs } from "./innertabs/index.js";
 import { useHttpErrorToast } from "../../../core/useHttpErrorToast/useHttpErrorToast.js";
 import useHasWorkflow from "../../../core/useHasWorkflow/useHasWorkflow.js";
-import Tabs from "../../../components/Tabs/Tabs.js";
+import { Tabs } from "../../../components/Tabs/Tabs.js";
 import { Icon } from "../../../components/Icon/Icon.js";
-import Button from "../../../components/Button/Button.js";
+import { Button } from "../../../components/Button/Button.js";
 const orderedTabs = [
   "audio-capture",
   "video-capture",

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

@@ -4,7 +4,7 @@ import { useTranslation } from "react-i18next";
 import InternalLinker from "../../Linker/InternalLinker.js";
 import { useMediaLibraryContext } from "../MediaLibraryContext.js";
 import useToggle from "../../../../hooks/useToggle/useToggle.js";
-import Checkbox from "../../../../components/Checkbox/Checkbox.js";
+import { Checkbox } from "../../../../components/Checkbox/Checkbox.js";
 const InternalLink = ({
   target,
   resourceId,

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import Dropzone from "../../../../components/Dropzone/Dropzone.js";
+import { Dropzone } from "../../../../components/Dropzone/Dropzone.js";
 import UploadFiles from "../../UploadFiles/UploadFiles.js";
 const acceptedTypes = (type) => {
   const acceptedTypes2 = [];

package/dist/modules/multimedia/VideoEmbed/VideoEmbed.js

@@ -6,11 +6,11 @@ import { useMediaLibraryContext } from "../MediaLibrary/MediaLibraryContext.js";
 import useDebounce from "../../../hooks/useDebounce/useDebounce.js";
 import usePaths from "../../../core/usePaths/usePaths.js";
 import { Icon } from "../../../components/Icon/Icon.js";
-import FormControl from "../../../components/Form/FormControl.js";
-import Input from "../../../components/Input/Input.js";
-import Image from "../../../components/Image/Image.js";
-import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
-import Button from "../../../components/Button/Button.js";
+import { FormControl } from "../../../components/Form/FormControl.js";
+import { Input } from "../../../components/Input/Input.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
 }) => {

package/dist/modules/multimedia/VideoRecorder/VideoRecorder.js

@@ -5,13 +5,13 @@ import { useTranslation } from "react-i18next";
 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 { Select } from "../../../components/Select/Select.js";
 import { Icon } from "../../../components/Icon/Icon.js";
-import FormControl from "../../../components/Form/FormControl.js";
-import Label from "../../../components/Label/Label.js";
+import { FormControl } from "../../../components/Form/FormControl.js";
+import { Label } from "../../../components/Label/Label.js";
 import { convertMsToMS } from "../../../utils/time.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
+import { LoadingScreen } from "../../../components/LoadingScreen/LoadingScreen.js";
 const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwardRef(({
   appCode,
   caption,

package/dist/modules/multimedia/Workspace/Workspace.js

@@ -4,13 +4,13 @@ import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 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 FileCard from "../../../components/FileCard/FileCard.js";
-import Dropdown from "../../../components/Dropdown/Dropdown.js";
+import { TreeView } from "../../../components/TreeView/TreeView.js";
+import { FileCard } from "../../../components/FileCard/FileCard.js";
+import { SearchBar } from "../../../components/SearchBar/SearchBar.js";
+import { Dropdown } from "../../../components/Dropdown/Dropdown.js";
 import { Icon } from "../../../components/Icon/Icon.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
+import { LoadingScreen } from "../../../components/LoadingScreen/LoadingScreen.js";
+import { EmptyScreen } from "../../../components/EmptyScreen/EmptyScreen.js";
 import { findTreeNode } from "../../../utils/findTreeNode.js";
 const Workspace = ({
   roles,

package/dist/multimedia.js

@@ -3,17 +3,17 @@ import { default as default3 } from "./modules/multimedia/Workspace/Workspace.js
 import { default as default4 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
 import { default as default5 } from "./modules/multimedia/Linker/InternalLinker.js";
 import { default as default6 } from "./modules/multimedia/Linker/ExternalLinker.js";
-import { default as default7 } from "./modules/multimedia/LinkerCard/LinkerCard.js";
-import { default as default8 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default9 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default10 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { LinkerCard } from "./modules/multimedia/LinkerCard/LinkerCard.js";
+import { default as default7 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default8 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default9 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
 export {
-  default8 as AudioRecorder,
-  default9 as Embed,
+  default7 as AudioRecorder,
+  default8 as Embed,
   default6 as ExternalLinker,
-  default10 as ImageEditor,
+  default9 as ImageEditor,
   default5 as InternalLinker,
-  default7 as LinkerCard,
+  LinkerCard,
   default2 as MediaLibrary,
   default4 as VideoRecorder,
   default3 as Workspace

package/dist/portal/Header/Header.js

@@ -13,13 +13,13 @@ import useConversation from "../../core/useConversation/useConversation.js";
 import useUser from "../../core/useUser/useUser.js";
 import useHasWorkflow from "../../core/useHasWorkflow/useHasWorkflow.js";
 import useHeader from "../../core/useHeader/useHeader.js";
-import Avatar from "../../components/Avatar/Avatar.js";
-import VisuallyHidden from "../../components/VisuallyHidden/VisuallyHidden.js";
+import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
 import Help from "../Help/Help.js";
-import Logo from "../../components/Logo/Logo.js";
+import { Logo } from "../../components/Logo/Logo.js";
 import { Popover, PopoverBody, PopoverFooter } from "../../components/Popover/Popover.js";
 import { useOdeClient } from "../../core/OdeClientProvider/OdeClientProvider.js";
 import { useOdeTheme } from "../../core/ThemeProvider/ThemeProvider.js";
+import { Avatar } from "../../components/Avatar/Avatar.js";
 import { Icon } from "../../components/Icon/Icon.js";
 const Header = ({
   is1d = !1,