@yimingliao/cms 0.0.136 → 0.0.138

package/dist/src/client/interfaces/components/ui/features/pick-modal/pick-modal-trigger.js

@@ -0,0 +1,97 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { MousePointerClick } from 'lucide-react';
+import { useState, Children, isValidElement, cloneElement } from '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 { DialogTrigger } from '../../../shadcn/dialog.js';
+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 '@radix-ui/react-dialog';
+import '../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+
+function PickModalTrigger({
+  // form context
+  fieldName,
+  formData,
+  // ui states
+  isLoading = false,
+  isDisabled = false,
+  // modal control
+  setIsOpen,
+  // pick
+  isMultiPick = false,
+  setPickedItems,
+  // base
+  pickedDisplay
+  // Can be array
+}) {
+  const { t } = useTranslator();
+  const [isHovered, setIsHovered] = useState(false);
+  const fieldValue = formData?.[fieldName ?? ""];
+  const isArray = Array.isArray(fieldValue);
+  const hasPickedItems = !isMultiPick && fieldValue || isMultiPick && isArray && fieldValue?.length > 0;
+  const handleClick = () => {
+    if (isDisabled || isLoading) return;
+    setIsOpen?.(true);
+    setPickedItems(isArray ? fieldValue : fieldValue ? [fieldValue] : []);
+  };
+  return /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, className: cn(isDisabled && "pointer-events-none"), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("h-max w-full justify-start"),
+      onClick: handleClick,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: hasPickedItems ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          className: cn(
+            "flex h-max w-full flex-wrap justify-start gap-3 px-3",
+            !isHovered && "hover:bg-background dark:hover:bg-input/30"
+          ),
+          children: Children.toArray(pickedDisplay).map((child, i) => {
+            if (isValidElement(child)) {
+              const props = { ...child.props, openNewTab: true };
+              child = cloneElement(child, props);
+            }
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                onMouseEnter: () => setIsHovered(false),
+                onMouseLeave: () => setIsHovered(true),
+                children: child
+              },
+              i
+            );
+          })
+        }
+      ) : /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          isLoading,
+          isDisabled,
+          className: "text-muted-foreground w-full justify-start",
+          children: [
+            /* @__PURE__ */ jsx(MousePointerClick, {}),
+            /* @__PURE__ */ jsx("span", { children: t("ui.modal.pick-modal.pick.text") })
+          ]
+        }
+      )
+    }
+  ) });
+}
+
+export { PickModalTrigger };

package/dist/src/client/interfaces/components/ui/features/pick-modal/pick-modal.js

@@ -0,0 +1,77 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { 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 { Dialog } from '../../../shadcn/dialog.js';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+import '../../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-dialog';
+import '../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { PickModalBody } from './pick-modal-body.js';
+import { PickModalTrigger } from './pick-modal-trigger.js';
+
+function PickModal({
+  // form context
+  fieldName,
+  formData,
+  setFormData,
+  // ui states
+  isLoading = false,
+  isDisabled = false,
+  // External Control (use in CKEditor)
+  isOpen: externalIsOpen,
+  setIsOpen: externalSetIsOpen,
+  // pick
+  isMultiPick = false,
+  // base
+  pickedDisplay,
+  // Can be array
+  itemList,
+  aboveManagementCard
+}) {
+  const [internalIsOpen, setInternalIsOpen] = useState(false);
+  const isOpen = externalIsOpen ?? internalIsOpen;
+  const setIsOpen = externalSetIsOpen ?? setInternalIsOpen;
+  const [pickedItems, setPickedItems] = useState([]);
+  return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx(
+      PickModalTrigger,
+      {
+        fieldName,
+        formData,
+        isLoading,
+        isDisabled,
+        setIsOpen,
+        isMultiPick,
+        setPickedItems,
+        pickedDisplay
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+      PickModalBody,
+      {
+        setIsOpen,
+        fieldName,
+        setFormData,
+        pickedItems,
+        setPickedItems,
+        isMultiPick,
+        itemList,
+        aboveManagementCard
+      }
+    ) })
+  ] });
+}
+
+export { PickModal };

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

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import Image from 'next/image';
+import 'mime-types';
+import { joinUrl } from '../../../../../shared/utils/join-url.js';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+
+const BREAKPOINT = 1024;
+function createSmartImage(storageUrl) {
+  return function SmartImage({
+    // next/image
+    sizes,
+    fill = true,
+    placeholder,
+    // image
+    src,
+    fileKey,
+    alt = "",
+    width,
+    height,
+    // base
+    className = "",
+    imageClassName = "",
+    ...props
+  }) {
+    const isFixedSize = width !== void 0 && height !== void 0;
+    const resolvedSizes = typeof sizes === "string" ? sizes : sizes ? `(max-width: ${BREAKPOINT}px) ${sizes.mobile ?? sizes.desktop}, ${sizes.desktop}` : void 0;
+    const resolvedPlaceholder = placeholder ?? (typeof src === "object" ? "blur" : void 0);
+    const resolvedSrc = src ?? (fileKey ? joinUrl(storageUrl, fileKey) : void 0);
+    if (!resolvedSrc) {
+      throw new Error("SmartImage requires src or fileKey");
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          fill ? "relative size-full" : "relative inline-block",
+          className
+        ),
+        children: /* @__PURE__ */ jsx(
+          Image,
+          {
+            sizes: resolvedSizes,
+            fill: !isFixedSize && fill,
+            ...isFixedSize && { width, height },
+            ...resolvedPlaceholder && { placeholder: resolvedPlaceholder },
+            src: resolvedSrc,
+            alt,
+            className: cn("size-full object-cover", imageClassName),
+            ...props
+          }
+        )
+      }
+    );
+  };
+}
+
+export { createSmartImage };

package/dist/src/client/interfaces/components/ui/features/tick.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { CircleCheck } from 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+
+function Tick({ isPicked = false, className = "" }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        className,
+        "z-20",
+        "bg-background text-success",
+        "rounded-full",
+        "shadow-xs",
+        isPicked ? "opacity-100" : "scale-0 opacity-0",
+        "pointer-events-none",
+        "transition"
+      ),
+      children: /* @__PURE__ */ jsx(CircleCheck, {})
+    }
+  );
+}
+
+export { Tick };

package/dist/src/client/interfaces/components/ui/form/control-fields/control-fields-display.js

@@ -8,14 +8,15 @@ import 'clsx';
 import 'tailwind-merge';
 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 '@radix-ui/react-dialog';
 import '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { Checkbox } from '../../inputs/checkbox.js';

package/dist/src/client/interfaces/components/ui/form/control-fields/control-fields-input.js

@@ -8,14 +8,15 @@ import 'clsx';
 import 'tailwind-merge';
 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 '@radix-ui/react-dialog';
 import '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { Checkbox } from '../../inputs/checkbox.js';

package/dist/src/client/interfaces/components/ui/form/control-fields/control-fields.js

@@ -4,16 +4,17 @@ 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 { Card } from '../../../shadcn/card.js';
 import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dropdown-menu';
+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 '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { ControlFieldsDisplay } from './control-fields-display.js';

package/dist/src/client/interfaces/components/ui/form/field-body.js

@@ -6,15 +6,16 @@ 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-dropdown-menu';
+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 '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import { Spinner } from '../../shadcn/spinner.js';
 import '@radix-ui/react-tooltip';

package/dist/src/client/interfaces/components/ui/form/field.js

@@ -6,14 +6,15 @@ 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 '../../shadcn/input-group.js';
 import { Label } from '../../shadcn/label.js';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 

package/dist/src/client/interfaces/components/ui/form/index-field.js

@@ -9,14 +9,15 @@ import 'next/navigation';
 import { ExpandableList } from '../features/expandable-list/expandable-list.js';
 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 '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import 'intor/react';

package/dist/src/client/interfaces/components/ui/form/slug-field.js

@@ -9,14 +9,15 @@ import 'next/navigation';
 import { ExpandableList } from '../features/expandable-list/expandable-list.js';
 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 '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import 'intor/react';

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

@@ -6,14 +6,15 @@ 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 { Separator } from '../../shadcn/separator.js';
-import '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { Button } from '../buttons/button.js';

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

@@ -5,15 +5,16 @@ 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-dropdown-menu';
+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 '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import { Spinner } from '../../shadcn/spinner.js';
 import '@radix-ui/react-tooltip';

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

@@ -5,15 +5,16 @@ 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-dropdown-menu';
+import '@radix-ui/react-dialog';
 import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
 import { InputGroup, InputGroupAddon, InputGroupInput } from '../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import { Spinner } from '../../shadcn/spinner.js';
 import '@radix-ui/react-tooltip';

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

@@ -7,14 +7,15 @@ 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, InputGroupButton } from '../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { Input } from './input.js';

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

@@ -8,14 +8,15 @@ 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 '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import { Spinner } from '../../shadcn/spinner.js';
 import '@radix-ui/react-tooltip';

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

@@ -5,15 +5,16 @@ 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-dropdown-menu';
+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 '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 

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

@@ -6,15 +6,16 @@ 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-dropdown-menu';
+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 '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import { Spinner } from '../../shadcn/spinner.js';
 import { Textarea as Textarea$1 } from '../../shadcn/textarea.js';

package/dist/src/client/interfaces/components/ui/layouts/auth-skeleton.js

@@ -5,15 +5,16 @@ 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-dropdown-menu';
+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 '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import { Skeleton } from '../../shadcn/skeleton.js';
 import '@radix-ui/react-tooltip';

package/dist/src/client/interfaces/components/ui/layouts/dashboard-skeleton.js

@@ -7,15 +7,16 @@ 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-dropdown-menu';
+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 '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import { useSidebar, Sidebar, SidebarInset } from '../../shadcn/sidebar.js';
 import { Skeleton } from '../../shadcn/skeleton.js';
 import '@radix-ui/react-tooltip';

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

@@ -8,14 +8,15 @@ 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 '@radix-ui/react-dialog';
 import '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../buttons/button.js';

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

@@ -9,6 +9,7 @@ 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';
@@ -16,12 +17,12 @@ 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 '@radix-ui/react-dialog';
 import { SidebarMenu, SidebarMenuItem, SidebarMenuButton } from '../../../shadcn/sidebar.js';
 import { Spinner } from '../../../shadcn/spinner.js';
 import '@radix-ui/react-tooltip';

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

@@ -4,25 +4,26 @@ import { useTranslator } from 'intor/react';
 import { SidebarIcon, House, SquareArrowOutUpRight } from 'lucide-react';
 import { PATHS } from '../../../../../../constants/paths/index.js';
 import '../../../../../../constants/redirect-paths.js';
-import 'sonner';
+import { useAdmin } from '../../../../../infrastructure/contexts/admin.js';
+import 'next-themes';
 import '@tanstack/react-query';
 import 'react';
 import 'mime-types';
-import { useAdmin } from '../../../../../infrastructure/contexts/admin.js';
-import 'next-themes';
+import 'sonner';
 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 '../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import { Separator } from '../../../shadcn/separator.js';
-import '@radix-ui/react-dialog';
 import { useSidebar } from '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../buttons/button.js';