@yimingliao/cms 0.0.141 → 0.0.143

package/dist/ckeditor-editor.css

@@ -0,0 +1,172 @@
+@import "ckeditor5/ckeditor5-editor.css";
+
+/*============================================================ 
+| Basic
+============================================================*/
+.ck-editor {
+  min-width: 100% !important;
+}
+.ck-powered-by-balloon,
+.ck-powered-by {
+  display: none !important;
+}
+
+/*====== Editable Area & Source Editing Area ======*/
+.ck-editor__main > .ck-editor__editable,
+.ck-editor__main > .ck-source-editing-area,
+.ck-editor__main > .ck-source-editing-area > textarea {
+  min-height: calc(var(--spacing) * 64) !important;
+  border-bottom-right-radius: var(--radius-lg) !important;
+  border-bottom-left-radius: var(--radius-lg) !important;
+  background-color: var(--color-background) !important;
+  color: var(--color-primary) !important;
+  border-style: none !important;
+}
+
+/*====== Nested Editable (Table, Image Widget) ======*/
+.ck-editor__nested-editable {
+  border-color: var(--color-ring) !important;
+  min-height: calc(var(--spacing) * 0) !important;
+  overflow-x: hidden !important;
+  border-radius: 0 !important;
+}
+
+/*====== Table ======*/
+.ck-insert-table-dropdown-grid-box {
+  border-color: var(--color-ring) !important;
+}
+
+/*====== Sticky Panel (Toolbar) ======*/
+.ck-sticky-panel__content {
+  border-color: transparent !important;
+  border-bottom-width: 1px !important;
+  border-bottom-color: var(--color-border) !important;
+}
+.ck-rounded-corners .ck.ck-toolbar,
+.ck.ck-toolbar.ck-rounded-corners {
+  border-radius: var(--radius-lg);
+}
+
+/*====== Hide Duplicated Editor (In dev mode) ======*/
+.ck-editor + .ck-editor {
+  display: none !important;
+}
+
+/*====== Word Count Display ======*/
+.ck .word-count-display {
+  border-style: none !important;
+}
+.ck .word-count-display-html {
+  margin-left: auto;
+}
+
+/*============================================================ 
+| CKEditor Interface Variables
+============================================================*/
+:root {
+  /*====== color ======*/
+  --ck-content-font-color: currentColor;
+  /*====== border-radius ======*/
+  --ck-border-radius: 4px;
+  /*====== font-size-base ======*/
+  --ck-font-size-base: 13px;
+
+  /*====== custom color variables ======*/
+  --ck-custom-background: var(--color-background);
+  --ck-custom-foreground: var(--color-primary);
+  --ck-custom-secondary: var(--color-secondary);
+  --ck-custom-border: var(--color-ring);
+  --ck-custom-white: hsl(0, 0%, 100%);
+
+  /*====== generic colors ======*/
+  --ck-color-base-background: var(--ck-custom-foreground);
+  --ck-color-base-foreground: var(--ck-custom-background);
+  --ck-color-focus-border: var(--ck-custom-border);
+  --ck-color-text: var(--ck-custom-foreground);
+  --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2);
+  --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);
+  --ck-color-base-border: transparent;
+
+  /*====== [.ck-toolbar] toolbar ======*/
+  --ck-color-toolbar-background: var(--ck-custom-background);
+  --ck-color-toolbar-border: var(--ck-custom-border);
+
+  /*====== [.ck-tooltip] tooltip ======*/
+  --ck-color-tooltip-background: hsl(252, 7%, 30%);
+  --ck-color-tooltip-text: var(--ck-custom-white);
+
+  /*====== [.ck-button] button-default ======*/
+  --ck-color-button-default-background: var(--ck-custom-background);
+  --ck-color-button-default-hover-background: var(--ck-custom-secondary);
+  --ck-color-button-default-active-background: none;
+  --ck-color-button-default-active-shadow: hsl(270, 2%, 23%);
+  --ck-color-button-default-disabled-background: var(--ck-custom-background);
+
+  /*====== [.ck-button] button-on ======*/
+  --ck-color-button-on-color: var(--color-success); /* Active text */
+  --ck-color-button-on-background: var(--ck-custom-secondary);
+  --ck-color-button-on-hover-background: var(--ck-custom-secondary);
+  --ck-color-button-on-active-background: var(--ck-custom-secondary);
+  --ck-color-button-on-active-shadow: hsl(240, 3%, 19%);
+  --ck-color-button-on-disabled-background: var(--ck-custom-secondary);
+
+  /*====== [.ck-button] button-action ======*/
+  --ck-color-button-action-background: hsl(168, 76%, 42%);
+  --ck-color-button-action-hover-background: hsl(168, 76%, 38%);
+  --ck-color-button-action-active-background: hsl(168, 76%, 36%);
+  --ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
+  --ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
+  --ck-color-button-action-text: var(--ck-custom-white);
+
+  /*====== [.ck-button] button-save, button-cancel ======*/
+  --ck-color-button-save: var(--color-success);
+  --ck-color-button-cancel: var(--color-error);
+
+  /*====== [.ck-dropdown] dropdown ======*/
+  --ck-color-dropdown-panel-background: var(--ck-custom-background);
+  --ck-color-dropdown-panel-border: var(--ck-custom-border);
+
+  /*====== [.ck-dialog] dialog ======*/
+  --ck-color-dialog-background: var(--ck-custom-background);
+  --ck-color-dialog-form-header-border: var(--ck-custom-border);
+
+  /*====== [.ck-splitbutton] split-button ======*/
+  --ck-color-split-button-hover-background: var(
+    --ck-color-button-default-hover-background
+  );
+  --ck-color-split-button-hover-border: var(--ck-custom-border);
+
+  /*====== [.ck-input] input ======*/
+  --ck-color-input-background: var(--ck-custom-background);
+  --ck-color-input-border: hsl(257, 3%, 43%);
+  --ck-color-input-text: hsl(0, 0%, 98%);
+  --ck-color-input-disabled-background: hsl(255, 4%, 21%);
+  --ck-color-input-disabled-border: hsl(250, 3%, 38%);
+  --ck-color-input-disabled-text: hsl(0, 0%, 78%);
+
+  /*====== [.ck-labeled-field-view] labeled-field ======*/
+  --ck-color-labeled-field-label-background: var(--ck-custom-background);
+
+  /*====== [.ck-list] list ======*/
+  --ck-color-list-background: var(--ck-custom-background);
+  --ck-color-list-button-hover-background: var(--ck-color-base-foreground);
+  --ck-color-list-button-on-background: var(--ck-color-base-active);
+  --ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
+  --ck-color-list-button-on-text: var(--ck-color-base-background);
+
+  /*====== [.ck-balloon-panel] panel ======*/
+  --ck-color-panel-background: var(--ck-custom-background);
+  --ck-color-panel-border: var(--ck-custom-border);
+
+  /*====== [ckeditor5-image] image ======*/
+  /* --ck-color-image-caption-background: hsl(0, 0%, 97%);
+  --ck-color-image-caption-text: hsl(0, 0%, 20%); */
+
+  /*====== [ ckeditor5-widget] widget ======*/
+  --ck-color-widget-blurred-border: hsl(0, 0%, 87%);
+  --ck-color-widget-hover-border: hsl(43, 100%, 68%);
+  --ck-color-widget-editable-focus-background: var(--ck-custom-white);
+
+  /*====== [ckeditor5-link] link ======*/
+  --ck-color-link-default: var(--color-info);
+}

package/dist/export/client/index.js

@@ -40,6 +40,7 @@ export { SideFields } from '../../src/client/interfaces/components/ui/form/conta
 export { IndexField } from '../../src/client/interfaces/components/ui/form/index-field.js';
 export { SlugField } from '../../src/client/interfaces/components/ui/form/slug-field.js';
 export { ControlFields } from '../../src/client/interfaces/components/ui/form/control-fields/control-fields.js';
+export { createEditor } from '../../src/client/interfaces/components/ui/inputs/editor/editor.js';
 export { ArrayInput } from '../../src/client/interfaces/components/ui/inputs/array-input.js';
 export { Checkbox } from '../../src/client/interfaces/components/ui/inputs/checkbox.js';
 export { Input } from '../../src/client/interfaces/components/ui/inputs/input.js';
@@ -75,6 +76,8 @@ import '@radix-ui/react-tooltip';
 export { createNavbar } from '../../src/client/interfaces/components/ui/layouts/navbar/navbar.js';
 export { createI18nSelector } from '../../src/client/interfaces/components/ui/layouts/navbar/i18n-selector.js';
 export { createSignOutButton } from '../../src/client/interfaces/components/ui/layouts/navbar/sign-out-button.js';
+export { createFileCard } from '../../src/client/interfaces/components/resources/file/file-card.js';
+export { createFileList } from '../../src/client/interfaces/components/resources/file/file-list.js';
 export { createSignInPage } from '../../src/client/interfaces/pages/auth/sign-in/page.js';
 export { createVerifyEmailPage } from '../../src/client/interfaces/pages/auth/verify-email/page.js';
 export { createEmailUnverifiedPage } from '../../src/client/interfaces/pages/auth/email-unverified/page.js';

package/dist/src/client/interfaces/components/resources/file/file-card.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Lock, Trash2 } from 'lucide-react';
+import { PATHS } from '../../../../../constants/paths/index.js';
+import '../../../../../constants/redirect-paths.js';
+import '../../../../../domain/resources/admin/constants.js';
+import { isFileLocked } from '../../../../../domain/resources/file/utils/is-file-locked.js';
+import 'mime-types';
+import { findTranslation } from '../../../../../shared/translation/find-translation.js';
+import { joinUrl } from '../../../../../shared/utils/join-url.js';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import 'next/image';
+import 'ckeditor5';
+import 'ckeditor5/translations/en.js';
+import 'ckeditor5/translations/zh.js';
+import '../../../../infrastructure/contexts/admin.js';
+import 'next-themes';
+import '@tanstack/react-query';
+import 'sonner';
+import 'intor/next';
+
+const WIDTH = 160;
+const HEIGHT = 160;
+function createFileCard({
+  SmartImage,
+  storageUrl
+}) {
+  return function FileCard({
+    file,
+    // link
+    openNewTab = false,
+    anchorProps,
+    // base
+    className = ""
+  }) {
+    const { locale } = useTranslator();
+    const isImage = file?.type === "IMAGE";
+    const isVideo = file?.type === "VIDEO";
+    const isLocked = isFileLocked(file);
+    const isTrash = file?.deletedAt;
+    const translation = findTranslation(file?.translations, locale);
+    return /* @__PURE__ */ jsx(
+      ResourceCard,
+      {
+        className,
+        style: { width: `${WIDTH}px`, height: `${HEIGHT}px` },
+        href: `${PATHS.resources.file.path}/${file?.id}`,
+        openNewTab,
+        anchorProps,
+        cardStatusBarProps: {
+          children: /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between", children: [
+            isLocked && /* @__PURE__ */ jsx(Lock, { className: "size-5" }),
+            isTrash && /* @__PURE__ */ jsx(Trash2, { className: "text-error size-5" })
+          ] })
+        },
+        cardTextContentProps: { title: translation?.name },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("flex-center flex-1", "overflow-hidden", "transition"),
+            children: isImage ? /* @__PURE__ */ jsx(SmartImage, { fileKey: file.key, width: WIDTH, height: HEIGHT }) : isVideo ? /* @__PURE__ */ jsx("video", { src: joinUrl(storageUrl, file.key), autoPlay: true, loop: true, muted: true }) : /* @__PURE__ */ jsx("span", { className: cn("scale-[3]", "transition"), children: "\u{1F4C4}" })
+          }
+        )
+      }
+    );
+  };
+}
+
+export { createFileCard };

package/dist/src/client/interfaces/components/resources/file/file-list.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect } from 'react';
+import '../../../../../constants/paths/auth.js';
+import '../../../../../constants/paths/main.js';
+import '../../../../../constants/paths/resources.js';
+import { CACHE_KEYS } from '../../../../../constants/cache-keys.js';
+import '../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import { debounce } from '../../../../../shared/utils/debounce.js';
+import { ensureArray } from '../../../../../shared/utils/ensure-array.js';
+import { DO_NOT_FETCH_KEY } from '../../../../../shared/list-items.js';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../shadcn/separator.js';
+import '../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import 'intor/react';
+import { ListCardsContainer } from '../../ui/blocks/list-cards-container/list-cards-container.js';
+import 'next/link';
+import '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+import { Tick } from '../../ui/features/tick.js';
+import 'ckeditor5';
+import 'ckeditor5/translations/en.js';
+import 'ckeditor5/translations/zh.js';
+import '../../../../infrastructure/contexts/admin.js';
+import 'next-themes';
+import '@tanstack/react-query';
+import 'sonner';
+import 'intor/next';
+import { IsLockedButtons } from './is-locked-buttons.js';
+import { TypeButtons } from './type-buttons.js';
+
+function createFileList({
+  useQuery,
+  fileFindListCardsAction,
+  FileCard
+}) {
+  return function FileList({
+    setItemStates,
+    // search
+    folderId,
+    // Use in File Manager, Folder page
+    isDeleted,
+    // Use in Trash Page
+    fileIds,
+    // link
+    openNewTab = false,
+    // pick
+    pickedItems,
+    handleClick
+  }) {
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(20);
+    const [searchString, setSearchString] = useState("");
+    const debouncedSetSearchString = useMemo(
+      () => debounce((v) => setSearchString(v), 300),
+      []
+    );
+    const [type, setType] = useState(null);
+    const [isLocked, setIsLocked] = useState(null);
+    useEffect(() => {
+      setPage(1);
+    }, [setPage, type, isLocked]);
+    const { data, isFetching, refetch } = useQuery(
+      () => fileFindListCardsAction({
+        page,
+        pageSize,
+        searchString,
+        type,
+        isLocked,
+        ...folderId && { folderId },
+        ...isDeleted && { isDeleted },
+        // Use in Trash
+        ...fileIds && { fileIds }
+      }),
+      [
+        CACHE_KEYS.findListCards("file"),
+        page,
+        pageSize,
+        searchString,
+        type,
+        isLocked,
+        folderId,
+        isDeleted,
+        JSON.stringify(fileIds)
+      ],
+      { enabled: folderId !== DO_NOT_FETCH_KEY }
+      // Use in File Manager
+    );
+    const files = useMemo(() => ensureArray(data?.items), [data?.items]);
+    useEffect(() => {
+      setItemStates?.({
+        items: files,
+        count: data?.total ?? 0,
+        isFetching,
+        refetch
+      });
+    }, [files, data?.total, isFetching, setItemStates]);
+    return /* @__PURE__ */ jsx(
+      ListCardsContainer,
+      {
+        page,
+        setPage,
+        pageSize,
+        setPageSize,
+        total: data?.total ?? 0,
+        searchString,
+        setSearchString: debouncedSetSearchString,
+        isFetching,
+        headerChildren: /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+          /* @__PURE__ */ jsx(TypeButtons, { type: type || null, setType }),
+          /* @__PURE__ */ jsx("div", { className: "py-1", children: /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }) }),
+          /* @__PURE__ */ jsx(IsLockedButtons, { isLocked, setIsLocked })
+        ] }),
+        children: files.map((file) => {
+          const isPicked = pickedItems?.some((item) => item.id === file.id);
+          return /* @__PURE__ */ jsxs("div", { className: "relative w-fit", children: [
+            /* @__PURE__ */ jsx(
+              FileCard,
+              {
+                file,
+                openNewTab,
+                className: cn(pickedItems && !isPicked && "opacity-50"),
+                anchorProps: handleClick && {
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleClick(file);
+                  }
+                }
+              }
+            ),
+            pickedItems && /* @__PURE__ */ jsx(
+              Tick,
+              {
+                isPicked: isPicked ?? false,
+                className: "absolute top-2 right-2"
+              }
+            )
+          ] }, file.id);
+        })
+      }
+    );
+  };
+}
+
+export { createFileList };

package/dist/src/client/interfaces/components/resources/file/is-locked-buttons.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import 'lucide-react';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../ui/buttons/button.js';
+import 'next/link';
+import '../../../../../constants/paths/auth.js';
+import '../../../../../constants/paths/main.js';
+import '../../../../../constants/paths/resources.js';
+import '../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+import 'ckeditor5';
+import 'ckeditor5/translations/en.js';
+import 'ckeditor5/translations/zh.js';
+import '../../../../infrastructure/contexts/admin.js';
+import 'next-themes';
+import '@tanstack/react-query';
+import 'sonner';
+import 'intor/next';
+
+function IsLockedButtons({
+  isLocked,
+  setIsLocked
+}) {
+  const { t } = useTranslator();
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-fit gap-3", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        variant: "secondary",
+        onClick: () => {
+          setIsLocked(isLocked === true ? null : true);
+        },
+        className: cn(isLocked !== true ? "opacity-35" : "shadow"),
+        children: t("resources.file.locked.text")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        variant: "secondary",
+        onClick: () => setIsLocked(isLocked === false ? null : false),
+        className: cn(isLocked !== false ? "opacity-35" : "shadow"),
+        children: t("resources.file.not-locked.text")
+      }
+    )
+  ] });
+}
+
+export { IsLockedButtons };

package/dist/src/client/interfaces/components/resources/file/type-buttons.js

@@ -0,0 +1,62 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import '../../../../../domain/resources/admin/constants.js';
+import { FILE_TYPES } from '../../../../../domain/resources/file/props.js';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import 'lucide-react';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../ui/buttons/button.js';
+import 'next/link';
+import '../../../../../constants/paths/auth.js';
+import '../../../../../constants/paths/main.js';
+import '../../../../../constants/paths/resources.js';
+import '../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import 'next/image';
+import 'ckeditor5';
+import 'ckeditor5/translations/en.js';
+import 'ckeditor5/translations/zh.js';
+import '../../../../infrastructure/contexts/admin.js';
+import 'next-themes';
+import '@tanstack/react-query';
+import 'sonner';
+import 'intor/next';
+
+function TypeButtons({ type, setType }) {
+  const { t } = useTranslator();
+  const handleClick = (fileType) => {
+    if (fileType === type) {
+      setType(null);
+    } else {
+      setType(fileType);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "flex h-fit gap-3", children: Object.values(FILE_TYPES).map((fileType) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      size: "sm",
+      variant: "secondary",
+      onClick: () => handleClick(fileType),
+      className: cn(fileType !== type ? "opacity-35" : "shadow"),
+      children: t(`resources.file.file-type.${fileType.toLowerCase()}.text`)
+    },
+    fileType
+  )) });
+}
+
+export { TypeButtons };

package/dist/src/client/interfaces/components/ui/blocks/list-cards-container/list-cards-container.js

@@ -20,6 +20,17 @@ import '@radix-ui/react-separator';
 import '../../../shadcn/sidebar.js';
 import { Spinner } from '../../../shadcn/spinner.js';
 import '@radix-ui/react-tooltip';
+import 'next/link';
+import '../../../../../../constants/paths/auth.js';
+import '../../../../../../constants/paths/main.js';
+import '../../../../../../constants/paths/resources.js';
+import '../../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import '../../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+import 'ckeditor5';
+import 'ckeditor5/translations/en.js';
+import 'ckeditor5/translations/zh.js';
 import { SearchInput } from '../../inputs/search-input.js';
 import { PageSizeSelector } from './page-size-selector.js';
 import { Pagination } from './pagination.js';

package/dist/src/client/interfaces/components/ui/blocks/list-cards-container/page-size-selector.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import 'lucide-react';
 import 'react';
 import 'ua-parser-js';
 import 'clsx';
 import 'tailwind-merge';
 import 'next/navigation';
+import 'lucide-react';
 import '@radix-ui/react-avatar';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
@@ -19,6 +19,17 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
+import 'next/link';
+import '../../../../../../constants/paths/auth.js';
+import '../../../../../../constants/paths/main.js';
+import '../../../../../../constants/paths/resources.js';
+import '../../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import '../../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+import 'ckeditor5';
+import 'ckeditor5/translations/en.js';
+import 'ckeditor5/translations/zh.js';
 import { Select, Option } from '../../inputs/select.js';
 
 function PageSizeSelector({

package/dist/src/client/interfaces/components/ui/cards/action-buttons-card.js

@@ -58,7 +58,7 @@ function ActionButtonsCard({
         useConfirm: true,
         useIcon: false,
         replaceParent: true,
-        className: "flex-1",
+        className: "min-w-[128px]",
         ...cancelButtonProps,
         children: t("ui.button.cancel.text")
       }
@@ -71,7 +71,7 @@ function ActionButtonsCard({
         variant,
         isLoading: isProcessing,
         isDisabled: isInitializing,
-        className: "flex-1",
+        className: "min-w-[126px]",
         ...actionButtonProps,
         children
       }

package/dist/src/client/interfaces/components/ui/features/smart-image.js

@@ -36,14 +36,14 @@ function createSmartImage(storageUrl) {
           fill ? "relative size-full" : "relative inline-block",
           className
         ),
-        children: /* @__PURE__ */ jsx(
+        children: resolvedSrc && /* @__PURE__ */ jsx(
           Image,
           {
             sizes: resolvedSizes,
             fill: !isFixedSize && fill,
             ...isFixedSize && { width, height },
             ...resolvedPlaceholder && { placeholder: resolvedPlaceholder },
-            src: resolvedSrc ?? "",
+            src: resolvedSrc,
             alt,
             className: cn("size-full object-cover", imageClassName),
             ...props