adminizer 4.2.0 → 4.3.0-build.101

package/translations/jp.json

@@ -3,9 +3,10 @@
   "Actions": "アクション",
   "All": "全て",
   "Are you sure?": "本気ですか？",
-  "Back": "戻る",
-  "Back to Login": "ログインに戻ります",
-  "Clean": "クリーン",
+  "Back": "戻る",
+  "Back to Login": "ログインに戻ります",
+  "Additional login page": "追加のログインページ",
+  "Clean": "クリーン",
   "Confirm Password": "パスワードを認証する",
   "Confirm Password*": "パスワードを認証する*",
   "Create": "作成する",
@@ -69,4 +70,4 @@
   "You don't have any widgets selected yet. You can add them by clicking on the plus sign at the top right.": "まだ選択されているウィジェットはありません。右上のプラスサインをクリックして追加できます。",
   "create": "作成する",
   "create new": "新しいものを作成します"
-}
+}

package/translations/ko.json

@@ -3,9 +3,10 @@
   "Actions": "행위",
   "All": "모두",
   "Are you sure?": "확실합니까?",
-  "Back": "뒤쪽에",
-  "Back to Login": "로그인으로 돌아갑니다",
-  "Clean": "깨끗한",
+  "Back": "뒤쪽에",
+  "Back to Login": "로그인으로 돌아갑니다",
+  "Additional login page": "추가 로그인 페이지",
+  "Clean": "깨끗한",
   "Confirm Password": "비밀번호를 확인하십시오",
   "Confirm Password*": "비밀번호 확인*",
   "Create": "만들다",
@@ -69,4 +70,4 @@
   "You don't have any widgets selected yet. You can add them by clicking on the plus sign at the top right.": "아직 위젯이 선택되지 않았습니다. 오른쪽 상단의 플러스 부호를 클릭하여 추가 할 수 있습니다.",
   "create": "만들다",
   "create new": "새로운 창조"
-}
+}

package/translations/pt.json

@@ -3,9 +3,10 @@
   "Actions": "Ações",
   "All": "Todos",
   "Are you sure?": "Tem certeza?",
-  "Back": "Voltar",
-  "Back to Login": "De volta ao login",
-  "Clean": "Limpar",
+  "Back": "Voltar",
+  "Back to Login": "De volta ao login",
+  "Additional login page": "Página adicional de login",
+  "Clean": "Limpar",
   "Confirm Password": "Confirme sua senha",
   "Confirm Password*": "Confirme sua senha*",
   "Create": "Criar",
@@ -69,4 +70,4 @@
   "You don't have any widgets selected yet. You can add them by clicking on the plus sign at the top right.": "Você ainda não tem widgets selecionados. Você pode adicioná -los clicando no sinal de mais no canto superior direito.",
   "create": "criar",
   "create new": "Crie novo"
-}
+}

package/translations/ru.json

@@ -5,6 +5,7 @@
     "Are you sure?": "Вы уверены?",
     "Back": " Назад",
     "Back to Login": "Назад ко входу",
+    "Additional login page": "Дополнительная страница входа",
     "Clean": "Очистить",
     "Confirm Password": "Подтвердите пароль",
     "Confirm Password*": "Подтвердите пароль*",
@@ -118,4 +119,4 @@
     "W x H (orig.)": "W x H (orig.)",
     "Sizes/Ver": "Sizes/Ver",
     "Locales": "Locales"
-}
+}

package/translations/ua.json

@@ -3,9 +3,10 @@
   "Actions": "Дії",
   "All": "Все",
   "Are you sure?": "Ви впевнені?",
-  "Back": "Спинка",
-  "Back to Login": "Назад до входу",
-  "Clean": "Чистий",
+  "Back": "Спинка",
+  "Back to Login": "Назад до входу",
+  "Additional login page": "Додаткова сторінка входу",
+  "Clean": "Чистий",
   "Confirm Password": "Підтвердити пароль",
   "Confirm Password*": "Підтвердити пароль*",
   "Create": "Створити",
@@ -69,4 +70,4 @@
   "You don't have any widgets selected yet. You can add them by clicking on the plus sign at the top right.": "У вас ще не вибрано жодних віджетів. Ви можете додати їх, натиснувши на знак плюс у верхній частині праворуч.",
   "create": "створити",
   "create new": "створити нове"
-}
+}

package/translations/uz.json

@@ -1,72 +1,73 @@
-{
-  "Action completed": "Harakat tugadi",
-  "Actions": "Harakatlar",
-  "All": "Hamma",
-  "Are you sure?": "Ishonasizmi?",
-  "Back": "Orqaga qaytish",
-  "Back to Login": "Kirish uchun qaytish",
-  "Clean": "Tozalamoq",
-  "Confirm Password": "Parolni tasdiqlang",
-  "Confirm Password*": "Parolni tasdiqlang*",
-  "Create": "Yaratmoq",
-  "Create a new administrator": "Yangi ma'mur yarating",
-  "Create an Account": "Hisob ochish",
-  "Custom": "Odat",
-  "Delete": "O'chirmoq",
-  "E-mail": "Elektron pochta",
-  "Edit": "Tahrirlamoq",
-  "Email": "Elektron pochta",
-  "Fast links": "Tez havolalar",
-  "Full Name": "To'liq ism",
-  "Full name": "To'liq ism",
-  "Group description": "Guruh tavsifi",
-  "Group name": "Guruh nomi",
-  "Group settings": "Guruh sozlamalari",
-  "Info": "Ma'lumot",
-  "Is Administrator": "Bu ma'mur",
-  "Is confirmed": "Tasdiqlangan",
-  "Link": "Bog'lamoq",
-  "Locale": "Mahalliy",
-  "Log in": "Tizimga kirish",
-  "Login": "Tizimga kirish",
-  "Members": "A'zolari",
-  "New record was created": "Yangi rekord yaratildi",
-  "No": "Yo'q",
-  "No records found !": "Yozuvlar topilmadi!",
-  "No widgets found": "Vidjetlar topilmadi",
-  "Not found": "Topilmadi",
-  "OR": "Yoki",
-  "Open in a new window": "Yangi oynada oching",
-  "Password": "Parol",
-  "Passwords do not match!": "Parollar mos kelmaydi!",
-  "Performing an action...": "Harakatni bajarish ...",
-  "Please fill out the fields below": "Iltimos, quyidagi maydonlarni to'ldiring",
-  "Pretend to be a user": "Foydalanuvchi deb da'vo qiling",
-  "Profile expires": "Profil muddati tugaydi",
-  "Quick actions": "Tez harakatlar",
-  "Record was not removed": "Yozuv olib tashlanmadi",
-  "Record was removed successfully !": "Yozuv muvaffaqiyatli olib tashlandi!",
-  "Record was updated": "Yozuv yangilandi",
-  "Register": "Ro'yxatga olmoq",
-  "Repeat password": "Parolni qayta kiriting",
-  "Reset": "Qayta o'rnatmoq",
-  "Save": "Tejash",
-  "Search": "Qidirish",
-  "Select": "Tanlamoq",
-  "Select Ids": "IDS-ni tanlang",
-  "Select Item type": "Element turi-ni tanlang",
-  "Select Items": "Elementlarni tanlang",
-  "Switcher": "O'zgartirmoq",
-  "Timezone": "Vaqtincha",
-  "Title": "Sarlavha",
-  "Toggle to change the grid. To save the grid, turn it off.": "Panjarani o'zgartirish uchun almashtiring. Gridni saqlash uchun uni o'chiring.",
-  "User groups": "Foydalanuvchi guruhlari",
-  "User settings": "Foydalanuvchi parametrlari",
-  "Values in \"password\" and \"repeatPassword\" fields should be the same": "\"Parol\" va \"Raqamli\" maydonidagi qiymatlar bir xil bo'lishi kerak",
-  "View": "Qarash",
-  "Welcome": "Xush kelibsiz",
-  "Yes": "Ha",
-  "You don't have any widgets selected yet. You can add them by clicking on the plus sign at the top right.": "Sizda hali tanlangan hech qanday vidjet yo'q. Siz ularni yuqori o'ng tomonda plyus belgisini bosish orqali qo'shishingiz mumkin.",
-  "create": "yaratmoq",
-  "create new": "Yangi yarating"
-}
+{
+  "Action completed": "Harakat tugadi",
+  "Actions": "Harakatlar",
+  "All": "Hamma",
+  "Are you sure?": "Ishonasizmi?",
+  "Back": "Orqaga qaytish",
+  "Back to Login": "Kirish uchun qaytish",
+  "Additional login page": "Qo'shimcha kirish sahifasi",
+  "Clean": "Tozalamoq",
+  "Confirm Password": "Parolni tasdiqlang",
+  "Confirm Password*": "Parolni tasdiqlang*",
+  "Create": "Yaratmoq",
+  "Create a new administrator": "Yangi ma'mur yarating",
+  "Create an Account": "Hisob ochish",
+  "Custom": "Odat",
+  "Delete": "O'chirmoq",
+  "E-mail": "Elektron pochta",
+  "Edit": "Tahrirlamoq",
+  "Email": "Elektron pochta",
+  "Fast links": "Tez havolalar",
+  "Full Name": "To'liq ism",
+  "Full name": "To'liq ism",
+  "Group description": "Guruh tavsifi",
+  "Group name": "Guruh nomi",
+  "Group settings": "Guruh sozlamalari",
+  "Info": "Ma'lumot",
+  "Is Administrator": "Bu ma'mur",
+  "Is confirmed": "Tasdiqlangan",
+  "Link": "Bog'lamoq",
+  "Locale": "Mahalliy",
+  "Log in": "Tizimga kirish",
+  "Login": "Tizimga kirish",
+  "Members": "A'zolari",
+  "New record was created": "Yangi rekord yaratildi",
+  "No": "Yo'q",
+  "No records found !": "Yozuvlar topilmadi!",
+  "No widgets found": "Vidjetlar topilmadi",
+  "Not found": "Topilmadi",
+  "OR": "Yoki",
+  "Open in a new window": "Yangi oynada oching",
+  "Password": "Parol",
+  "Passwords do not match!": "Parollar mos kelmaydi!",
+  "Performing an action...": "Harakatni bajarish ...",
+  "Please fill out the fields below": "Iltimos, quyidagi maydonlarni to'ldiring",
+  "Pretend to be a user": "Foydalanuvchi deb da'vo qiling",
+  "Profile expires": "Profil muddati tugaydi",
+  "Quick actions": "Tez harakatlar",
+  "Record was not removed": "Yozuv olib tashlanmadi",
+  "Record was removed successfully !": "Yozuv muvaffaqiyatli olib tashlandi!",
+  "Record was updated": "Yozuv yangilandi",
+  "Register": "Ro'yxatga olmoq",
+  "Repeat password": "Parolni qayta kiriting",
+  "Reset": "Qayta o'rnatmoq",
+  "Save": "Tejash",
+  "Search": "Qidirish",
+  "Select": "Tanlamoq",
+  "Select Ids": "IDS-ni tanlang",
+  "Select Item type": "Element turi-ni tanlang",
+  "Select Items": "Elementlarni tanlang",
+  "Switcher": "O'zgartirmoq",
+  "Timezone": "Vaqtincha",
+  "Title": "Sarlavha",
+  "Toggle to change the grid. To save the grid, turn it off.": "Panjarani o'zgartirish uchun almashtiring. Gridni saqlash uchun uni o'chiring.",
+  "User groups": "Foydalanuvchi guruhlari",
+  "User settings": "Foydalanuvchi parametrlari",
+  "Values in \"password\" and \"repeatPassword\" fields should be the same": "\"Parol\" va \"Raqamli\" maydonidagi qiymatlar bir xil bo'lishi kerak",
+  "View": "Qarash",
+  "Welcome": "Xush kelibsiz",
+  "Yes": "Ha",
+  "You don't have any widgets selected yet. You can add them by clicking on the plus sign at the top right.": "Sizda hali tanlangan hech qanday vidjet yo'q. Siz ularni yuqori o'ng tomonda plyus belgisini bosish orqali qo'shishingiz mumkin.",
+  "create": "yaratmoq",
+  "create new": "Yangi yarating"
+}

package/translations/vi.json

@@ -3,9 +3,10 @@
   "Actions": "Hành động",
   "All": "Tất cả",
   "Are you sure?": "Bạn có chắc không?",
-  "Back": "Mặt sau",
-  "Back to Login": "Quay lại để đăng nhập",
-  "Clean": "Lau dọn",
+  "Back": "Mặt sau",
+  "Back to Login": "Quay lại để đăng nhập",
+  "Additional login page": "Trang đăng nhập bổ sung",
+  "Clean": "Lau dọn",
   "Confirm Password": "Xác nhận mật khẩu",
   "Confirm Password*": "Xác nhận mật khẩu*",
   "Create": "Tạo nên",
@@ -69,4 +70,4 @@
   "You don't have any widgets selected yet. You can add them by clicking on the plus sign at the top right.": "Bạn chưa có bất kỳ vật dụng nào được chọn. Bạn có thể thêm chúng bằng cách nhấp vào dấu cộng ở phía trên bên phải.",
   "create": "tạo nên",
   "create new": "Tạo mới"
-}
+}

package/ui/components/VanillaJSONEditor.d.ts

@@ -0,0 +1,2 @@
+import { JSONEditorPropsOptional } from 'vanilla-jsoneditor';
+export default function VanillaJSONEditor(props: JSONEditorPropsOptional & Record<string, any>): import("react/jsx-runtime").JSX.Element;

package/ui/components/VanillaJSONEditor.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createJSONEditor, createAjvValidator } from 'vanilla-jsoneditor';
+import { useEffect, useRef, useState } from 'react';
+import { useAppearance } from "@/hooks/use-appearance";
+import { setFieldError } from "@/hooks/form-state";
+export default function VanillaJSONEditor(props) {
+    const refContainer = useRef(null);
+    const refEditor = useRef(null);
+    const refPrevProps = useRef(props);
+    const { appearance } = useAppearance();
+    const [theme, setTheme] = useState('');
+    useEffect(() => {
+        if (appearance === 'dark') {
+            setTheme('jse-theme-dark');
+        }
+        else {
+            setTheme('');
+        }
+    }, [appearance]);
+    useEffect(() => {
+        const validator = props.schema ? createAjvValidator({ schema: props.schema }) : undefined;
+        const content = props.content ? { json: props.content } : props.json ? { json: props.json } : undefined;
+        refEditor.current = createJSONEditor({
+            target: refContainer.current,
+            props: {
+                ...props,
+                validator,
+                content,
+                onChange: (content, previousContent, status) => {
+                    if (validator) {
+                        const isEmpty = content.json === undefined;
+                        const validationError = isEmpty
+                            ? ['error']
+                            : status.contentErrors?.validationErrors;
+                        setFieldError(props.name, !!validationError?.length, 'Error validation JSON schema');
+                    }
+                    if (props.onChange) {
+                        props.onChange(content, previousContent, status);
+                    }
+                }
+            }
+        });
+        // Trigger onChange manually
+        if (refEditor.current) {
+            // Get the current content
+            const currentContent = refEditor.current.get();
+            // Validate the content
+            const validationResult = refEditor.current.validate();
+            // @ts-ignore
+            const hasErrors = !!validationResult?.validationErrors?.length;
+            if (props.onChange) {
+                props.onChange(currentContent, 
+                //@ts-ignore
+                undefined, {
+                    contentErrors: validationResult,
+                    patchResult: undefined,
+                    isUndo: false,
+                    isRedo: false,
+                    isValid: !hasErrors
+                });
+            }
+            // Set the error state
+            setFieldError(props.name, hasErrors, 'Error validation JSON schema');
+        }
+        return () => {
+            // destroy editor
+            if (refEditor.current) {
+                refEditor.current.destroy();
+                refEditor.current = null;
+            }
+        };
+    }, []);
+    // update props
+    useEffect(() => {
+        if (refEditor.current) {
+            // only pass the props that actually changed
+            // since the last time to prevent syncing issues
+            const changedProps = filterUnchangedProps(props, refPrevProps.current);
+            refEditor.current.updateProps(changedProps);
+            refPrevProps.current = props;
+        }
+    }, [props]);
+    return _jsx("div", { className: `vanilla-jsoneditor-react ${theme} ${props.disabled ? 'pointer-events-none opacity-50 cursor-not-allowed' : ''}`, ref: refContainer });
+}
+function filterUnchangedProps(props, prevProps) {
+    const changedProps = {};
+    for (const [key, value] of Object.entries(props)) {
+        if (key === 'content') {
+            const currentJson = value?.json;
+            // @ts-ignore
+            const prevJson = prevProps[key]?.json;
+            if (JSON.stringify(currentJson) !== JSON.stringify(prevJson)) {
+                changedProps[key] = value;
+            }
+        }
+        else if (value !== prevProps[key]) {
+            changedProps[key] = value;
+        }
+    }
+    return changedProps;
+}

package/ui/components/handsontable.d.ts

@@ -0,0 +1,10 @@
+import { GridSettings } from "handsontable/settings";
+import { RowObject } from "handsontable/common";
+interface TableProps {
+    config: GridSettings;
+    data?: any[][] | RowObject[] | undefined;
+    onChange: (data: any) => void;
+    disabled?: boolean;
+}
+declare const HandsonTable: ({ config, data, onChange, disabled }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export default HandsonTable;

package/ui/components/handsontable.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HotTable, HotColumn } from '@handsontable/react';
+import { registerAllModules } from 'handsontable/registry';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useAppearance } from "@/hooks/use-appearance";
+import { registerLanguageDictionary, deDE, enUS, esMX, frFR, itIT, jaJP, koKR, nlNL, plPL, ptBR, ruRU, zhCN } from 'handsontable/i18n';
+registerAllModules();
+const languageDictionaries = {
+    'de': deDE,
+    'en': enUS,
+    'es': esMX,
+    'fr': frFR,
+    'it': itIT,
+    'ja': jaJP,
+    'ko': koKR,
+    'nl': nlNL,
+    'pl': plPL,
+    'pt': ptBR,
+    'ru': ruRU,
+    'zh': zhCN,
+};
+const docLang = document.documentElement.lang;
+const lang = languageDictionaries[docLang] ?? languageDictionaries['en'];
+registerLanguageDictionary(lang);
+const HandsonTable = ({ config, data = [], onChange, disabled }) => {
+    const { appearance } = useAppearance();
+    const [theme, setTheme] = useState('ht-theme-main');
+    const handleChange = useCallback((_changes, source) => {
+        if (source === 'loadData') {
+            return;
+        }
+        const hotData = hotTableRef.current?.hotInstance?.getSourceData();
+        onChange(hotData);
+    }, []);
+    const hotTableRef = useRef(null);
+    useEffect(() => {
+        if (hotTableRef.current) {
+            hotTableRef.current.hotInstance.loadData(data);
+        }
+    }, [data]);
+    useEffect(() => {
+        if (appearance === 'dark') {
+            setTheme('ht-theme-main-dark');
+        }
+        else {
+            setTheme('ht-theme-main');
+        }
+    }, [appearance]);
+    return (_jsx(HotTable, { className: disabled ? 'pointer-events-none opacity-50' : '', themeName: theme, language: lang.languageCode, ref: hotTableRef, ...config, afterChange: handleChange, children: config.columns.map((item) => (_jsx(HotColumn, { data: item.data, ...item }, item.data))) }));
+};
+export default HandsonTable;

package/ui/components/monaco-editor.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+interface MonacoEditorProps {
+    onChange: (value: string) => void;
+    value: string;
+    options: {
+        language: string;
+    };
+    disabled?: boolean;
+}
+declare const MonacoEditor: FC<MonacoEditorProps>;
+export default MonacoEditor;

package/ui/components/monaco-editor.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Editor from '@monaco-editor/react';
+import { useEffect, useRef, useState } from "react";
+import { useAppearance } from "@/hooks/use-appearance";
+import useWindowSize from "@/hooks/use-window-size";
+const MonacoEditor = ({ onChange, value, options, disabled }) => {
+    const { appearance } = useAppearance();
+    const [theme, setTheme] = useState('light');
+    const editorRef = useRef(null);
+    const editorWrapperRef = useRef(null);
+    const { width } = useWindowSize();
+    // Device type detection
+    const isMobile = width < 768;
+    const isTablet = width >= 768 && width < 1024;
+    const handleEditorChange = (value) => {
+        onChange(value);
+    };
+    const handleEditorDidMount = (editor) => {
+        editorRef.current = editor;
+        updateEditorOptions();
+    };
+    const updateEditorOptions = () => {
+        if (!editorRef.current)
+            return;
+        const options = {
+            minimap: { enabled: !isMobile },
+            fontSize: isMobile ? 12 : isTablet ? 13 : 14,
+            lineNumbers: isMobile ? 'off' : 'on',
+            lineDecorationsWidth: isMobile ? 5 : 10,
+            scrollBeyondLastLine: !isMobile,
+            wordWrap: isMobile ? 'on' : 'bounded',
+            renderWhitespace: isMobile ? 'none' : 'selection',
+            padding: { top: isMobile ? 8 : 16, bottom: isMobile ? 8 : 16 }
+        };
+        editorRef.current.updateOptions(options);
+        editorWrapperRef.current?.classList.add('overflow-hidden');
+        // Small delay to ensure that the editor has been fully rendered
+        setTimeout(() => {
+            editorRef.current?.layout();
+            editorWrapperRef.current?.classList.remove('overflow-hidden');
+        }, 100);
+    };
+    useEffect(() => {
+        setTheme(appearance === 'dark' ? 'vs-dark' : 'light');
+    }, [appearance]);
+    useEffect(() => {
+        updateEditorOptions();
+    }, [width]);
+    // Вычисляем высоту редактора
+    const editorHeight = isMobile ? '300px' : isTablet ? '400px' : '500px';
+    return (_jsx("div", { className: `border rounded-lg ${isMobile ? 'p-1' : 'p-2'}`, ref: editorWrapperRef, children: _jsx(Editor, { height: editorHeight, language: options.language, value: value, theme: theme, options: {
+                automaticLayout: true,
+                ...(isMobile && { wordWrap: 'on' }),
+                minimap: { enabled: !isMobile }
+            }, onChange: handleEditorChange, onMount: handleEditorDidMount, className: `transition-all duration-200 ease-in-out ${disabled ? 'pointer-events-none opacity-50 cursor-not-allowed' : ''}` }) }));
+};
+export default MonacoEditor;

package/ui/components/ui/table.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare function Table({ className, wrapperHeight, ...props }: React.ComponentProps<"table"> & {
+declare function Table({ className, wrapperHeight, ref, ...props }: React.ComponentProps<"table"> & {
     wrapperHeight?: string;
 }): import("react/jsx-runtime").JSX.Element;
 declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;

package/ui/components/ui/table.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@/lib/utils";
-function Table({ className, wrapperHeight, ...props }) {
-    return (_jsx("div", { "data-slot": "table-container", className: cn('relative w-full overflow-x-auto', wrapperHeight), children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
+function Table({ className, wrapperHeight, ref, ...props }) {
+    return (_jsx("div", { "data-slot": "table-container", ref: ref, className: cn('relative w-full overflow-x-auto', wrapperHeight), children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
 }
 function TableHeader({ className, ...props }) {
     return (_jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props }));

package/ui/hooks/form-state.d.ts

@@ -0,0 +1,4 @@
+export declare const setFieldError: (fieldName: string, hasError: boolean, message?: string) => void;
+export declare const getFieldError: (fieldName: string) => string | undefined;
+export declare const hasFormErrors: () => boolean;
+export declare const resetFormErrors: () => void;

package/ui/hooks/form-state.js

@@ -0,0 +1,45 @@
+const formState = {
+    errors: {},
+};
+const formStateProxy = new Proxy(formState, {
+    set(target, property, value) {
+        if (property === 'errors') {
+            if (Object.keys(value).length === 0) {
+                // Reset all errors
+                target.errors = {};
+            }
+            else {
+                // Update specific errors
+                target.errors = { ...target.errors, ...value };
+            }
+            // console.debug('Form errors updated:', target.errors);
+            // window.dispatchEvent(new CustomEvent('formStateChanged'));
+        }
+        return true;
+    },
+});
+export const setFieldError = (fieldName, hasError, message) => {
+    if (!hasError) {
+        // If clearing error, remove it from the errors object
+        const { [fieldName]: _, ...rest } = formStateProxy.errors;
+        formStateProxy.errors = rest;
+    }
+    else {
+        formStateProxy.errors = {
+            ...formStateProxy.errors,
+            [fieldName]: {
+                hasError: true,
+                message
+            },
+        };
+    }
+};
+export const getFieldError = (fieldName) => {
+    return formStateProxy.errors[fieldName]?.message;
+};
+export const hasFormErrors = () => {
+    return Object.values(formStateProxy.errors).some(error => error.hasError);
+};
+export const resetFormErrors = () => {
+    formStateProxy.errors = {};
+};

package/ui/hooks/use-appearance.d.ts

@@ -0,0 +1,7 @@
+export type Appearance = 'light' | 'dark' | 'system';
+export declare function initializeTheme(): void;
+export declare function useAppearance(): {
+    readonly appearance: Appearance;
+    readonly updateAppearance: (mode: Appearance) => void;
+    readonly isThemeChanging: boolean;
+};