@yimingliao/cms 0.0.144 → 0.0.146

package/dist/src/client/interfaces/components/ui/inputs/editor/plugins/file-repository/upload-adapter.js

@@ -1,84 +0,0 @@
-import { toast } from 'sonner';
-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 '../../../../../../../../domain/resources/admin/constants.js';
-import { SIMPLE_UPLOAD_FOLDER_KEY } from '../../../../../../../../domain/resources/constants.js';
-import 'mime-types';
-import { getMediaInfo } from '../../../../../../../../shared/blob-file/get-media-info/get-media-info.js';
-import { joinUrl } from '../../../../../../../../shared/utils/join-url.js';
-
-function createUploadAdapter({
-  fileUploadApi,
-  buildTranslations,
-  logger,
-  storageUrl
-}) {
-  return class UploadAdapter {
-    constructor(loader, execute, queryClient) {
-      this.loader = loader;
-      this.execute = execute;
-      this.queryClient = queryClient;
-    }
-    async upload() {
-      try {
-        const blobFile = await this.loader.file;
-        if (!blobFile || !(blobFile instanceof Blob)) {
-          throw new Error("Invalid file provided by loader.");
-        }
-        if (!blobFile.type.startsWith("image/")) {
-          throw new Error("Images Only");
-        }
-        const mediaInfo = await getMediaInfo(blobFile);
-        const response = await fileUploadApi({
-          blobFile,
-          folderKey: SIMPLE_UPLOAD_FOLDER_KEY,
-          folder: null
-        });
-        let key = "", checksum = "";
-        if (response.success) {
-          key = response.data?.key || "";
-          checksum = response.data?.checksum || "";
-        }
-        const { name, size, type } = blobFile;
-        const result = await this.execute({
-          key,
-          checksum,
-          fileMeta: { name, size, type },
-          folderKey: SIMPLE_UPLOAD_FOLDER_KEY,
-          folder: null,
-          width: mediaInfo.width,
-          height: mediaInfo.height,
-          translations: buildTranslations([
-            { key: "name", value: null },
-            { key: "alt", value: null }
-          ])
-        });
-        if (result) {
-          await this.queryClient.invalidateQueries({
-            queryKey: [CACHE_KEYS.findListCards("file")]
-          });
-          const id = result.file.id;
-          return { default: joinUrl(storageUrl, `${key}?id=${id}`) };
-        } else {
-          return { default: "" };
-        }
-      } catch (error) {
-        if (error instanceof Error) {
-          toast.error(error.message, {
-            position: "bottom-left",
-            duration: 4e3
-          });
-        }
-        return { default: "" };
-      }
-    }
-    abort() {
-      logger.debug("Image upload cancelled.");
-    }
-  };
-}
-
-export { createUploadAdapter };

package/dist/src/client/interfaces/components/ui/inputs/editor/plugins/word-count-display/icons.js

@@ -1,17 +0,0 @@
-const HTML_ICON = `
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
-  <path d="M392.8 65.2C375.8 60.3 358.1 70.2 353.2 87.2L225.2 535.2C220.3 552.2 230.2 569.9 247.2 574.8C264.2 579.7 281.9 569.8 286.8 552.8L414.8 104.8C419.7 87.8 409.8 70.1 392.8 65.2zM457.4 201.3C444.9 213.8 444.9 234.1 457.4 246.6L530.8 320L457.4 393.4C444.9 405.9 444.9 426.2 457.4 438.7C469.9 451.2 490.2 451.2 502.7 438.7L598.7 342.7C611.2 330.2 611.2 309.9 598.7 297.4L502.7 201.4C490.2 188.9 469.9 188.9 457.4 201.4zM182.7 201.3C170.2 188.8 149.9 188.8 137.4 201.3L41.4 297.3C28.9 309.8 28.9 330.1 41.4 342.6L137.4 438.6C149.9 451.1 170.2 451.1 182.7 438.6C195.2 426.1 195.2 405.8 182.7 393.3L109.3 320L182.6 246.6C195.1 234.1 195.1 213.8 182.6 201.3z"/>
-</svg>
-`;
-const CHARACTERS_ICON = `
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
-  <path d="M349.1 114.7C343.9 103.3 332.5 96 320 96C307.5 96 296.1 103.3 290.9 114.7L123.5 480L112 480C94.3 480 80 494.3 80 512C80 529.7 94.3 544 112 544L200 544C217.7 544 232 529.7 232 512C232 494.3 217.7 480 200 480L193.9 480L215.9 432L424.2 432L446.2 480L440.1 480C422.4 480 408.1 494.3 408.1 512C408.1 529.7 422.4 544 440.1 544L528.1 544C545.8 544 560.1 529.7 560.1 512C560.1 494.3 545.8 480 528.1 480L516.6 480L349.2 114.7zM394.8 368L245.2 368L320 204.8L394.8 368z"/>
-</svg>
-`;
-const WORDS_ICON = `
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
-  <path d="M192 112L304 112L304 200C304 239.8 336.2 272 376 272L464 272L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 128C176 119.2 183.2 112 192 112zM352 131.9L444.1 224L376 224C362.7 224 352 213.3 352 200L352 131.9zM192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 250.5C512 233.5 505.3 217.2 493.3 205.2L370.7 82.7C358.7 70.7 342.5 64 325.5 64L192 64zM263.3 338.2C260.1 325.3 247.1 317.5 234.2 320.7C221.3 323.9 213.5 337 216.7 349.8L248.7 477.8C251.2 488 260.1 495.3 270.6 495.9C281.1 496.5 290.7 490.2 294.4 480.4L319.9 412.3L345.4 480.4C349.1 490.2 358.7 496.5 369.2 495.9C379.7 495.3 388.6 488 391.1 477.8L423.1 349.8C426.3 336.9 418.5 323.9 405.6 320.7C392.7 317.5 379.7 325.3 376.5 338.2L363.2 391.4L342.3 335.6C339 326.2 330 320 320 320C310 320 301 326.2 297.5 335.6L276.6 391.4L263.3 338.2z"/>
-</svg>
-`;
-
-export { CHARACTERS_ICON, HTML_ICON, WORDS_ICON };

package/dist/src/client/interfaces/components/ui/inputs/editor/plugins/word-count-display/word-count-display.js

@@ -1,81 +0,0 @@
-import { Plugin, ButtonView } from 'ckeditor5';
-import 'mime-types';
-import { debounce } from '../../../../../../../../shared/utils/debounce.js';
-import { HTML_ICON, CHARACTERS_ICON, WORDS_ICON } from './icons.js';
-
-const WORD_COUNT = "WordCount";
-const WORD_COUNT_DISPLAY_PLUGIN_NAME = {
-  default: "word-count-display",
-  // CSS Class
-  characters: "word-count-display-characters",
-  // Plugin Name, CSS Class
-  words: "word-count-display-words",
-  // Plugin Name, CSS Class
-  html: "word-count-display-html"
-  // Plugin Name, CSS Class
-};
-class WordCountButtons extends Plugin {
-  init() {
-    const editor = this.editor;
-    const wordCountPlugin = editor.plugins.get(WORD_COUNT);
-    editor.ui.componentFactory.add(
-      WORD_COUNT_DISPLAY_PLUGIN_NAME.html,
-      (locale) => {
-        const button = new ButtonView(locale);
-        button.set({
-          icon: HTML_ICON,
-          label: `${editor.getData()?.length}`,
-          tooltip: true,
-          withText: true,
-          isEnabled: false,
-          class: `${WORD_COUNT_DISPLAY_PLUGIN_NAME.default} ${WORD_COUNT_DISPLAY_PLUGIN_NAME.html}`
-        });
-        const update = debounce(
-          () => button.label = `${editor.getData()?.length}`
-        );
-        editor.model.document.on("change:data", update);
-        return button;
-      }
-    );
-    editor.ui.componentFactory.add(
-      WORD_COUNT_DISPLAY_PLUGIN_NAME.characters,
-      (locale) => {
-        const button = new ButtonView(locale);
-        button.set({
-          icon: CHARACTERS_ICON,
-          label: `${wordCountPlugin.characters}`,
-          tooltip: true,
-          withText: true,
-          isEnabled: false,
-          class: `${WORD_COUNT_DISPLAY_PLUGIN_NAME.default} ${WORD_COUNT_DISPLAY_PLUGIN_NAME.characters}`
-        });
-        const update = debounce(
-          () => button.label = `${wordCountPlugin.characters}`
-        );
-        wordCountPlugin.on("change:characters", update);
-        return button;
-      }
-    );
-    editor.ui.componentFactory.add(
-      WORD_COUNT_DISPLAY_PLUGIN_NAME.words,
-      (locale) => {
-        const button = new ButtonView(locale);
-        button.set({
-          icon: WORDS_ICON,
-          label: `${wordCountPlugin.words}`,
-          tooltip: true,
-          withText: true,
-          isEnabled: false,
-          class: `${WORD_COUNT_DISPLAY_PLUGIN_NAME.default} ${WORD_COUNT_DISPLAY_PLUGIN_NAME.words}`
-        });
-        const update = debounce(
-          () => button.label = `${wordCountPlugin.words}`
-        );
-        wordCountPlugin.on("change:words", update);
-        return button;
-      }
-    );
-  }
-}
-
-export { WORD_COUNT_DISPLAY_PLUGIN_NAME, WordCountButtons as default };

package/dist/src/client/interfaces/components/ui/inputs/editor/use-init-editor/use-init-editor.js

@@ -1,50 +0,0 @@
-import { FileRepository } from 'ckeditor5';
-import { useRef, useEffect } from 'react';
-import 'mime-types';
-import { debounce } from '../../../../../../../shared/utils/debounce.js';
-import { BaseEditor } from '../base/base-editor.js';
-import { OPEN_ASSET_MANAGER_KEY } from '../plugins/asset-manager/asset-manager.js';
-import 'intor/react';
-
-const DOCUMENT_EVENTS = {
-  CHANGE: "change"};
-const useInitEditor = ({
-  enabled = true,
-  containerRef,
-  locale,
-  value,
-  onEditorChange,
-  createUploadAdapter,
-  openAssetManager
-}) => {
-  const editorRef = useRef(null);
-  useEffect(() => {
-    if (!enabled || !containerRef.current) return;
-    BaseEditor.create(containerRef.current, {
-      ...BaseEditor.defaultConfig,
-      language: locale,
-      initialData: value
-    }).then((editor) => {
-      editorRef.current = editor;
-      const debouncedChange = debounce(
-        () => onEditorChange?.(editor.getData())
-      );
-      editor.model.document.on(DOCUMENT_EVENTS.CHANGE, debouncedChange);
-      editor.plugins.get(FileRepository.pluginName).createUploadAdapter = createUploadAdapter;
-      editor.config.set(OPEN_ASSET_MANAGER_KEY, openAssetManager);
-      return () => {
-        editor.model.document.off(DOCUMENT_EVENTS.CHANGE, debouncedChange);
-        debouncedChange.clear();
-      };
-    }).catch((error) => {
-      console.error("CKEditor init error:", error);
-    });
-    return () => {
-      void editorRef.current?.destroy();
-      editorRef.current = null;
-    };
-  }, [enabled, containerRef]);
-  return editorRef;
-};
-
-export { useInitEditor };

package/dist/src/client/interfaces/components/ui/inputs/search-input.js

@@ -1,61 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { Search } from 'lucide-react';
-import { useRef, useState } from 'react';
-import '@radix-ui/react-avatar';
-import 'ua-parser-js';
-import 'clsx';
-import 'tailwind-merge';
-import 'next/navigation';
-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 { InputGroupAddon } from '../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../shadcn/sidebar.js';
-import { Spinner } from '../../shadcn/spinner.js';
-import '@radix-ui/react-tooltip';
-import { Input } from './input.js';
-
-function SearchInput({
-  searchString = "",
-  setSearchString,
-  isLoading = false,
-  isDisabled = false,
-  ...props
-}) {
-  const { t } = useTranslator();
-  const isComposingRef = useRef(false);
-  const [inputValue, setInputValue] = useState(searchString);
-  const handleCompositionEnd = (e) => {
-    isComposingRef.current = false;
-    setInputValue(e.currentTarget.value);
-    setSearchString(e.currentTarget.value);
-  };
-  const handleChange = (e) => {
-    setInputValue(e.target.value);
-    if (!isComposingRef.current) setSearchString(e.target.value);
-  };
-  return /* @__PURE__ */ jsx("div", { className: "relative size-full", children: /* @__PURE__ */ jsx(
-    Input,
-    {
-      isDisabled,
-      placeholder: isLoading ? "" : t("ui.search.text"),
-      autoComplete: "off",
-      value: inputValue,
-      onChange: handleChange,
-      onCompositionStart: () => isComposingRef.current = true,
-      onCompositionEnd: handleCompositionEnd,
-      className: "w-full pr-9",
-      ...props,
-      children: /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(Search, {}) })
-    }
-  ) });
-}
-
-export { SearchInput };

package/dist/src/client/interfaces/components/ui/inputs/select.js

@@ -1,69 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-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 'lucide-react';
-import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import { SelectItem, Select as Select$1, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectLabel } from '../../shadcn/select.js';
-import '@radix-ui/react-separator';
-import '../../shadcn/sidebar.js';
-import '@radix-ui/react-tooltip';
-
-function Select({
-  // form context
-  fieldName,
-  setFormData,
-  // ui states
-  isDisabled = false,
-  isLoading = false,
-  // base
-  placeholder,
-  label,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Select$1,
-    {
-      onValueChange: (value) => {
-        if (!setFormData || !fieldName) return;
-        setFormData((p) => ({ ...p, [fieldName]: value }));
-      },
-      disabled: isDisabled || isLoading,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          SelectTrigger,
-          {
-            className: cn("w-full", className),
-            disabled: isDisabled || isLoading,
-            children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsxs(SelectGroup, { children: [
-          label && /* @__PURE__ */ jsx(SelectLabel, { children: label }),
-          children
-        ] }) })
-      ]
-    }
-  );
-}
-function Option({
-  value,
-  isDisabled = false,
-  children
-}) {
-  return /* @__PURE__ */ jsx(SelectItem, { value, disabled: isDisabled, children });
-}
-
-export { Option, Select };

package/dist/src/client/interfaces/components/ui/inputs/textarea.js

@@ -1,62 +0,0 @@
-"use client";
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import '@radix-ui/react-avatar';
-import 'ua-parser-js';
-import 'clsx';
-import 'tailwind-merge';
-import 'next/navigation';
-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 { InputGroup, InputGroupAddon } from '../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../shadcn/sidebar.js';
-import { Spinner } from '../../shadcn/spinner.js';
-import { Textarea as Textarea$1 } from '../../shadcn/textarea.js';
-import '@radix-ui/react-tooltip';
-
-function Textarea({
-  // form context
-  fieldName,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  // base
-  ...props
-}) {
-  isDisabled = isDisabled || isLoading;
-  const textareaRef = useRef(null);
-  const resetHeight = (element) => {
-    element.style.height = "40px";
-    element.style.height = `${element.scrollHeight + 2}px`;
-  };
-  useEffect(() => {
-    if (!textareaRef.current) return;
-    resetHeight(textareaRef.current);
-  }, [props.value, isLoading]);
-  return /* @__PURE__ */ jsx(Fragment, { children: isLoading ? /* @__PURE__ */ jsx(InputGroup, { "data-disabled": isDisabled, className: "h-10", children: /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Spinner, {}) }) }) : /* @__PURE__ */ jsx(
-    Textarea$1,
-    {
-      ref: textareaRef,
-      disabled: isDisabled,
-      "aria-invalid": isError,
-      value: isLoading ? "" : props.value,
-      onChange: (e) => {
-        resetHeight(e.target);
-        if (!setFormData || !fieldName) return;
-        setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
-      },
-      ...props
-    }
-  ) });
-}
-
-export { Textarea };

package/dist/src/client/interfaces/components/ui/layouts/content-container.js

@@ -1,38 +0,0 @@
-"use client";
-import { 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 { NAVBAR_HEIGHT, PAGE_HEADER_HEIGHT } from '../../../styles/constants.js';
-
-function ContentContainer({
-  className = "",
-  children,
-  isNotFound = false,
-  isFixHeight,
-  ...props
-}) {
-  const { t } = useTranslator();
-  const ABOVE_HEIGHT = NAVBAR_HEIGHT + PAGE_HEADER_HEIGHT;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        height: isFixHeight ? `calc(100vh - ${ABOVE_HEIGHT}px)` : "auto"
-      },
-      className: cn(
-        className,
-        "relative",
-        "flex flex-col gap-4",
-        "px-6 pt-6",
-        isFixHeight ? "pb-6" : "flex-1 pb-64"
-      ),
-      ...props,
-      children: isNotFound ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("ui.no-data.text") }) : children
-    }
-  );
-}
-
-export { ContentContainer };

package/dist/src/client/interfaces/components/ui/layouts/navbar/i18n-selector.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Link } from 'intor/next';
-import { Languages } from 'lucide-react';
-import '@radix-ui/react-avatar';
-import 'react';
-import 'ua-parser-js';
-import 'clsx';
-import 'tailwind-merge';
-import 'next/navigation';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
-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 '../../buttons/button.js';
-import 'intor/react';
-
-function createI18nSelector({
-  enabled,
-  locales,
-  localeDisplay
-}) {
-  return function I18nSelector() {
-    if (!enabled) return null;
-    return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "icon", children: [
-        /* @__PURE__ */ jsx(Languages, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Switch Languages" })
-      ] }) }),
-      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: locales.map((locale) => /* @__PURE__ */ jsx(Link, { locale, children: /* @__PURE__ */ jsx(DropdownMenuItem, { children: localeDisplay[locale] }) }, locale)) })
-    ] });
-  };
-}
-
-export { createI18nSelector };

package/dist/src/client/interfaces/components/ui/layouts/navbar/nav-user.js

@@ -1,106 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { UserCircle, ChevronsUpDown, PenLine } from 'lucide-react';
-import Link from 'next/link';
-import { PATHS } from '../../../../../../constants/paths/index.js';
-import '../../../../../../constants/redirect-paths.js';
-import 'mime-types';
-import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
-import { joinUrl } from '../../../../../../shared/utils/join-url.js';
-import { Avatar, AvatarImage, AvatarFallback } from '../../../shadcn/avatar.js';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import 'react';
-import 'ua-parser-js';
-import 'clsx';
-import 'tailwind-merge';
-import 'next/navigation';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import { SidebarMenu, SidebarMenuItem, SidebarMenuButton } from '../../../shadcn/sidebar.js';
-import { Spinner } from '../../../shadcn/spinner.js';
-import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
-
-function NavUser({
-  storageUrl,
-  admin,
-  isLoading = false,
-  SignOutButton
-}) {
-  const { t, locale } = useTranslator();
-  const { name } = findTranslation(admin?.translations, locale);
-  if (isLoading)
-    return /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", disabled: true, className: "w-64", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  if (!admin)
-    return /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", disabled: true, className: "w-64", children: /* @__PURE__ */ jsx(UserCircle, { className: "size-4" }) });
-  return /* @__PURE__ */ jsx(SidebarMenu, { className: "w-64", children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      SidebarMenuButton,
-      {
-        size: "lg",
-        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
-        disabled: isLoading,
-        children: [
-          /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-            admin.avatarImage?.key && /* @__PURE__ */ jsx(
-              AvatarImage,
-              {
-                src: joinUrl(storageUrl, admin.avatarImage?.key),
-                alt: name ?? ""
-              }
-            ),
-            /* @__PURE__ */ jsx(AvatarFallback, { className: "rounded-lg" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: name }),
-            /* @__PURE__ */ jsx("span", { className: "truncate text-xs", children: admin.email })
-          ] }),
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto size-4" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      DropdownMenuContent,
-      {
-        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
-        side: "bottom",
-        align: "end",
-        sideOffset: 4,
-        children: [
-          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
-            /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-              admin.avatarImage?.key && /* @__PURE__ */ jsx(
-                AvatarImage,
-                {
-                  src: joinUrl(storageUrl, admin.avatarImage?.key),
-                  alt: name ?? ""
-                }
-              ),
-              /* @__PURE__ */ jsx(AvatarFallback, { className: "rounded-lg" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-              /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: name }),
-              /* @__PURE__ */ jsx("span", { className: "truncate text-xs", children: admin.email })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(Link, { href: PATHS.auth.changePassword.path, children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
-            /* @__PURE__ */ jsx(PenLine, {}),
-            t("auth.change-password.text")
-          ] }) }) }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          SignOutButton
-        ]
-      }
-    )
-  ] }) }) });
-}
-
-export { NavUser };