@rakun-kit/manager-react 1.4.11 → 1.5.0

package/dist/esm/components/editor/plugins/actions/counter-character-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"counter-character-plugin.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/actions/counter-character-plugin.tsx"],"names":[],"mappings":"AAgCA,UAAU,2BAA2B;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC7B;AAcD,wBAAgB,sBAAsB,CAAC,EAAE,OAAkB,EAAE,EAAE,2BAA2B,2CAwBzF"}
+{"version":3,"file":"counter-character-plugin.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/actions/counter-character-plugin.tsx"],"names":[],"mappings":"AAkCA,UAAU,2BAA2B;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC7B;AAcD,wBAAgB,sBAAsB,CAAC,EAAE,OAAkB,EAAE,EAAE,2BAA2B,2CA8BzF"}

package/dist/esm/components/editor/plugins/actions/counter-character-plugin.js

@@ -1,8 +1,9 @@
 'use client';
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { $rootTextContent } from '@lexical/text';
+import { useTranslations } from '../../../../i18n/index.js';
 let textEncoderInstance = null;
 function textEncoder() {
     if (window.TextEncoder === undefined) {
@@ -34,6 +35,7 @@ const countWords = (text) => {
     return text.split(/\s+/).filter((word) => word.length > 0).length;
 };
 export function CounterCharacterPlugin({ charset = 'UTF-16' }) {
+    const t = useTranslations();
     const [editor] = useLexicalComposerContext();
     const [stats, setStats] = useState(() => {
         const initialText = editor.getEditorState().read($rootTextContent);
@@ -50,6 +52,9 @@ export function CounterCharacterPlugin({ charset = 'UTF-16' }) {
             });
         });
     }, [editor, charset]);
-    return (_jsxs("div", { className: "flex gap-2 text-xs whitespace-nowrap text-gray-500", children: [_jsxs("p", { children: [stats.characters, " characters"] }), "|", _jsxs("p", { children: [stats.words, " words"] })] }));
+    return (_jsx("div", { className: "flex gap-2 text-xs whitespace-nowrap text-gray-500", children: _jsx("p", { children: t('editor.counter', {
+                characters: stats.characters,
+                words: stats.words,
+            }) }) }));
 }
 //# sourceMappingURL=counter-character-plugin.js.map

package/dist/esm/components/editor/plugins/actions/counter-character-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"counter-character-plugin.js","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/actions/counter-character-plugin.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,IAAI,mBAAmB,GAAuB,IAAI,CAAA;AAElD,SAAS,WAAW;IAClB,IAAI,MAAM,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;QACrC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,mBAAmB,KAAK,IAAI,EAAE,CAAC;QACjC,mBAAmB,GAAG,IAAI,MAAM,CAAC,WAAW,EAAE,CAAA;IAChD,CAAC;IAED,OAAO,mBAAmB,CAAA;AAC5B,CAAC;AAED,SAAS,UAAU,CAAC,IAAY;IAC9B,MAAM,kBAAkB,GAAG,WAAW,EAAE,CAAA;IAExC,IAAI,kBAAkB,KAAK,IAAI,EAAE,CAAC;QAChC,4CAA4C;QAC5C,MAAM,CAAC,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QACtD,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,CAAC;IAED,OAAO,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAA;AAC/C,CAAC;AAMD,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,OAA2B,EAAE,EAAE;IAC3D,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC;SAAM,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;IAClC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,CAAA;AACnE,CAAC,CAAA;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAE,OAAO,GAAG,QAAQ,EAA+B;IACxF,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAA;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QACtC,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QAClE,OAAO;YACL,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC;YACxC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC;SAC/B,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,MAAM,CAAC,2BAA2B,CAAC,CAAC,WAAmB,EAAE,EAAE;YAChE,QAAQ,CAAC;gBACP,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC;gBACxC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC;aAC/B,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,eAAK,SAAS,EAAC,oDAAoD,aACjE,wBAAI,KAAK,CAAC,UAAU,mBAAgB,OAAC,wBAAI,KAAK,CAAC,KAAK,cAAW,IAC3D,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"counter-character-plugin.js","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/actions/counter-character-plugin.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/editor/plugins/toolbar/image-toolbar-plugin.d.ts

@@ -0,0 +1,7 @@
+import type { LexicalCommand } from 'lexical';
+import { type ImagePayload } from '../../nodes/ImageNode.js';
+export type InsertImagePayload = ImagePayload;
+export declare const INSERT_IMAGE_COMMAND: LexicalCommand<InsertImagePayload>;
+export declare function ImagesPlugin(): null;
+export declare function ImageToolbarPlugin(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=image-toolbar-plugin.d.ts.map

package/dist/esm/components/editor/plugins/toolbar/image-toolbar-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-toolbar-plugin.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/toolbar/image-toolbar-plugin.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,qCAAqC,CAAA;AAQ5C,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAA;AAE7C,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,kBAAkB,CAC7B,CAAA;AAgBvC,wBAAgB,YAAY,SAgB3B;AAED,wBAAgB,kBAAkB,4CA0DjC"}

package/dist/esm/components/editor/plugins/toolbar/image-toolbar-plugin.js

@@ -0,0 +1,80 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $insertNodes, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import { ImageIcon } from 'lucide-react';
+import { useCallback, useEffect, useState } from 'react';
+import { toast } from 'sonner';
+import { $createImageNode, } from '../../nodes/ImageNode.js';
+import { useToolbarContext } from '../../context/toolbar-context.js';
+import { Button } from '../../../ui/button.js';
+import { useManagerClient } from '../../../../client/react.js';
+import { getActionErrorMessage } from '../../../../helpers/get-action-error-message.js';
+import { useTranslations } from '../../../../i18n/index.js';
+import { resolveMediaUrl, useMedia } from '../../../../media.js';
+export const INSERT_IMAGE_COMMAND = createCommand('INSERT_IMAGE_COMMAND');
+const resolveImageSrc = async (media, request) => {
+    if (media.previewUrl)
+        return media.previewUrl;
+    if (media.url)
+        return media.url;
+    const key = media.previewKey || media.key;
+    if (!key || !media.access)
+        return null;
+    const result = await resolveMediaUrl({ key, access: media.access }, { request });
+    return result.url || null;
+};
+export function ImagesPlugin() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return editor.registerCommand(INSERT_IMAGE_COMMAND, (payload) => {
+            const imageNode = $createImageNode(payload);
+            $insertNodes([imageNode]);
+            return true;
+        }, COMMAND_PRIORITY_EDITOR);
+    }, [editor]);
+    return null;
+}
+export function ImageToolbarPlugin() {
+    const t = useTranslations();
+    const { activeEditor } = useToolbarContext();
+    const { openMediaLibrary } = useMedia();
+    const managerClient = useManagerClient();
+    const [loading, setLoading] = useState(false);
+    const insertImageFromLibrary = useCallback(async () => {
+        if (loading)
+            return;
+        setLoading(true);
+        try {
+            const mediaOrList = await openMediaLibrary({ mediaType: 'Image' });
+            if (!mediaOrList)
+                return;
+            const media = (Array.isArray(mediaOrList) ? mediaOrList[0] : mediaOrList);
+            if (!media)
+                return;
+            if (!media.mime?.startsWith('image/')) {
+                toast.error(t('contentEdit.invalidMediaFile', { mediaType: 'Image' }));
+                return;
+            }
+            const src = await resolveImageSrc(media, managerClient.request);
+            if (!src) {
+                toast.error(t('richText.insertImageError'));
+                return;
+            }
+            activeEditor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+                src,
+                alt: media.alt || media.title || media.name || '',
+                mediaId: media._id,
+            });
+            activeEditor.focus();
+        }
+        catch (error) {
+            toast.error(getActionErrorMessage(error, t('richText.insertImageError')));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [activeEditor, loading, managerClient.request, openMediaLibrary, t]);
+    return (_jsx(Button, { type: 'button', variant: 'outline', size: 'sm', className: '!h-8 !w-8', "aria-label": t('richText.insertImage'), title: t('richText.insertImage'), loading: loading, onClick: () => void insertImageFromLibrary(), children: _jsx(ImageIcon, { className: 'h-4 w-4' }) }));
+}
+//# sourceMappingURL=image-toolbar-plugin.js.map

package/dist/esm/components/editor/plugins/toolbar/image-toolbar-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-toolbar-plugin.js","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/toolbar/image-toolbar-plugin.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/editor/themes/editor-theme.css

@@ -1,91 +1,91 @@
-.EditorTheme__code {
-  background-color: transparent;
-  font-family: Menlo, Consolas, Monaco, monospace;
-  display: block;
-  padding: 8px 8px 8px 52px;
-  line-height: 1.53;
-  font-size: 13px;
-  margin: 0;
-  margin-top: 8px;
-  margin-bottom: 8px;
-  overflow-x: auto;
-  border: 1px solid #ccc;
-  position: relative;
-  border-radius: 8px;
-  tab-size: 2;
-}
-.EditorTheme__code:before {
-  content: attr(data-gutter);
-  position: absolute;
-  background-color: transparent;
-  border-right: 1px solid #ccc;
-  left: 0;
-  top: 0;
-  padding: 8px;
-  color: #777;
-  white-space: pre-wrap;
-  text-align: right;
-  min-width: 25px;
-}
-.EditorTheme__table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  overflow-y: scroll;
-  overflow-x: scroll;
-  table-layout: fixed;
-  width: fit-content;
-  width: 100%;
-  margin: 0px 0px 30px 0px;
-}
-.EditorTheme__tokenComment {
-  color: slategray;
-}
-.EditorTheme__tokenPunctuation {
-  color: #999;
-}
-.EditorTheme__tokenProperty {
-  color: #905;
-}
-.EditorTheme__tokenSelector {
-  color: #690;
-}
-.EditorTheme__tokenOperator {
-  color: #9a6e3a;
-}
-.EditorTheme__tokenAttr {
-  color: #07a;
-}
-.EditorTheme__tokenVariable {
-  color: #e90;
-}
-.EditorTheme__tokenFunction {
-  color: #dd4a68;
-}
-
-.Collapsible__container {
-  background-color: var(--background);
-  border: 1px solid #ccc;
-  border-radius: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.Collapsible__title{
-  padding: 0.25rem;
-  padding-left: 1rem;
-  position: relative;
-  font-weight: bold;
-  outline: none;
-  cursor: pointer;
-  list-style-type: disclosure-closed;
-  list-style-position: inside;
-}
-
-.Collapsible__title p{
-  display: inline-flex;
-}
-.Collapsible__title::marker{
-  color: lightgray;
-}
-.Collapsible__container[open] >.Collapsible__title {
-  list-style-type: disclosure-open;
-}
+.EditorTheme__code {
+  background-color: transparent;
+  font-family: Menlo, Consolas, Monaco, monospace;
+  display: block;
+  padding: 8px 8px 8px 52px;
+  line-height: 1.53;
+  font-size: 13px;
+  margin: 0;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  overflow-x: auto;
+  border: 1px solid #ccc;
+  position: relative;
+  border-radius: 8px;
+  tab-size: 2;
+}
+.EditorTheme__code:before {
+  content: attr(data-gutter);
+  position: absolute;
+  background-color: transparent;
+  border-right: 1px solid #ccc;
+  left: 0;
+  top: 0;
+  padding: 8px;
+  color: #777;
+  white-space: pre-wrap;
+  text-align: right;
+  min-width: 25px;
+}
+.EditorTheme__table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  overflow-y: scroll;
+  overflow-x: scroll;
+  table-layout: fixed;
+  width: fit-content;
+  width: 100%;
+  margin: 0px 0px 30px 0px;
+}
+.EditorTheme__tokenComment {
+  color: slategray;
+}
+.EditorTheme__tokenPunctuation {
+  color: #999;
+}
+.EditorTheme__tokenProperty {
+  color: #905;
+}
+.EditorTheme__tokenSelector {
+  color: #690;
+}
+.EditorTheme__tokenOperator {
+  color: #9a6e3a;
+}
+.EditorTheme__tokenAttr {
+  color: #07a;
+}
+.EditorTheme__tokenVariable {
+  color: #e90;
+}
+.EditorTheme__tokenFunction {
+  color: #dd4a68;
+}
+
+.Collapsible__container {
+  background-color: var(--background);
+  border: 1px solid #ccc;
+  border-radius: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.Collapsible__title{
+  padding: 0.25rem;
+  padding-left: 1rem;
+  position: relative;
+  font-weight: bold;
+  outline: none;
+  cursor: pointer;
+  list-style-type: disclosure-closed;
+  list-style-position: inside;
+}
+
+.Collapsible__title p{
+  display: inline-flex;
+}
+.Collapsible__title::marker{
+  color: lightgray;
+}
+.Collapsible__container[open] >.Collapsible__title {
+  list-style-type: disclosure-open;
+}

package/dist/esm/components/loading-spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-spinner.d.ts","sourceRoot":"","sources":["../../../src/components/loading-spinner.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,+CAsB1B,CAAA"}
+{"version":3,"file":"loading-spinner.d.ts","sourceRoot":"","sources":["../../../src/components/loading-spinner.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,+CAuB1B,CAAA"}

package/dist/esm/components/loading-spinner.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslations } from '../i18n/index.js';
 export const LoadingSpinner = () => {
-    return (_jsxs("div", { role: "status", children: [_jsxs("svg", { "aria-hidden": "true", className: "w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-primary", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), _jsx("path", { d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" })] }), _jsx("span", { className: "sr-only", children: "Loading..." })] }));
+    const t = useTranslations();
+    return (_jsxs("div", { role: "status", children: [_jsxs("svg", { "aria-hidden": "true", className: "w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-primary", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), _jsx("path", { d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" })] }), _jsx("span", { className: "sr-only", children: t('common.loading') })] }));
 };
 //# sourceMappingURL=loading-spinner.js.map

package/dist/esm/components/loading-spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-spinner.js","sourceRoot":"","sources":["../../../src/components/loading-spinner.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,CACL,eAAK,IAAI,EAAC,QAAQ,aAChB,8BACc,MAAM,EAClB,SAAS,EAAC,oEAAoE,EAC9E,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,CAAC,EAAC,8WAA8W,EAChX,IAAI,EAAC,cAAc,GACnB,EACF,eACE,CAAC,EAAC,+kBAA+kB,EACjlB,IAAI,EAAC,aAAa,GAClB,IACE,EACN,eAAM,SAAS,EAAC,SAAS,2BAAkB,IACvC,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"loading-spinner.js","sourceRoot":"","sources":["../../../src/components/loading-spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,OAAO,CACL,eAAK,IAAI,EAAC,QAAQ,aAChB,8BACc,MAAM,EAClB,SAAS,EAAC,oEAAoE,EAC9E,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,CAAC,EAAC,8WAA8W,EAChX,IAAI,EAAC,cAAc,GACnB,EACF,eACE,CAAC,EAAC,+kBAA+kB,EACjlB,IAAI,EAAC,aAAa,GAClB,IACE,EACN,eAAM,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,gBAAgB,CAAC,GAAQ,IAClD,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/login-form.d.ts

@@ -1,2 +1,6 @@
-export declare function LoginForm({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+import type { ManagerLoginConfig } from '../router/shared/types.js';
+export declare function LoginForm({ className, passwordRecoveryEnabled, login, ...props }: React.ComponentProps<'div'> & {
+    passwordRecoveryEnabled?: boolean;
+    login?: ManagerLoginConfig;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=login-form.d.ts.map

package/dist/esm/components/login-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"login-form.d.ts","sourceRoot":"","sources":["../../../src/components/login-form.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAoK7B"}
+{"version":3,"file":"login-form.d.ts","sourceRoot":"","sources":["../../../src/components/login-form.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,uBAA+B,EAC/B,KAAwC,EACxC,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC3B,2CA6MA"}

package/dist/esm/components/login-form.js

@@ -1,25 +1,35 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { instanceofAppErrorShape, loginInput, } from "@rakun-kit/core/client";
-import { GalleryVerticalEnd } from "lucide-react";
-import { Controller, useForm } from "react-hook-form";
-import { cn } from "../lib/utils.js";
-import { useManagerRuntimeAuth } from "../app/runtime-auth.js";
-import { useManagerNavigation } from "../state/navigation.js";
-import { useManagerMutation } from "../client/react.js";
-import { Button } from "./ui/button.js";
-import { Field, FieldError, FieldGroup, FieldLabel, FieldSeparator, } from "./ui/field.js";
-import { Input } from "./ui/input.js";
-export function LoginForm({ className, ...props }) {
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import { instanceofAppErrorShape, loginInput } from '@rakun-kit/core/client';
+import { Eye, EyeOff, Github, LogIn } from 'lucide-react';
+import { useState } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import { cn } from '../lib/utils.js';
+import { useManagerRuntimeAuth } from '../app/runtime-auth.js';
+import { useTranslations } from '../i18n/index.js';
+import { useManagerNavigation } from '../state/navigation.js';
+import { useManagerMutation } from '../client/react.js';
+import { Button } from './ui/button.js';
+import { Field, FieldError, FieldGroup, FieldLabel, FieldSeparator } from './ui/field.js';
+import { Input } from './ui/input.js';
+import { AuthLanguageSelector } from './auth-language-selector.js';
+import { RakunLogoMark } from './rakun-logo.js';
+export function LoginForm({ className, passwordRecoveryEnabled = false, login = { password: true, adapters: [] }, ...props }) {
+    const t = useTranslations();
     const navigation = useManagerNavigation();
     const { refreshAuth } = useManagerRuntimeAuth();
-    const { mutate, isPending } = useManagerMutation("manager.auth.login");
+    const { mutate, isPending } = useManagerMutation('manager.auth.login');
+    const externalLogin = useManagerMutation('manager.auth.external.start');
+    const [passwordVisible, setPasswordVisible] = useState(false);
+    const [externalError, setExternalError] = useState();
+    const [pendingProvider, setPendingProvider] = useState();
+    const forgotPasswordHref = navigation.hrefPath?.('/forgot-password') ?? '/forgot-password';
     const form = useForm({
         resolver: zodResolver(loginInput),
         defaultValues: {
-            username: "",
-            password: "",
+            username: '',
+            password: '',
         },
     });
     const handleFieldChange = (onChange) => (...event) => {
@@ -28,39 +38,68 @@ export function LoginForm({ className, ...props }) {
     };
     const navigateToManagerRoot = () => {
         if (navigation.replacePath) {
-            navigation.replacePath("/");
+            navigation.replacePath('/');
             return;
         }
-        navigation.pushPath?.("/");
+        navigation.pushPath?.('/');
     };
     const onSubmit = (values) => {
         mutate(values, {
             onSuccess: async (result) => {
-                if (typeof result === "object" &&
-                    result !== null &&
-                    "token" in result) {
+                if (typeof result === 'object' && result !== null && 'token' in result) {
                     const authenticated = await refreshAuth();
                     if (authenticated) {
                         navigateToManagerRoot();
                     }
                 }
-                if (typeof result === "object" &&
-                    result !== null &&
-                    "challenge" in result) {
+                if (typeof result === 'object' && result !== null && 'challenge' in result) {
                     const mfaResult = result;
                     navigation.pushPath?.(`/mfa?challenge=${mfaResult.challenge}&method=${mfaResult.method}&expiresAt=${mfaResult.expiresAt}`);
                 }
             },
             onError: (error) => {
-                if (instanceofAppErrorShape(error) && error.key === "FORBIDDEN") {
-                    form.setError("username", {});
-                    form.setError("password", {
-                        message: error.cause.reason,
+                if (instanceofAppErrorShape(error) && error.key === 'FORBIDDEN') {
+                    const reason = error.cause.reason;
+                    form.setError('username', {});
+                    form.setError('password', {
+                        message: reason === 'INVALID_CREDENTIALS'
+                            ? t('login.invalidCredentials')
+                            : reason === 'IP_BLOCKED'
+                                ? t('login.ipBlocked')
+                                : reason === 'RATE_LIMITED'
+                                    ? t('login.rateLimited')
+                                    : t('login.error'),
                     });
+                    return;
                 }
+                form.setError('password', {
+                    message: t('login.error'),
+                });
             },
         });
     };
-    return (_jsx("div", { className: cn("flex flex-col gap-6", className), ...props, children: _jsx("form", { onSubmit: form.handleSubmit(onSubmit), children: _jsxs(FieldGroup, { children: [_jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [_jsxs("a", { href: "#", className: "flex flex-col items-center gap-2 font-medium", children: [_jsx("div", { className: "flex size-8 items-center justify-center rounded-md", children: _jsx(GalleryVerticalEnd, { className: "size-6" }) }), _jsx("span", { className: "sr-only", children: "Acme Inc." })] }), _jsx("h1", { className: "text-xl font-bold", children: "Welcome to Acme Inc." })] }), _jsx(Controller, { name: "username", control: form.control, render: ({ field, fieldState }) => (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "email", children: "Email" }), _jsx(Input, { ...field, id: "email", type: "email", placeholder: "m@example.com", required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), fieldState.invalid && (_jsx(FieldError, { errors: [fieldState.error] }))] })) }), _jsx(Controller, { name: "password", control: form.control, render: ({ field, fieldState }) => (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "password", children: "Password" }), _jsx(Input, { ...field, id: "password", type: "password", required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), fieldState.invalid && (_jsx(FieldError, { errors: [fieldState.error] }))] })) }), _jsx(Field, { children: _jsx(Button, { loading: isPending, type: "submit", children: "Login" }) }), _jsx(FieldSeparator, { children: "Or" }), _jsxs(Field, { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs(Button, { variant: "outline", type: "button", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1024", height: "1024", viewBox: "0 0 1024 1024", fill: "none", children: _jsx("path", { d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z", transform: "scale(64)", fill: "currentColor" }) }), "GitHub"] }), _jsxs(Button, { variant: "outline", type: "button", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: _jsx("path", { d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z", fill: "currentColor" }) }), "Google"] })] })] }) }) }));
+    const startExternalLogin = (provider) => {
+        setExternalError(undefined);
+        setPendingProvider(provider);
+        externalLogin.mutate({ provider }, {
+            onSuccess: ({ url }) => window.location.assign(url),
+            onError: () => {
+                setPendingProvider(undefined);
+                setExternalError(t('login.externalError'));
+            },
+        });
+    };
+    return (_jsxs("div", { className: cn('flex flex-col gap-6', className), ...props, children: [_jsx(AuthLanguageSelector, {}), _jsx("form", { onSubmit: form.handleSubmit(onSubmit), children: _jsxs(FieldGroup, { children: [_jsxs("div", { className: "flex flex-col items-center gap-6 text-center", children: [_jsxs("a", { href: "#", className: "flex flex-col items-center gap-2 font-medium", children: [_jsx(RakunLogoMark, { className: "h-14 w-auto text-primary" }), _jsx("span", { className: "sr-only", children: t('login.brand') })] }), _jsx("h1", { className: "text-xl font-bold", children: t('login.welcome') })] }), login.password ? (_jsxs(_Fragment, { children: [_jsx(Controller, { name: "username", control: form.control, render: ({ field, fieldState }) => (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "email", children: t('login.email') }), _jsx(Input, { ...field, id: "email", type: "email", placeholder: t('login.emailPlaceholder'), required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), fieldState.invalid && _jsx(FieldError, { errors: [fieldState.error] })] })) }), _jsx(Controller, { name: "password", control: form.control, render: ({ field, fieldState }) => (_jsxs(Field, { children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx(FieldLabel, { htmlFor: "password", children: t('login.password') }), passwordRecoveryEnabled ? (_jsx("a", { className: "text-sm underline", href: forgotPasswordHref, children: t('login.forgotPassword') })) : null] }), _jsxs("div", { className: "relative", children: [_jsx(Input, { ...field, autoComplete: "current-password", className: "pr-10", id: "password", type: passwordVisible ? 'text' : 'password', required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), _jsx(Button, { "aria-label": passwordVisible ? t('login.hidePassword') : t('login.showPassword'), "aria-pressed": passwordVisible, className: "absolute end-0 top-0", onClick: () => setPasswordVisible((visible) => !visible), size: "icon", title: passwordVisible ? t('login.hidePassword') : t('login.showPassword'), type: "button", variant: "ghost", children: passwordVisible ? _jsx(EyeOff, {}) : _jsx(Eye, {}) })] }), fieldState.invalid && _jsx(FieldError, { errors: [fieldState.error] })] })) }), _jsx(Field, { children: _jsx(Button, { loading: isPending, type: "submit", children: t('login.submit') }) })] })) : null, login.password && login.adapters.length > 0 ? (_jsx(FieldSeparator, { children: t('login.or') })) : null, login.adapters.length > 0 ? (_jsxs(Field, { className: "flex w-full flex-col gap-4", children: [login.adapters.map((adapter) => (_jsxs(Button, { className: "w-full", disabled: externalLogin.isPending, loading: pendingProvider === adapter.id, onClick: () => startExternalLogin(adapter.id), variant: "outline", type: "button", children: [_jsx(AdapterIcon, { icon: adapter.icon }), adapter.label] }, adapter.id))), externalError ? _jsx(FieldError, { children: externalError }) : null] })) : null] }) })] }));
 }
+const AdapterIcon = ({ icon }) => {
+    if (icon === 'github')
+        return _jsx(Github, {});
+    if (icon === 'google') {
+        return (_jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: _jsx("path", { d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z", fill: "currentColor" }) }));
+    }
+    if (icon === 'microsoft') {
+        return (_jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: _jsx("path", { d: "M2 2h9v9H2zM13 2h9v9h-9zM2 13h9v9H2zM13 13h9v9h-9z", fill: "currentColor" }) }));
+    }
+    return _jsx(LogIn, {});
+};
 //# sourceMappingURL=login-form.js.map

package/dist/esm/components/login-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"login-form.js","sourceRoot":"","sources":["../../../src/components/login-form.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"login-form.js","sourceRoot":"","sources":["../../../src/components/login-form.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/manager-loading-fallback.d.ts

@@ -1,2 +1,3 @@
 export declare const ManagerLoadingFallback: () => import("react/jsx-runtime").JSX.Element;
+export declare const ManagerAuthLoadingFallback: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=manager-loading-fallback.d.ts.map

package/dist/esm/components/manager-loading-fallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manager-loading-fallback.d.ts","sourceRoot":"","sources":["../../../src/components/manager-loading-fallback.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,+CAuFlC,CAAA"}
+{"version":3,"file":"manager-loading-fallback.d.ts","sourceRoot":"","sources":["../../../src/components/manager-loading-fallback.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,+CA0FlC,CAAA;AAED,eAAO,MAAM,0BAA0B,+CAsCtC,CAAA"}

package/dist/esm/components/manager-loading-fallback.js

@@ -1,10 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Command } from 'lucide-react';
+import { RakunLogoMark } from './rakun-logo.js';
 import { Skeleton } from './ui/skeleton.js';
+import { useTranslations } from '../i18n/index.js';
 export const ManagerLoadingFallback = () => {
+    const t = useTranslations();
     const sidebarItems = Array.from({ length: 7 }, (_, index) => index);
     const cards = Array.from({ length: 3 }, (_, index) => index);
     const rows = Array.from({ length: 8 }, (_, index) => index);
-    return (_jsxs("div", { "aria-busy": "true", "aria-live": "polite", className: "bg-sidebar flex min-h-svh w-full overflow-hidden", role: "status", children: [_jsx("span", { className: "sr-only", children: "Loading manager" }), _jsxs("aside", { className: "hidden w-64 shrink-0 flex-col border-r bg-sidebar p-2 text-sidebar-foreground md:flex", children: [_jsxs("div", { className: "flex h-14 items-center gap-2 px-2", children: [_jsx("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg", children: _jsx(Command, { className: "size-4" }) }), _jsxs("div", { className: "grid flex-1 gap-1", children: [_jsx(Skeleton, { className: "h-4 w-16 bg-sidebar-accent" }), _jsx(Skeleton, { className: "h-3 w-24 bg-sidebar-accent" })] })] }), _jsx("div", { className: "mt-4 flex flex-1 flex-col gap-1 px-2", children: sidebarItems.map((item) => (_jsxs("div", { className: "flex h-8 items-center gap-2 rounded-md px-2", children: [_jsx(Skeleton, { className: "size-4 bg-sidebar-accent" }), _jsx(Skeleton, { className: "h-4 bg-sidebar-accent", style: { width: `${item % 3 === 0 ? 8 : item % 3 === 1 ? 11 : 6}rem` } })] }, item))) }), _jsxs("div", { className: "flex items-center gap-2 px-2 py-3", children: [_jsx(Skeleton, { className: "size-8 rounded-lg bg-sidebar-accent" }), _jsxs("div", { className: "grid flex-1 gap-1", children: [_jsx(Skeleton, { className: "h-4 w-24 bg-sidebar-accent" }), _jsx(Skeleton, { className: "h-3 w-32 bg-sidebar-accent" })] })] })] }), _jsxs("main", { className: "bg-background m-0 flex min-w-0 flex-1 flex-col p-4 pt-0 md:m-2 md:ml-0 md:rounded-xl md:border", children: [_jsxs("header", { className: "flex h-16 shrink-0 items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx(Skeleton, { className: "size-8 rounded-md" }), _jsx(Skeleton, { className: "hidden h-4 w-px sm:block" }), _jsx(Skeleton, { className: "h-4 w-36 sm:w-48" })] }), _jsx(Skeleton, { className: "h-8 w-24 rounded-md" })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-4 overflow-hidden p-4 pt-0", children: [_jsx("div", { className: "grid auto-rows-min gap-4 md:grid-cols-3", children: cards.map((card) => (_jsx(Skeleton, { className: "aspect-video rounded-xl" }, card))) }), _jsxs("section", { className: "min-h-0 flex-1 rounded-xl border p-4", children: [_jsxs("div", { className: "mb-5 flex items-center justify-between gap-4", children: [_jsxs("div", { className: "grid flex-1 gap-2", children: [_jsx(Skeleton, { className: "h-5 w-40" }), _jsx(Skeleton, { className: "h-4 w-64 max-w-full" })] }), _jsx(Skeleton, { className: "h-9 w-28 rounded-md" })] }), _jsx("div", { className: "grid gap-3", children: rows.map((row) => (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_7rem_5rem] items-center gap-4", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-8 w-full rounded-md" })] }, row))) })] })] })] })] }));
+    return (_jsxs("div", { "aria-busy": "true", "aria-live": "polite", className: "bg-sidebar flex min-h-svh w-full overflow-hidden", role: "status", children: [_jsx("span", { className: "sr-only", children: t('common.loadingManager') }), _jsxs("aside", { className: "hidden w-64 shrink-0 flex-col border-r bg-sidebar p-2 text-sidebar-foreground md:flex", children: [_jsx("div", { className: "flex flex-col gap-2 p-2", children: _jsxs("div", { className: "flex h-12 items-center gap-2 rounded-md p-2 text-sm", children: [_jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg", children: _jsx(RakunLogoMark, { className: "size-8 text-sidebar-foreground" }) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx(Skeleton, { className: "h-4 w-16 bg-sidebar-accent" }), _jsx(Skeleton, { className: "h-3 w-24 bg-sidebar-accent" })] })] }) }), _jsx("div", { className: "mt-4 flex flex-1 flex-col gap-1 px-2", children: sidebarItems.map((item) => (_jsxs("div", { className: "flex h-8 items-center gap-2 rounded-md px-2", children: [_jsx(Skeleton, { className: "size-4 bg-sidebar-accent" }), _jsx(Skeleton, { className: "h-4 bg-sidebar-accent", style: { width: `${item % 3 === 0 ? 8 : item % 3 === 1 ? 11 : 6}rem` } })] }, item))) }), _jsxs("div", { className: "flex items-center gap-2 px-2 py-3", children: [_jsx(Skeleton, { className: "size-8 rounded-lg bg-sidebar-accent" }), _jsxs("div", { className: "grid flex-1 gap-1", children: [_jsx(Skeleton, { className: "h-4 w-24 bg-sidebar-accent" }), _jsx(Skeleton, { className: "h-3 w-32 bg-sidebar-accent" })] })] })] }), _jsxs("main", { className: "bg-background m-0 flex min-w-0 flex-1 flex-col p-4 pt-0 md:m-2 md:ml-0 md:rounded-xl md:border", children: [_jsxs("header", { className: "flex h-16 shrink-0 items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx(Skeleton, { className: "size-8 rounded-md" }), _jsx(Skeleton, { className: "hidden h-4 w-px sm:block" }), _jsx(Skeleton, { className: "h-4 w-36 sm:w-48" })] }), _jsx(Skeleton, { className: "h-8 w-24 rounded-md" })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-4 overflow-hidden p-4 pt-0", children: [_jsx("div", { className: "grid auto-rows-min gap-4 md:grid-cols-3", children: cards.map((card) => (_jsx(Skeleton, { className: "aspect-video rounded-xl" }, card))) }), _jsxs("section", { className: "min-h-0 flex-1 rounded-xl border p-4", children: [_jsxs("div", { className: "mb-5 flex items-center justify-between gap-4", children: [_jsxs("div", { className: "grid flex-1 gap-2", children: [_jsx(Skeleton, { className: "h-5 w-40" }), _jsx(Skeleton, { className: "h-4 w-64 max-w-full" })] }), _jsx(Skeleton, { className: "h-9 w-28 rounded-md" })] }), _jsx("div", { className: "grid gap-3", children: rows.map((row) => (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_7rem_5rem] items-center gap-4", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-8 w-full rounded-md" })] }, row))) })] })] })] })] }));
+};
+export const ManagerAuthLoadingFallback = () => {
+    const t = useTranslations();
+    return (_jsxs("div", { "aria-busy": 'true', "aria-live": 'polite', className: 'bg-background flex min-h-svh items-center justify-center p-6 md:p-10', role: 'status', children: [_jsx("span", { className: 'sr-only', children: t('common.loadingManager') }), _jsx("div", { className: 'w-full max-w-sm', children: _jsxs("div", { className: 'flex w-full flex-col gap-7', children: [_jsxs("div", { className: 'flex flex-col items-center gap-6 text-center', children: [_jsx(RakunLogoMark, { className: 'h-14 w-auto text-primary' }), _jsx(Skeleton, { className: 'h-7 w-48 max-w-full' })] }), _jsxs("div", { className: 'flex w-full flex-col gap-3', children: [_jsx(Skeleton, { className: 'h-4 w-24' }), _jsx(Skeleton, { className: 'h-9 w-full rounded-md' })] }), _jsxs("div", { className: 'flex w-full flex-col gap-3', children: [_jsx(Skeleton, { className: 'h-4 w-32' }), _jsx(Skeleton, { className: 'h-9 w-full rounded-md' })] }), _jsx(Skeleton, { className: 'h-9 w-full rounded-md' }), _jsxs("div", { className: 'relative -my-2 h-5', children: [_jsx(Skeleton, { className: 'absolute inset-x-0 top-1/2 h-px' }), _jsx(Skeleton, { className: 'relative mx-auto h-5 w-8' })] }), _jsxs("div", { className: 'grid gap-4 sm:grid-cols-2', children: [_jsx(Skeleton, { className: 'h-9 w-full rounded-md' }), _jsx(Skeleton, { className: 'h-9 w-full rounded-md' })] })] }) })] }));
 };
 //# sourceMappingURL=manager-loading-fallback.js.map