sitero 0.0.1

package/dist/src/cms/client/interfaces/components/ui/inputs/editor/plugins/asset-manager/use-control-asset-mamager.js

@@ -0,0 +1,28 @@
+import { ImageUtils } from 'ckeditor5';
+import { useTranslator } from 'intor/react';
+import { useState, useEffect } from 'react';
+import 'mime-types';
+import { findTranslation } from '../../../../../../../../../shared/translation/find-translation.js';
+import 'clsx';
+import 'tailwind-merge';
+import { joinUrl } from '../../../../../../../../../shared/utils/join-url.js';
+
+const useControlAssetManager = (editorRef, storageUrl) => {
+  const { locale } = useTranslator();
+  const [isOpenAssetManager, setIsOpenAssetManager] = useState(false);
+  const [formData, setFormData] = useState({
+    file: null
+  });
+  useEffect(() => {
+    const { file } = formData;
+    if (!editorRef.current || !file) return;
+    const src = joinUrl(storageUrl, `${file.key}?id=${file.id}`);
+    const alt = findTranslation(file.translations, locale)?.alt ?? "";
+    const imageUtils = editorRef.current.plugins.get(ImageUtils.pluginName);
+    imageUtils.insertImage({ src, alt });
+    queueMicrotask(() => setFormData({ file: null }));
+  }, [editorRef, formData, locale, storageUrl]);
+  return { isOpenAssetManager, setIsOpenAssetManager, formData, setFormData };
+};
+
+export { useControlAssetManager };

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

@@ -0,0 +1,91 @@
+import { toast } from 'sonner';
+import '../../../../../../../../../core/domain/resources/admin/constants.js';
+import { SIMPLE_UPLOAD_FOLDER_KEY } from '../../../../../../../../../core/domain/resources/constants.js';
+import 'mime-types';
+import { getMediaInfo } from '../../../../../../../../../shared/blob-file/get-media-info/get-media-info.js';
+import { createBuildTranslations } from '../../../../../../../../../shared/translation/create-build-translations.js';
+import 'clsx';
+import 'tailwind-merge';
+import { joinUrl } from '../../../../../../../../../shared/utils/join-url.js';
+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';
+
+function createUploadAdapter({
+  fileUploadApi,
+  logger,
+  storageUrl,
+  locales
+}) {
+  const buildTranslations = createBuildTranslations({ locales });
+  return class UploadAdapter {
+    constructor(loader, execute, queryClient) {
+      this.loader = loader;
+      this.execute = execute;
+      this.queryClient = queryClient;
+    }
+    loader;
+    execute;
+    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/cms/client/interfaces/components/ui/inputs/editor/plugins/word-count-display/icons.js

@@ -0,0 +1,17 @@
+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/cms/client/interfaces/components/ui/inputs/editor/plugins/word-count-display/word-count-display.js

@@ -0,0 +1,83 @@
+import { Plugin, ButtonView } from 'ckeditor5';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+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/cms/client/interfaces/components/ui/inputs/editor/use-init-editor/use-init-editor.js

@@ -0,0 +1,53 @@
+"use client";
+import { FileRepository } from 'ckeditor5';
+import { useRef, useEffect } from 'react';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+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/cms/client/interfaces/components/ui/inputs/input.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'mime-types';
+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, InputGroupInput } from '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+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';
+
+function Input({
+  // form context
+  fieldName,
+  setFormData,
+  // ui states
+  isLoading = false,
+  isDisabled = false,
+  isError = false,
+  // base
+  className,
+  inputGroupClassName,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    InputGroup,
+    {
+      "data-disabled": isDisabled || isLoading,
+      className: cn("h-10", inputGroupClassName),
+      children: [
+        isLoading ? /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
+          InputGroupInput,
+          {
+            disabled: isDisabled || isLoading,
+            "aria-invalid": isError,
+            onChange: (e) => {
+              if (!setFormData || !fieldName) return;
+              setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
+            },
+            className: cn("h-10", className),
+            ...props
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+
+export { Input };

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

@@ -0,0 +1,42 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Eye, EyeOff } from 'lucide-react';
+import { useState } from 'react';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+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 '../../shadcn/item.js';
+import '@radix-ui/react-label';
+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 { Input } from './input.js';
+
+function PasswordInput({
+  ...props
+}) {
+  const [showPassword, setShowPassword] = useState(false);
+  return /* @__PURE__ */ jsx(Input, { type: showPassword ? "text" : "password", ...props, children: /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx(
+    InputGroupButton,
+    {
+      "aria-label": showPassword ? "Hide password" : "Show password",
+      title: showPassword ? "Hide password" : "Show password",
+      size: "icon-xs",
+      onClick: () => setShowPassword((prev) => !prev),
+      children: showPassword ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeOff, {})
+    }
+  ) }) });
+}
+
+export { PasswordInput };

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

@@ -0,0 +1,64 @@
+"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 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+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 '../../shadcn/item.js';
+import '@radix-ui/react-label';
+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';
+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/cms/client/interfaces/components/ui/inputs/select.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'mime-types';
+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 '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import { Select as Select$1, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectLabel, SelectItem } from '../../shadcn/select.js';
+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';
+
+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/cms/client/interfaces/components/ui/inputs/textarea.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+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/item.js';
+import '@radix-ui/react-label';
+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 { 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/cms/client/interfaces/components/ui/layouts/auth-skeleton.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+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 '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import { Skeleton } from '../../shadcn/skeleton.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+
+function AuthSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex w-96 flex-col gap-2 py-3",
+      style: { marginTop: "56px" },
+      children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "mb-10 h-10 w-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-4/5" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-2/5" })
+      ]
+    }
+  ) });
+}
+
+export { AuthSkeleton };