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

package/dist/components/Card/Card.js

@@ -9,12 +9,13 @@ import CardImage from "./CardImage.js";
 import CardText from "./CardText.js";
 import CardTitle from "./CardTitle.js";
 import CardUser from "./CardUser.js";
-import useOdeIcons from "../../core/useOdeIcons/useOdeIcons.js";
+import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
 const Root = /* @__PURE__ */ forwardRef(({
   app,
   isSelectable = !0,
   isClickable = !0,
   isSelected = !1,
+  isFocused = !1,
   onClick,
   onSelect,
   children,
@@ -22,7 +23,7 @@ const Root = /* @__PURE__ */ forwardRef(({
 }, ref) => {
   const {
     getIconCode
-  } = useOdeIcons(), appCode = app ? getIconCode(app) : "placeholder", values = useMemo(() => ({
+  } = useEdificeIcons(), appCode = app ? getIconCode(app) : "placeholder", values = useMemo(() => ({
     app,
     appCode,
     isSelectable,
@@ -31,6 +32,7 @@ const Root = /* @__PURE__ */ forwardRef(({
     onSelect
   }), [app, appCode, isSelectable, isClickable, onClick, onSelect]);
   return /* @__PURE__ */ jsx(CardContext.Provider, { value: values, children: /* @__PURE__ */ jsxs("div", { ref, className: clsx("card", {
+    "drag-focus": isFocused,
     "is-selected": isSelected,
     "c-pointer": isClickable
   }, className), children: [
@@ -45,7 +47,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   User: CardUser,
   Footer: CardFooter,
   Header: CardHeader
-}), Card$1 = Card;
+});
 export {
-  Card$1 as default
+  Card as default
 };

package/dist/components/Card/CardBody.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 declare const CardBody: {
     ({ children, space, flexDirection, }: {
-        space?: "0" | "8" | "16" | null | undefined;
-        flexDirection?: "row" | "column" | null | undefined;
+        space?: "0" | "8" | "16" | null;
+        flexDirection?: "row" | "column" | null;
         children: ReactNode;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/Card/CardContext.d.ts

@@ -1,6 +1,6 @@
-import { IWebApp } from 'edifice-ts-client';
+import { IWebApp } from '@edifice.io/ts-client';
 import { CardProps } from './Card';
-export interface CardContextProps extends Omit<CardProps, 'children' | 'className'> {
+export interface CardContextProps extends Omit<CardProps, "children" | "className"> {
     app?: IWebApp | undefined;
     appCode: string | undefined;
     isSelectable?: boolean;

package/dist/components/Card/CardHeader.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Options } from "@edifice.io/icons";
+import { useTranslation } from "react-i18next";
+import SvgIconOptions from "../../modules/icons/components/IconOptions.js";
 import { useCardContext } from "./CardContext.js";
 import IconButton from "../Button/IconButton.js";
 const CardHeader = () => {
@@ -8,10 +9,12 @@ const CardHeader = () => {
     isClickable,
     onClick,
     onSelect
-  } = useCardContext();
+  } = useCardContext(), {
+    t
+  } = useTranslation();
   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,
-    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
+    isSelectable ? /* @__PURE__ */ jsx(IconButton, { "aria-label": t("card.open.menu"), className: "z-3 bg-white", color: "secondary", icon: /* @__PURE__ */ jsx(SvgIconOptions, {}), onClick: onSelect, variant: "ghost" }) : null,
+    isClickable ? /* @__PURE__ */ jsx("button", { type: "button", onClick, className: "position-absolute bottom-0 end-0 top-0 start-0 opacity-0 z-1 w-100", "aria-label": t("card.open.resource") }) : null
   ] }) : null;
 };
 export {

package/dist/components/Card/CardImage.d.ts

@@ -1,8 +1,8 @@
 declare const CardImage: {
     ({ imageSrc, className, variant, }: {
         imageSrc?: string | undefined;
-        className?: string | undefined;
-        variant?: "small" | "medium" | "landscape" | undefined;
+        className?: string;
+        variant?: "small" | "medium" | "landscape";
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Card/CardImage.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useCardContext } from "./CardContext.js";
 import Image from "../Image/Image.js";
-import { AppIcon } from "../AppIcon/AppIcon.js";
+import AppIcon from "../AppIcon/AppIcon.js";
 const CardImage = ({
   imageSrc,
   className,

package/dist/components/Card/CardText.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 declare const CardText: {
     ({ children, className, }: {
         children: ReactNode;
-        className?: string | undefined;
+        className?: string;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Card/CardTitle.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 declare const CardTitle: {
     ({ children, className, }: {
         children: ReactNode;
-        className?: string | undefined;
+        className?: string;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Card/CardUser.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { OneProfile } from "@edifice.io/icons/nav";
+import SvgIconOneProfile from "../../modules/icons/components/nav/IconOneProfile.js";
 import Avatar from "../Avatar/Avatar.js";
 const CardUser = ({
   userSrc,
   creatorName
-}) => userSrc ? /* @__PURE__ */ jsx(Avatar, { alt: creatorName || "", size: "xs", src: userSrc, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ jsx(OneProfile, {});
+}) => userSrc ? /* @__PURE__ */ jsx(Avatar, { alt: creatorName || "", size: "xs", src: userSrc, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ jsx(SvgIconOneProfile, {});
 export {
   CardUser as default
 };

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /**
      * Add a label

package/dist/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/ColorPicker/ColorPalette.d.ts

@@ -12,7 +12,7 @@ export interface ColorPaletteItem {
      * Is it a dark or light color ?
      * When undefined, will be considered Dark.
      */
-    hue?: 'dark' | 'light';
+    hue?: "dark" | "light";
     /**
      * Is it intended to be a reset color ?
      */

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithRef } from 'react';
 import { ColorPalette, ColorPaletteItem } from './ColorPalette';
-export interface ColorPickerProps extends ComponentPropsWithRef<'div'> {
+export interface ColorPickerProps extends ComponentPropsWithRef<"div"> {
     /**
      * Palettes of pickable colors
      */

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,8 +1,9 @@
 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 SvgIconDeleteColor from "../../modules/icons/components/IconDeleteColor.js";
+import SvgIconInfoCircle from "../../modules/icons/components/IconInfoCircle.js";
 import { DefaultPalette, AccessiblePalette } from "./ColorPalette.js";
 import ColorPickerItem from "./ColorPickerItem.js";
 import Tooltip from "../Tooltip/Tooltip.js";
@@ -20,18 +21,18 @@ 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(SvgIconInfoCircle, { 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 }),
+    palette.reset && /* @__PURE__ */ jsxs("button", { type: "button", className: "color-picker-reset small my-8 gap-4", onClick: () => handleClick(palette.reset), children: [
+      /* @__PURE__ */ jsx(SvgIconDeleteColor, { 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)) })
+    /* @__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", { type: "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)) })
   ] }, paletteIdx)) });
-}), ColorPicker$1 = ColorPicker;
+});
 export {
-  ColorPicker$1 as default
+  ColorPicker as default
 };

package/dist/components/ColorPicker/ColorPickerItem.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
-import { DeleteColor } from "@edifice.io/icons";
 import clsx from "clsx";
+import SvgIconDeleteColor from "../../modules/icons/components/IconDeleteColor.js";
 const ColorPickerItem = ({
   model,
   selected,
   className
-}) => model.isReset ? /* @__PURE__ */ jsx(DeleteColor, {}) : /* @__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: {
+}) => model.isReset ? /* @__PURE__ */ jsx(SvgIconDeleteColor, {}) : /* @__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
+  ColorPickerItem as default
 };

package/dist/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/Combobox/ComboboxTrigger.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent } from 'react';
-export interface ComboboxTriggerProps extends React.ComponentPropsWithRef<'button'> {
+export interface ComboboxTriggerProps extends React.ComponentPropsWithRef<"button"> {
     handleSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
     value: string;
     searchMinLength?: number;

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

@@ -50,7 +50,7 @@ export type DropdownMenuOptions = {
     /**
      * Object type
      */
-    type: 'divider';
+    type: "divider";
 };
 declare const Dropdown: {
     ({ children, block, overflow, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, }: DropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/Dropdown.js

@@ -45,7 +45,7 @@ const Root = ({
   });
   return useEffect(() => {
     onToggle == null || onToggle(visible);
-  }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs) : children }) });
+  }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs, setVisible) : children }) });
 }, Dropdown = /* @__PURE__ */ Object.assign(Root, {
   Trigger: DropdownTrigger,
   Menu: DropdownMenu,
@@ -54,7 +54,7 @@ const Root = ({
   CheckboxItem: DropdownCheckboxItem,
   RadioItem: DropdownRadioItem,
   MenuGroup: DropdownMenuGroup
-}), Dropdown$1 = Dropdown;
+});
 export {
-  Dropdown$1 as default
+  Dropdown as default
 };

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

@@ -1,5 +1,5 @@
 import { UseDropdownProps } from '../../hooks/useDropdown/useDropdown';
-type OmittedProps = Omit<UseDropdownProps, 'triggerRef' | 'menuRef'>;
+type OmittedProps = Omit<UseDropdownProps, "triggerRef" | "menuRef">;
 export interface DropdownContextProps extends OmittedProps {
     block?: boolean;
 }

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

@@ -3,7 +3,7 @@ export interface DropdownItemProps {
     /**
      * Object type
      */
-    type?: 'action' | 'select';
+    type?: "action" | "select";
     /**
      * Icon component
      */

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

@@ -21,10 +21,10 @@ interface Divider {
     /**
      * Object type
      */
-    type: 'divider';
+    type: "divider";
 }
 export type DropdownMenuOptions = Item | Divider;
-export interface DropdownMenuProps extends ComponentPropsWithRef<'div'> {
+export interface DropdownMenuProps extends ComponentPropsWithRef<"div"> {
     children: ReactNode;
     /** Use whole width ? */
     block?: boolean;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export interface DropdownTriggerProps extends React.ComponentPropsWithRef<'button'> {
+export interface DropdownTriggerProps extends React.ComponentPropsWithRef<"button"> {
     /**
      * Dropdown trigger title
      */
@@ -15,11 +14,11 @@ export interface DropdownTriggerProps extends React.ComponentPropsWithRef<'butto
     /**
      * Set appearance
      */
-    variant?: 'ghost';
+    variant?: "ghost";
     /**
      * Button size
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: "sm" | "md" | "lg";
     /**
      * Disabled Trigger
      * */

package/dist/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 SvgIconRafterUp from "../../modules/icons/components/IconRafterUp.js";
 import { useDropdownContext } from "./DropdownContext.js";
 const DropdownTrigger = /* @__PURE__ */ forwardRef(({
   label,
@@ -23,10 +23,10 @@ const DropdownTrigger = /* @__PURE__ */ forwardRef(({
     ...restProps,
     className
   };
-  return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, disabled, ...mergedProps, children: [
+  return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, type: "button", 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(SvgIconRafterUp, { width: 16, height: 16, className: "dropdown-toggle-caret" })
   ] });
 });
 export {

package/dist/components/Dropzone/Dropzone.d.ts

@@ -1,17 +1,41 @@
 import { ReactNode } from 'react';
+/**
+ * Props for the Dropzone component.
+ */
 interface DropzoneProps {
+    /**
+     * Optional additional class names to apply to the dropzone.
+     */
     className?: string;
-    /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers */
+    /**
+     * Array of accepted file types.
+     * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers | MDN Documentation}.
+     */
     accept?: string[];
+    /**
+     * Whether multiple files can be selected.
+     */
     multiple?: boolean;
+    /**
+     * Whether the dropzone should handle the file drop.
+     */
     handle?: boolean;
+    /**
+     * The content to be rendered inside the dropzone.
+     */
     children?: ReactNode;
 }
+/**
+ *
+ * The Dropzone component allows to add or remove files. A `useDropzoneContext` hook is available to manage a specific UI component for handling file uploads.
+ *
+ */
 declare const Dropzone: {
     ({ className, accept, multiple, handle, children, }: DropzoneProps): import("react/jsx-runtime").JSX.Element;
     File: {
-        ({ children }: {
+        ({ children, multiple, }: {
             children: ReactNode;
+            multiple?: boolean;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };

package/dist/components/Dropzone/Dropzone.js

@@ -37,9 +37,9 @@ const Dropzone = ({
     replaceFileAt
   }), [addFile, deleteFile, replaceFileAt, files, inputRef]);
   return /* @__PURE__ */ jsx(DropzoneContext.Provider, { value, children: /* @__PURE__ */ jsxs("div", { className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: files.length > 0 && !multiple ? void 0 : handleDrop, children: [
-    /* @__PURE__ */ jsxs("div", { className: "align-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "d-flex flex-fill", children: [
       handle ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Dropzone.File, { children }),
+        /* @__PURE__ */ jsx(Dropzone.File, { multiple, children }),
         /* @__PURE__ */ jsx(Dropzone.Import, {})
       ] }),
       /* @__PURE__ */ jsx(Dropzone.Drag, {})
@@ -50,7 +50,6 @@ const Dropzone = ({
 Dropzone.File = DropzoneFile;
 Dropzone.Import = DropzoneImport;
 Dropzone.Drag = DropzoneDrag;
-const Dropzone$1 = Dropzone;
 export {
-  Dropzone$1 as default
+  Dropzone as default
 };

package/dist/components/Dropzone/DropzoneContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface DropzoneContextType {
     inputRef: React.MutableRefObject<HTMLInputElement | null>;
     files: File[];

package/dist/components/Dropzone/DropzoneFile.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 declare const DropzoneFile: {
-    ({ children }: {
+    ({ children, multiple, }: {
         children: ReactNode;
+        multiple?: boolean;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Dropzone/DropzoneFile.js

@@ -1,26 +1,24 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Plus } from "@edifice.io/icons";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
-import { useMediaLibraryContext } from "../../multimedia/MediaLibrary/MediaLibraryContext.js";
+import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
 import Button from "../Button/Button.js";
 import { useDropzoneContext } from "./DropzoneContext.js";
 const DropzoneFile = ({
-  children
+  children,
+  multiple
 }) => {
   const {
     t
   } = useTranslation(), {
     files,
     inputRef
-  } = useDropzoneContext(), {
-    multiple
-  } = useMediaLibraryContext(), hasFiles = files && files.length > 0, classes = clsx("drop-file-wrapper", {
+  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("drop-file-wrapper", {
     "d-block": hasFiles,
     "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(SvgIconPlus, {}), 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/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 SvgIconDownload from "../../modules/icons/components/IconDownload.js";
 import Button from "../Button/Button.js";
 import { useDropzoneContext } from "./DropzoneContext.js";
 const DropzoneImport = () => {
@@ -10,12 +10,12 @@ const DropzoneImport = () => {
   } = useTranslation(), {
     files,
     inputRef
-  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("import-wrapper", {
+  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("dropzone-import-wrapper", {
     "d-flex": !hasFiles,
     "d-none": hasFiles
   });
   return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx(Download, { height: 48, width: 48 }),
+    /* @__PURE__ */ jsx(SvgIconDownload, { height: 48, width: 48 }),
     /* @__PURE__ */ jsx("p", { className: "my-16", children: t("dropzone.text") }),
     /* @__PURE__ */ jsx(Button, { onClick: () => {
       var _a;

package/dist/components/Dropzone/index.d.ts

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

package/dist/components/EmptyScreen/EmptyScreen.d.ts

@@ -15,13 +15,17 @@ export interface EmptyScreenProps {
      * Text to display
      */
     text?: string;
+    /**
+     * Size of the EmptyScreen image. Must be square
+     */
+    size?: number;
     /**
      * Optional class for styling purpose
      */
     className?: string;
 }
 declare const EmptyScreen: {
-    ({ imageSrc, imageAlt, title, text, className, }: EmptyScreenProps): import("react/jsx-runtime").JSX.Element;
+    ({ imageSrc, imageAlt, title, text, size, className, }: EmptyScreenProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default EmptyScreen;

package/dist/components/EmptyScreen/EmptyScreen.js

@@ -6,15 +6,16 @@ const EmptyScreen = ({
   imageAlt = "",
   title,
   text,
+  size = 250,
   className
 }) => {
   const textClass = clsx("text", className);
   return /* @__PURE__ */ jsxs("div", { className: "emptyscreen", children: [
-    imageSrc && /* @__PURE__ */ jsx("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ jsx("img", { className: "mx-auto", src: imageSrc, alt: imageAlt, width: "250", height: "250" }) }),
+    imageSrc && /* @__PURE__ */ jsx("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ jsx("img", { className: "mx-auto", src: imageSrc, alt: imageAlt, width: size, height: size }) }),
     title && /* @__PURE__ */ jsx(Heading, { level: "h2", headingStyle: "h2", className: "text-secondary mb-8", children: title }),
     text && /* @__PURE__ */ jsx("div", { className: textClass, children: text })
   ] });
-}, EmptyScreen$1 = EmptyScreen;
+};
 export {
-  EmptyScreen$1 as default
+  EmptyScreen as default
 };

package/dist/components/Form/FormContext.d.ts

@@ -1,5 +1,5 @@
 import { FormControlProps } from './FormControl';
-type Props = Omit<FormControlProps, 'className' | 'children'>;
+type Props = Omit<FormControlProps, "className" | "children">;
 export type FormContextProps = Props;
 export declare const Context: import('react').Context<Props | null>;
 export declare const useFormControl: () => Props;

package/dist/components/Form/FormControl.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export interface FormControlProps extends React.ComponentPropsWithRef<'div'> {
+export interface FormControlProps extends React.ComponentPropsWithRef<"div"> {
     /**
      * For accessibility
      */
@@ -27,11 +27,11 @@ export interface FormControlProps extends React.ComponentPropsWithRef<'div'> {
     /**
      * Status to handle Form Validation
      */
-    status?: 'valid' | 'invalid';
+    status?: "valid" | "invalid";
 }
 declare const FormControl: import('react').ForwardRefExoticComponent<Omit<FormControlProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
-    Label: import('react').ForwardRefExoticComponent<Omit<import('../Label').LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
-    Input: import('react').ForwardRefExoticComponent<Omit<import('../Input').InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+    Label: import('react').ForwardRefExoticComponent<Omit<import('..').LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    Input: import('react').ForwardRefExoticComponent<Omit<import('..').InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
     Text: {
         ({ children }: {
             children: ReactNode;

package/dist/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/Form/FormText.js

@@ -11,7 +11,7 @@ const FormText = ({
     valid: status === "valid"
   });
   return /* @__PURE__ */ jsx("p", { className: classes, children: /* @__PURE__ */ jsx("em", { children }) });
-}, FormText$1 = FormText;
+};
 export {
-  FormText$1 as default
+  FormText as default
 };

package/dist/components/Grid/Grid.d.ts

@@ -9,7 +9,7 @@ export interface GridProps {
      */
     className?: string;
 }
-export interface GridColProps extends React.ComponentPropsWithoutRef<'div'> {
+export interface GridColProps extends React.ComponentPropsWithoutRef<"div"> {
     /**
      * Size on Mobile
      */

package/dist/components/Heading/Heading.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     /**
      * Level of Heading