@sustaina/shared-ui 1.15.0 → 1.17.0

package/dist/index.js

@@ -887,7 +887,7 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        "border-input data-[placeholder]:text-gray-00 [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[state=open]:border-ring data-[state=open]:[&_svg]:text-foreground",
+        "border-input data-placeholder:text-gray-00 [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[state=open]:border-ring data-[state=open]:[&_svg]:text-foreground",
         className
       ),
       ...props,
@@ -909,7 +909,7 @@ function SelectContent({
     {
       "data-slot": "select-content",
       className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
@@ -922,7 +922,7 @@ function SelectContent({
           {
             className: cn(
               "m-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+              position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"
             ),
             children
           }
@@ -952,7 +952,7 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: cn(
-        "hover:bg-[#EAF5EE] hover:text-[#379A2A] [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 ",
+        "hover:bg-[#EAF5EE] hover:text-[#379A2A] [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 ",
         className
       ),
       ...props,
@@ -4948,127 +4948,130 @@ function Button2({
 }
 
 // src/components/dialog-alert/lib/constants.ts
-var DIALOG_ALERT_I18N_NAMESPACE = "dialog_alert";
+var DIALOG_ALERT_I18N_SUBNAMESPACE = "dialog_alert";
+var i18nPrefix = `translation:${DIALOG_ALERT_I18N_SUBNAMESPACE}.`;
 
 // src/components/dialog-alert/locale/default.ts
 var defaultResource = {
   sharedui: {
-    [DIALOG_ALERT_I18N_NAMESPACE]: {
-      cancel: "Cancel",
-      close: "Close",
-      "success.saved": {
-        title: "Successfully",
-        description: "Data has been successfully saved"
-      },
-      "success.deleted": {
-        title: "Successfully",
-        description: "Data has been successfully deleted"
-      },
-      "success.removed": {
-        title: "Successfully",
-        description: "Data has been successfully removed"
-      },
-      "error.api_db_error": {
-        title: "API/Database Error",
-        description: "Failed to connect to the system. Please check API or database connection."
-      },
-      "error.permission_denied": {
-        title: "Permission Denied",
-        description: "You do not have permission to delete this data.",
-        confirm_text: "Discard"
-      },
-      "error.session_expired": {
-        title: "Session Expired",
-        description: "Your session has expired or you have been logged out. Please sign in again.",
-        confirm_text: "Logout"
-      },
-      "error.user_not_found": {
-        title: "User Not Found",
-        description: "The system could not locate the user account.",
-        confirm_text: "Logout"
-      },
-      "error.data_not_found": {
-        title: "Data Not Found",
-        description: "The data has already been deleted or does not exist in the system."
-      },
-      "error.data_restrict_editing": {
-        title: "Data Status Restricts Editing",
-        description: "Data status does not allow editing."
-      },
-      "error.network_timeout_error": {
-        title: "Network Error / Timeout",
-        description: "The system could not connect to the network or the request took too long to process."
-      },
-      "error.queue_full": {
-        title: "Queue Full",
-        description: "The notification queue has reached its limit. Please try again later."
-      },
-      "error.invalid_data_format": {
-        title: "Invalid Data Format",
-        description: "Data creation failed due to invalid or incorrectly formatted data."
-      },
-      "error.data_linked_to_system_data": {
-        title: "Data Linked to System Data",
-        description: "Cannot delete data because they are linked to existing system data."
-      },
-      "error.pending_workflow_conflict": {
-        title: "Pending Workflow Conflict ",
-        description: "The data is currently involved in a pending workflow or approval process and cannot be deactivated."
-      },
-      "error.invalid_incomplete_data": {
-        title: "Invalid or Incomplete Data",
-        description: "Data status cannot be changed due to incomplete or invalid information."
-      },
-      "error.client_side_error": {
-        title: "Client-Side Error",
-        description: "An error occurred on the client side. Please refresh the page or try again."
-      },
-      "error.system_limitation": {
-        title: "System Limitation",
-        description: "The search cannot be completed due to system limitations. Please simplify your query."
-      },
-      "error.timeout": {
-        title: "Timeout",
-        description: "Request failed due to a system error or timeout. Please try again."
-      },
-      "error.duplicate_data": {
-        title: "Duplicate Data",
-        description: "The data you entered already exists in the system."
-      },
-      "error.something_went_wrong": {
-        title: "Something Went Wrong",
-        description: "An unknown error occurred."
-      },
-      "confirm.delete": {
-        title: "Confirmation",
-        description: "Are you sure you want to delete this item?",
-        confirm_text: "Delete"
-      },
-      "confirm.inactive": {
-        title: "Confirmation",
-        description: "Are you sure you want to inactive this item?",
-        confirm_text: "Inactive"
-      },
-      "confirm.active": {
-        variant: "confirm-green",
-        title: "Confirmation",
-        description: "Are you sure you want to active this item?",
-        confirm_text: "Active"
-      },
-      "confirm.leave_page": {
-        title: "Confirmation",
-        description: "Unsaved changes. Do you want to leave this page?",
-        confirm_text: "Leave"
-      },
-      "confirm.remove": {
-        title: "Confirmation",
-        description: "Are you sure you want to remove this item?",
-        confirm_text: "Remove"
-      },
-      "confirm.logout": {
-        title: "Confirmation",
-        description: "Do you want to log out?",
-        confirm_text: "Logout"
+    translation: {
+      [DIALOG_ALERT_I18N_SUBNAMESPACE]: {
+        cancel: "Cancel",
+        close: "Close",
+        "success.saved": {
+          title: "Successfully",
+          description: "Data has been successfully saved"
+        },
+        "success.deleted": {
+          title: "Successfully",
+          description: "Data has been successfully deleted"
+        },
+        "success.removed": {
+          title: "Successfully",
+          description: "Data has been successfully removed"
+        },
+        "error.api_db_error": {
+          title: "API/Database Error",
+          description: "Failed to connect to the system. Please check API or database connection."
+        },
+        "error.permission_denied": {
+          title: "Permission Denied",
+          description: "You do not have permission to delete this data.",
+          confirm_text: "Discard"
+        },
+        "error.session_expired": {
+          title: "Session Expired",
+          description: "Your session has expired or you have been logged out. Please sign in again.",
+          confirm_text: "Logout"
+        },
+        "error.user_not_found": {
+          title: "User Not Found",
+          description: "The system could not locate the user account.",
+          confirm_text: "Logout"
+        },
+        "error.data_not_found": {
+          title: "Data Not Found",
+          description: "The data has already been deleted or does not exist in the system."
+        },
+        "error.data_restrict_editing": {
+          title: "Data Status Restricts Editing",
+          description: "Data status does not allow editing."
+        },
+        "error.network_timeout_error": {
+          title: "Network Error / Timeout",
+          description: "The system could not connect to the network or the request took too long to process."
+        },
+        "error.queue_full": {
+          title: "Queue Full",
+          description: "The notification queue has reached its limit. Please try again later."
+        },
+        "error.invalid_data_format": {
+          title: "Invalid Data Format",
+          description: "Data creation failed due to invalid or incorrectly formatted data."
+        },
+        "error.data_linked_to_system_data": {
+          title: "Data Linked to System Data",
+          description: "Cannot delete data because they are linked to existing system data."
+        },
+        "error.pending_workflow_conflict": {
+          title: "Pending Workflow Conflict ",
+          description: "The data is currently involved in a pending workflow or approval process and cannot be deactivated."
+        },
+        "error.invalid_incomplete_data": {
+          title: "Invalid or Incomplete Data",
+          description: "Data status cannot be changed due to incomplete or invalid information."
+        },
+        "error.client_side_error": {
+          title: "Client-Side Error",
+          description: "An error occurred on the client side. Please refresh the page or try again."
+        },
+        "error.system_limitation": {
+          title: "System Limitation",
+          description: "The search cannot be completed due to system limitations. Please simplify your query."
+        },
+        "error.timeout": {
+          title: "Timeout",
+          description: "Request failed due to a system error or timeout. Please try again."
+        },
+        "error.duplicate_data": {
+          title: "Duplicate Data",
+          description: "The data you entered already exists in the system."
+        },
+        "error.something_went_wrong": {
+          title: "Something Went Wrong",
+          description: "An unknown error occurred."
+        },
+        "confirm.delete": {
+          title: "Confirmation",
+          description: "Are you sure you want to delete this item?",
+          confirm_text: "Delete"
+        },
+        "confirm.inactive": {
+          title: "Confirmation",
+          description: "Are you sure you want to inactive this item?",
+          confirm_text: "Inactive"
+        },
+        "confirm.active": {
+          variant: "confirm-green",
+          title: "Confirmation",
+          description: "Are you sure you want to active this item?",
+          confirm_text: "Active"
+        },
+        "confirm.leave_page": {
+          title: "Confirmation",
+          description: "Unsaved changes. Do you want to leave this page?",
+          confirm_text: "Leave"
+        },
+        "confirm.remove": {
+          title: "Confirmation",
+          description: "Are you sure you want to remove this item?",
+          confirm_text: "Remove"
+        },
+        "confirm.logout": {
+          title: "Confirmation",
+          description: "Do you want to log out?",
+          confirm_text: "Logout"
+        }
       }
     }
   }
@@ -5079,7 +5082,7 @@ i18n__default.default.use(reactI18next.initReactI18next).init({
   resources: defaultResource,
   lng: "sharedui",
   fallbackLng: "sharedui",
-  defaultNS: DIALOG_ALERT_I18N_NAMESPACE,
+  defaultNS: "translation",
   interpolation: {
     escapeValue: false
     // react already safes from xss
@@ -5110,7 +5113,7 @@ function DialogAlert({
   persistent = false
 }) {
   const alignClass = align === "start" ? "justify-start" : align === "end" ? "justify-end" : "justify-center";
-  const { t } = reactI18next.useTranslation(DIALOG_ALERT_I18N_NAMESPACE);
+  const { t } = reactI18next.useTranslation();
   const handleCancel = React4.useCallback(() => {
     onCancel?.();
     onOpenChange(false);
@@ -5305,6 +5308,10 @@ var useDialogAlertStore = zustand.create((set, get) => ({
     let templateVal;
     if (payload?.template) {
       templateVal = getDialogTemplates({ setOpen: get().setOpen })[payload.template];
+      templateVal.title = templateVal.title ? i18nPrefix + templateVal.title : void 0;
+      templateVal.description = templateVal.description ? i18nPrefix + templateVal.description : void 0;
+      templateVal.confirmText = templateVal.confirmText ? i18nPrefix + templateVal.confirmText : void 0;
+      templateVal.cancelText = templateVal.cancelText ? i18nPrefix + templateVal.cancelText : void 0;
     }
     get().setDialogProps({ ...templateVal, ...payload?.props });
     get().setOpen(true);
@@ -5322,17 +5329,16 @@ var DialogAlertProvider = ({ children, i18nResource, i18nLang }) => {
       i18n_default.changeLanguage("sharedui");
       return;
     }
-    const langs = Object.keys(i18nResource);
-    for (const lang of langs) {
-      i18n_default.addResourceBundle(
-        lang,
-        DIALOG_ALERT_I18N_NAMESPACE,
-        i18nResource[lang][DIALOG_ALERT_I18N_NAMESPACE],
-        false,
-        true
-      );
+    try {
+      const langs = Object.keys(i18nResource);
+      for (const lang of langs) {
+        i18n_default.addResourceBundle(lang, "translation", i18nResource[lang]["translation"], false, true);
+      }
+      i18n_default.changeLanguage(i18nLang);
+    } catch {
+      i18n_default.changeLanguage("sharedui");
+      return;
     }
-    i18n_default.changeLanguage(i18nLang);
   }, [i18nLang, i18nResource]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     children,
@@ -5775,6 +5781,233 @@ var useGridSettingsStore = zustand.create(
   })
 );
 var useGridSettingsStore_default = useGridSettingsStore;
+function LoadingOverlay({
+  className,
+  fullscreen = true,
+  spinnerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "loading-overlay",
+      className: cn(
+        fullscreen ? "fixed z-100" : "absolute z-10",
+        "inset-0 flex items-center justify-center transition-opacity duration-300",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { className: cn("size-50", spinnerClassName) })
+    }
+  );
+}
+var DEVICE_SIZES = [320, 420, 640, 768, 1024, 1280, 1536, 1920];
+var IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
+var defaultLoader = ({ src }) => src;
+function toNumber(value) {
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : void 0;
+  }
+  if (typeof value === "string") {
+    const parsed = parseInt(value, 10);
+    return Number.isFinite(parsed) ? parsed : void 0;
+  }
+  return void 0;
+}
+function formatDimension(value) {
+  if (typeof value === "number") {
+    return `${value}px`;
+  }
+  return value;
+}
+function matchClosestSize(target) {
+  for (const size of IMAGE_SIZES) {
+    if (size >= target) {
+      return size;
+    }
+  }
+  return DEVICE_SIZES[DEVICE_SIZES.length - 1];
+}
+function getCandidateWidths({
+  width,
+  sizes,
+  fill
+}) {
+  if (fill || sizes) {
+    return DEVICE_SIZES;
+  }
+  if (typeof width === "number" && width > 0) {
+    const targets = /* @__PURE__ */ new Set([width, width * 2]);
+    return Array.from(targets).map((target) => matchClosestSize(target)).sort((a, b) => a - b);
+  }
+  return DEVICE_SIZES;
+}
+var Image2 = React4__namespace.forwardRef(function Image3({
+  src,
+  alt,
+  width,
+  height,
+  fill = false,
+  sizes,
+  quality = 75,
+  priority = false,
+  placeholder: placeholder2 = "empty",
+  blurDataURL,
+  loader = defaultLoader,
+  unoptimized = false,
+  wrapperClassName,
+  className,
+  objectFit,
+  objectPosition,
+  onLoadingComplete,
+  style,
+  ...imgProps
+}, ref) {
+  const {
+    loading: loadingProp,
+    fetchPriority: fetchPriorityProp,
+    decoding: decodingProp,
+    onLoad: onLoadProp,
+    ...restImgProps
+  } = imgProps;
+  const widthNumber = toNumber(width);
+  const heightNumber = toNumber(height);
+  React4__namespace.useEffect(() => {
+    if (!fill && (!widthNumber || !heightNumber)) {
+      console.warn(
+        "[Image] When `fill` is false you should provide both `width` and `height` to prevent layout shifts."
+      );
+    }
+  }, [fill, heightNumber, widthNumber]);
+  const candidateWidths = React4__namespace.useMemo(
+    () => getCandidateWidths({ width: widthNumber, sizes, fill }),
+    [fill, sizes, widthNumber]
+  );
+  const largestWidth = candidateWidths[candidateWidths.length - 1] ?? widthNumber ?? DEVICE_SIZES[DEVICE_SIZES.length - 1];
+  const computedSrc = React4__namespace.useMemo(() => {
+    if (unoptimized) {
+      return src;
+    }
+    return loader({ src, width: largestWidth, quality });
+  }, [largestWidth, loader, quality, src, unoptimized]);
+  const computedSrcSet = React4__namespace.useMemo(() => {
+    if (unoptimized) {
+      return void 0;
+    }
+    return candidateWidths.map((currentWidth) => `${loader({ src, width: currentWidth, quality })} ${currentWidth}w`).join(", ");
+  }, [candidateWidths, loader, quality, src, unoptimized]);
+  const sizesValue = sizes ?? (fill ? "100vw" : widthNumber ? `${widthNumber}px` : void 0);
+  const [isLoaded, setIsLoaded] = React4__namespace.useState(false);
+  const internalRef = React4__namespace.useRef(null);
+  const setRefs = React4__namespace.useCallback(
+    (node) => {
+      internalRef.current = node;
+      if (!ref) {
+        return;
+      }
+      if (typeof ref === "function") {
+        ref(node);
+      } else {
+        ref.current = node;
+      }
+    },
+    [ref]
+  );
+  React4__namespace.useEffect(() => {
+    const image = internalRef.current;
+    if (!image) {
+      return;
+    }
+    if (image.complete && image.naturalWidth > 0) {
+      setIsLoaded(true);
+      onLoadingComplete?.(image);
+    } else {
+      setIsLoaded(false);
+    }
+  }, [onLoadingComplete, src]);
+  const handleLoad = React4__namespace.useCallback(
+    (event) => {
+      setIsLoaded(true);
+      onLoadProp?.(event);
+      onLoadingComplete?.(event.currentTarget);
+    },
+    [onLoadProp, onLoadingComplete]
+  );
+  const loading = priority ? "eager" : loadingProp ?? "lazy";
+  const fetchPriority = priority ? "high" : fetchPriorityProp;
+  const decoding = decodingProp ?? "async";
+  const resolvedObjectFit = objectFit ?? (fill ? "cover" : void 0);
+  const wrapperStyle = React4__namespace.useMemo(
+    () => ({
+      position: "relative",
+      display: fill ? "block" : "inline-block",
+      overflow: "hidden",
+      width: fill ? "100%" : formatDimension(width) ?? void 0,
+      height: fill ? "100%" : formatDimension(height) ?? void 0
+    }),
+    [fill, height, width]
+  );
+  const imageStyle = React4__namespace.useMemo(
+    () => ({
+      width: fill ? "100%" : formatDimension(width) ?? void 0,
+      height: fill ? "100%" : formatDimension(height) ?? void 0,
+      position: fill ? "absolute" : void 0,
+      inset: fill ? 0 : void 0,
+      objectFit: resolvedObjectFit,
+      objectPosition,
+      ...style
+    }),
+    [fill, height, objectPosition, resolvedObjectFit, style, width]
+  );
+  const shouldShowLoadingOverlay = placeholder2 === "blur";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-slot": "image",
+      className: cn("relative overflow-hidden", fill ? "block" : "inline-block", wrapperClassName),
+      style: wrapperStyle,
+      children: [
+        shouldShowLoadingOverlay && /* @__PURE__ */ jsxRuntime.jsx(
+          LoadingOverlay,
+          {
+            "aria-hidden": true,
+            fullscreen: false,
+            spinnerClassName: "size-6",
+            className: cn(
+              // "bg-white/75!",
+              isLoaded ? "opacity-0 pointer-events-none" : "opacity-100"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            ref: setRefs,
+            className: cn(
+              "block transition-opacity duration-300",
+              fill && "absolute inset-0 size-full",
+              shouldShowLoadingOverlay && !isLoaded ? "opacity-0" : "opacity-100",
+              className
+            ),
+            src: computedSrc,
+            srcSet: computedSrcSet,
+            sizes: sizesValue,
+            width: fill ? void 0 : widthNumber,
+            height: fill ? void 0 : heightNumber,
+            alt,
+            loading,
+            fetchPriority,
+            decoding,
+            onLoad: handleLoad,
+            style: imageStyle,
+            ...restImgProps
+          }
+        )
+      ]
+    }
+  );
+});
+Image2.displayName = "Image";
 var ListTable = ({ onTableReady, children }) => {
   React4__namespace.useEffect(() => {
     if (onTableReady) {
@@ -8496,7 +8729,7 @@ exports.CollapsibleContent = CollapsibleContent2;
 exports.CollapsibleTrigger = CollapsibleTrigger2;
 exports.CropperModal = CropperModal;
 exports.CropperModalError = CropperModalError;
-exports.DIALOG_ALERT_I18N_NAMESPACE = DIALOG_ALERT_I18N_NAMESPACE;
+exports.DIALOG_ALERT_I18N_SUBNAMESPACE = DIALOG_ALERT_I18N_SUBNAMESPACE;
 exports.DataTable = DataTable_default;
 exports.DatePicker = DatePicker2;
 exports.Dialog = Dialog;
@@ -8521,6 +8754,7 @@ exports.FormLabel = FormLabel;
 exports.FormMessage = FormMessage;
 exports.GridSettingsModal = GridSettingsModal_default;
 exports.HeaderCell = HeaderCell_default;
+exports.Image = Image2;
 exports.Input = Input;
 exports.Label = Label2;
 exports.List = List_default;