sitero 0.2.0 → 0.3.0

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

@@ -0,0 +1,135 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { CircleX, CirclePlus } from 'lucide-react';
+import 'mime-types';
+import 'sitero-domain';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import { ActionButton } from '../buttons/action-button.js';
+import 'next/link';
+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-radio-group';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/navigation';
+import '../../../../../../constants/paths/redirect.js';
+import '../../../../../../constants/cms-locale.js';
+import { FormMessage } from '../form/form-message.js';
+import { Input } from './input.js';
+import './textarea.js';
+
+function StringArrayInput({
+  value,
+  onChange,
+  itemErrors = [],
+  className,
+  disabled = false,
+  id,
+  "aria-describedby": ariaDescribedBy,
+  "aria-errormessage": ariaErrorMessage,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired,
+  ...props
+}) {
+  const { t } = useTranslator();
+  const values = value.length > 0 ? value : [""];
+  const itemLabel = t("ui.string-array.item.text");
+  const addLabel = t("ui.string-array.add.text");
+  const removeLabel = t("ui.string-array.remove.text");
+  const updateValue = (index, nextValue) => {
+    const nextValues = [...values];
+    nextValues[index] = nextValue;
+    onChange(nextValues);
+  };
+  const removeValue = (index) => {
+    onChange(values.filter((_, valueIndex) => valueIndex !== index));
+  };
+  const addValue = (index) => {
+    const nextValues = [...values];
+    nextValues.splice(index + 1, 0, "");
+    onChange(nextValues);
+  };
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: values.map((item, index) => {
+    const itemError = itemErrors.find((error) => error.index === index);
+    const itemId = id ? `${id}-${index}` : void 0;
+    const itemErrorId = itemError?.message && itemId ? `${itemId}-error` : void 0;
+    const isFirstItem = index === 0;
+    const describedBy = [
+      isFirstItem ? ariaDescribedBy : void 0,
+      itemErrorId
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "text-muted-foreground flex h-10 w-5 shrink-0 items-center justify-center text-sm",
+          children: index + 1
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            ...props,
+            id: isFirstItem ? id : itemId,
+            value: item,
+            disabled,
+            "aria-describedby": describedBy || void 0,
+            "aria-errormessage": isFirstItem && ariaErrorMessage ? ariaErrorMessage : itemErrorId,
+            "aria-invalid": ariaInvalid || Boolean(itemError?.message),
+            "aria-required": isFirstItem ? ariaRequired : void 0,
+            "aria-label": isFirstItem ? void 0 : `${itemLabel} ${index + 1}`,
+            className: cn(className),
+            onChange: (event) => updateValue(index, event.target.value)
+          }
+        ),
+        itemError?.message && /* @__PURE__ */ jsx(FormMessage, { id: itemErrorId, className: "mt-1", children: itemError.message })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex h-10 shrink-0 items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          ActionButton,
+          {
+            variant: "outline",
+            size: "icon-sm",
+            disabled: disabled || values.length === 1 && item === "",
+            "aria-label": `${removeLabel} ${index + 1}`,
+            title: removeLabel,
+            onClick: () => removeValue(index),
+            children: /* @__PURE__ */ jsx(CircleX, { className: "text-destructive" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ActionButton,
+          {
+            variant: "outline",
+            size: "icon-sm",
+            disabled,
+            "aria-label": `${addLabel} ${index + 1}`,
+            title: addLabel,
+            onClick: () => addValue(index),
+            children: /* @__PURE__ */ jsx(CirclePlus, { className: "text-success" })
+          }
+        )
+      ] })
+    ] }, index);
+  }) });
+}
+
+export { StringArrayInput };

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

@@ -0,0 +1,82 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import 'mime-types';
+import 'sitero-domain';
+import 'ua-parser-js';
+import '../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import { cn } from '../../../../../../shared/utils/cn.js';
+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-radio-group';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import { Spinner } from '../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+
+const SwitchInput = forwardRef(
+  function SwitchInput2({
+    checked = false,
+    className,
+    disabled = false,
+    isLoading = false,
+    ...props
+  }, ref) {
+    const isDisabled = disabled || isLoading;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "relative h-6 w-12 min-w-12 overflow-hidden rounded-full p-1 shadow-inner transition",
+          checked && !isLoading ? "bg-success" : "bg-secondary",
+          "has-[:focus-visible]:ring-ring has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "block size-4 rounded-full bg-white shadow transition-transform duration-200",
+                checked && "translate-x-6",
+                isLoading && "opacity-0"
+              )
+            }
+          ),
+          isLoading && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "absolute top-1 left-1", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              type: "checkbox",
+              role: "switch",
+              checked,
+              disabled: isDisabled,
+              "aria-busy": isLoading || void 0,
+              className: cn(
+                "absolute inset-0 h-full w-full appearance-none opacity-0",
+                isDisabled ? "cursor-not-allowed" : "cursor-pointer"
+              ),
+              ...props
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+export { SwitchInput };

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

@@ -1,22 +1,20 @@
 "use client";
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import '@radix-ui/react-avatar';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useEffect } from 'react';
 import 'mime-types';
 import 'sitero-domain';
 import 'ua-parser-js';
 import '../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
-import 'clsx';
-import 'tailwind-merge';
-import 'zod';
+import { cn } from '../../../../../../shared/utils/cn.js';
+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 { InputGroup, InputGroupAddon } from '../../shadcn/input-group.js';
+import '../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
@@ -24,49 +22,48 @@ import '@radix-ui/react-separator';
 import '../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
-import { Spinner } from '../../shadcn/spinner.js';
 import '@radix-ui/react-tabs';
 import { Textarea as Textarea$1 } from '../../shadcn/textarea.js';
 import '@radix-ui/react-tooltip';
 
-function Textarea({
-  // form context
-  formData,
-  fieldName,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  // base
-  ...props
-}) {
-  isDisabled = isDisabled || isLoading;
-  const rawValue = formData && fieldName && typeof formData[fieldName] === "string" ? formData[fieldName] : void 0;
-  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 ? "" : rawValue ?? props.value,
-      onChange: (e) => {
-        resetHeight(e.target);
-        if (!setFormData || !fieldName) return;
-        setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
-      },
-      ...props
-    }
-  ) });
-}
+const Textarea = forwardRef(
+  function Textarea2({ autoResize = true, className, onChange, rows = 1, value, ...props }, forwardedRef) {
+    const textareaRef = useRef(null);
+    const resize = (element) => {
+      element.style.height = "auto";
+      element.style.height = `${element.scrollHeight}px`;
+    };
+    useEffect(() => {
+      if (autoResize && textareaRef.current) {
+        resize(textareaRef.current);
+      }
+    }, [autoResize, value]);
+    return /* @__PURE__ */ jsx(
+      Textarea$1,
+      {
+        ref: (element) => {
+          textareaRef.current = element;
+          if (typeof forwardedRef === "function") {
+            forwardedRef(element);
+          } else if (forwardedRef) {
+            forwardedRef.current = element;
+          }
+        },
+        value,
+        rows,
+        className: cn(
+          "min-h-10",
+          autoResize ? "resize-none" : "resize-y",
+          className
+        ),
+        onChange: (event) => {
+          if (autoResize) resize(event.target);
+          onChange?.(event);
+        },
+        ...props
+      }
+    );
+  }
+);
 
 export { Textarea };

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

@@ -9,7 +9,6 @@ import '../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
 import '../../shadcn/badge.js';
 import '../../shadcn/button.js';
 import '@radix-ui/react-collapsible';

package/dist/src/cms/client/interfaces/components/ui/layouts/cms-layout.js

@@ -8,7 +8,6 @@ import 'ua-parser-js';
 import '../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../shared/utils/cn.js';
-import 'zod';
 import { AdminProvider } from '../../../../infrastructure/admin-session/admin-context.js';
 import { AdminInitializer } from '../../../../infrastructure/admin-session/admin-initializer.js';
 import '@radix-ui/react-avatar';

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

@@ -8,7 +8,6 @@ import 'ua-parser-js';
 import '../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../shared/utils/cn.js';
-import 'zod';
 import { CMS_NAVBAR_HEIGHT, CMS_PAGE_HEADER_HEIGHT } from '../../../styles/constants.js';
 
 function ContentContainer({

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

@@ -10,7 +10,6 @@ import '../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
 import '../../shadcn/badge.js';
 import '../../shadcn/button.js';
 import '@radix-ui/react-collapsible';

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

@@ -13,7 +13,7 @@ import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
 import { localeToFlagEmoji } from '../../../../../../../shared/utils/locale-to-flag-emoji.js';
-import 'zod';
+import { getLocaleLanguageCode } from '../../../../../../../shared/utils/get-locale-language-code.js';
 import '@radix-ui/react-avatar';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
@@ -30,27 +30,27 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
+import { ActionButton } from '../../buttons/action-button.js';
+import 'next/link';
 import 'next/navigation';
 import '../../../../../../../constants/paths/redirect.js';
 
-function localeToLanguageDisplayName(locale) {
-  const language = new Intl.Locale(locale).language;
-  return new Intl.DisplayNames([locale], { type: "language" }).of(language) ?? locale;
-}
 function I18nSelector() {
-  const { t } = useTranslator();
+  const { t, format } = useTranslator();
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "icon-lg", children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(ActionButton, { variant: "outline", size: "icon-lg", children: [
       /* @__PURE__ */ jsx(Languages, {}),
       /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Select Languages" })
     ] }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
       /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", children: t("ui.navbar.i18n-selector.label.text") }),
-      CMS_LOCALES_ARRAY.map((locale) => /* @__PURE__ */ jsx(Link, { locale, children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
-        /* @__PURE__ */ jsx("span", { className: "mr-1", children: localeToFlagEmoji(locale) }),
-        localeToLanguageDisplayName(locale)
-      ] }) }, locale))
+      CMS_LOCALES_ARRAY.map((locale) => {
+        const language = getLocaleLanguageCode(locale);
+        return /* @__PURE__ */ jsx(Link, { locale, children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+          /* @__PURE__ */ jsx("span", { className: "mr-1", children: localeToFlagEmoji(locale) }),
+          language ? format.displayName(language, { type: "language" }) : locale
+        ] }) }, locale);
+      })
     ] })
   ] });
 }

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

@@ -15,7 +15,6 @@ import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
-import 'zod';
 import { useAdmin } from '../../../../../infrastructure/admin-session/admin-context.js';
 import { Avatar, AvatarImage, AvatarFallback } from '../../../shadcn/avatar.js';
 import '../../../shadcn/badge.js';
@@ -34,7 +33,7 @@ import 'sonner';
 import { Spinner } from '../../../shadcn/spinner.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
+import { ActionButton } from '../../buttons/action-button.js';
 import 'next/navigation';
 import { SignOutButton } from './sign-out-button.js';
 
@@ -47,14 +46,14 @@ function NavUser({
   const { admin, isLoading } = useAdmin();
   const { name } = findTranslation(admin?.translations, locale);
   if (isLoading)
-    return /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: true, className: WRAPPER_CLASS_NAMES, children: /* @__PURE__ */ jsx(Spinner, {}) });
+    return /* @__PURE__ */ jsx(ActionButton, { variant: "outline", disabled: true, className: WRAPPER_CLASS_NAMES, children: /* @__PURE__ */ jsx(Spinner, {}) });
   if (!admin)
-    return /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: true, className: WRAPPER_CLASS_NAMES, children: /* @__PURE__ */ jsx(UserCircle, { className: "size-4" }) });
+    return /* @__PURE__ */ jsx(ActionButton, { variant: "outline", disabled: true, className: WRAPPER_CLASS_NAMES, children: /* @__PURE__ */ jsx(UserCircle, { className: "size-4" }) });
   const AvatarComponent = /* @__PURE__ */ jsxs(Avatar, { className: "size-10 rounded-lg", children: [
-    admin.avatarImage?.key && /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
       AvatarImage,
       {
-        src: joinUrl(storageUrl, admin.avatarImage?.key),
+        src: admin.avatarImage?.key ? joinUrl(storageUrl, admin.avatarImage.key) : void 0,
         alt: name ?? ""
       }
     ),

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

@@ -13,7 +13,6 @@ import 'mime-types';
 import 'sitero-domain';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
@@ -30,7 +29,9 @@ import 'sonner';
 import { Spinner } from '../../../shadcn/spinner.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
+import { ActionButton } from '../../buttons/action-button.js';
+import 'next/link';
+import { ExternalLinkButton } from '../../buttons/external-link-button.js';
 import 'next/navigation';
 import '../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../constants/cms-locale.js';
@@ -55,8 +56,8 @@ function createNavbar({
           style: { height: `${CMS_NAVBAR_HEIGHT}px` },
           className: "flex w-full items-center gap-3 px-3",
           children: [
-            isLoading ? /* @__PURE__ */ jsx(Button, { className: "size-8", variant: "ghost", disabled: true, children: /* @__PURE__ */ jsx(Spinner, {}) }) : !admin ? /* @__PURE__ */ jsx(Button, { className: "size-8", variant: "ghost", disabled: true, children: /* @__PURE__ */ jsx(SidebarIcon, {}) }) : /* @__PURE__ */ jsx(
-              Button,
+            isLoading ? /* @__PURE__ */ jsx(ActionButton, { className: "size-8", variant: "ghost", disabled: true, children: /* @__PURE__ */ jsx(Spinner, {}) }) : !admin ? /* @__PURE__ */ jsx(ActionButton, { className: "size-8", variant: "ghost", disabled: true, children: /* @__PURE__ */ jsx(SidebarIcon, {}) }) : /* @__PURE__ */ jsx(
+              ActionButton,
               {
                 className: "size-8",
                 variant: "ghost",
@@ -66,11 +67,10 @@ function createNavbar({
             ),
             /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mr-1 h-4" }),
             /* @__PURE__ */ jsxs(
-              Button,
+              ExternalLinkButton,
               {
                 variant: "default",
                 href: webUrl,
-                openNewTab: true,
                 className: "h-10 max-lg:w-10",
                 children: [
                   /* @__PURE__ */ jsx(House, {}),

package/dist/src/cms/client/interfaces/components/ui/layouts/navbar/sign-out-button.js

@@ -10,13 +10,13 @@ import 'react';
 import 'ua-parser-js';
 import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
-import { useCmsCommand } from '../../../../../infrastructure/feedback/use-cms-command.js';
+import 'zod';
+import { useCmsCommand } from '../../../../../infrastructure/operation-result/use-cms-command.js';
 import '@radix-ui/react-avatar';
 import 'mime-types';
 import 'sitero-domain';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';

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

@@ -12,7 +12,6 @@ import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
@@ -27,7 +26,8 @@ import '../../../shadcn/sidebar/sidebar.js';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
+import { ActionButton } from '../../buttons/action-button.js';
+import 'next/link';
 import 'next/navigation';
 import '../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../constants/cms-locale.js';
@@ -36,7 +36,7 @@ function ThemeSelector() {
   const { setTheme } = useTheme();
   const { t } = useTranslator();
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "icon-lg", children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(ActionButton, { variant: "outline", size: "icon-lg", children: [
       /* @__PURE__ */ jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
       /* @__PURE__ */ jsx(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
       /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Select Themes" })

package/dist/src/cms/client/interfaces/components/ui/layouts/sidebar/nav-main.js

@@ -12,7 +12,6 @@ import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../../../shadcn/collapsible.js';

package/dist/src/cms/client/interfaces/pages/(auth)/email-unverified/page.js

@@ -12,13 +12,13 @@ import { useCountdown } from '../../../../../../shared/client/hooks/use-count-do
 import '../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { useAdmin } from '../../../../infrastructure/admin-session/admin-context.js';
-import { useCmsCommand } from '../../../../infrastructure/feedback/use-cms-command.js';
+import 'zod';
+import { useCmsCommand } from '../../../../infrastructure/operation-result/use-cms-command.js';
 import '@radix-ui/react-avatar';
 import 'mime-types';
 import 'sitero-domain';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
 import '../../../components/shadcn/badge.js';
 import '../../../components/shadcn/button.js';
 import { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../../../components/shadcn/card.js';
@@ -36,9 +36,12 @@ import 'sonner';
 import { Spinner } from '../../../components/shadcn/spinner.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import { Button } from '../../../components/ui/buttons/button.js';
+import { ActionButton } from '../../../components/ui/buttons/action-button.js';
+import 'next/link';
 import { Form } from '../../../components/ui/form/form.js';
 import { CMS_NAVBAR_HEIGHT } from '../../../styles/constants.js';
+import '../../../components/ui/inputs/input.js';
+import '../../../components/ui/inputs/textarea.js';
 
 function createEmailUnverifiedPage({
   adminEmailUnverifiedAction
@@ -91,7 +94,7 @@ function createEmailUnverifiedPage({
               "features.authentication.admin.email-unverified.notice.text"
             ) }) }),
             /* @__PURE__ */ jsx(
-              Button,
+              ActionButton,
               {
                 type: "submit",
                 isLoading: isLoading || isPending,