@duxweb/dvha-pro 1.1.7 → 1.1.9

package/dist/esm/components/editor/aiEditor.js

@@ -1,16 +1,88 @@
-import { defineComponent as S, ref as k, computed as C, watch as c, onMounted as w, onUnmounted as x, createVNode as A } from "vue";
-import { useTheme as E, useManage as M, useGetAuth as V, useI18n as D, useUpload as F } from "@duxweb/dvha-core";
-import { useVModel as N } from "@vueuse/core";
-import { AiEditor as O } from "aieditor";
-import { useMessage as b } from "naive-ui";
-const B = /* @__PURE__ */ S({
+import { defineComponent as T, ref as x, computed as U, watch as w, onMounted as L, onUnmounted as V, createVNode as $ } from "vue";
+import { useTheme as E, useManage as A, useGetAuth as j, useI18n as D, useUpload as F } from "@duxweb/dvha-core";
+import { useVModel as z } from "@vueuse/core";
+import { AiEditor as B } from "aieditor";
+import { useMessage as N } from "naive-ui";
+import "vue-router";
+import "@overlastic/vue";
+import "clsx";
+import "vue-echarts";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
+import "vue-cropper";
+import "jinrishici";
+import "lodash-es";
+import "vue-draggable-plus";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
+import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
+import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../../pages/page404.js";
+import "short-unique-id";
+import { useUploadConfig as O } from "../upload/config.js";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                      */
+import { useModal as Z } from "../../hooks/modal.js";
+import "mime";
+import "@iconify-json/tabler/icons.json";
+import "../posterEditor/elements/index.js";
+import "fabric";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+const Ye = /* @__PURE__ */ T({
   name: "DuxAiEditor",
   props: {
     value: String,
     defaultValue: String,
     uploadPath: String,
     uploadHeaders: Object,
+    // 编辑器类型：富文本 或 Markdown
+    editorType: {
+      type: String,
+      default: "richtext"
+    },
     aiPath: String,
+    fileManager: {
+      type: Boolean,
+      default: !0
+    },
+    fileManagerType: {
+      type: String,
+      default: "all"
+    },
     height: {
       type: String,
       default: "500px"
@@ -18,107 +90,163 @@ const B = /* @__PURE__ */ S({
     onUpdateValue: Function
   },
   setup(t, {
-    emit: f
+    emit: y
   }) {
-    const a = k();
-    let o = null, i = !1;
-    const m = E(), {
-      config: h
-    } = M(), g = V(), {
-      t: v
-    } = D(), P = b(), U = t.value ?? t.defaultValue ?? "", r = N(t, "value", f, {
+    const n = x();
+    let r = null, s = !1;
+    const f = E(), {
+      config: g
+    } = A(), k = j(), {
+      t: p
+    } = D(), M = N(), C = Z(), H = t.value ?? t.defaultValue ?? "", l = z(t, "value", y, {
       passive: !0
-    }), u = C(() => t.uploadPath || h.apiPath?.upload || "upload"), d = F({
-      path: u.value,
+    }), d = U(() => t.uploadPath || g.apiPath?.upload || "upload"), u = F({
+      path: d.value,
       autoUpload: !1
-    });
-    c(r, (e) => {
-      !o || i || o.setContent(e || "");
+    }), {
+      managePath: b,
+      method: P
+    } = O();
+    w(l, (e) => {
+      !r || s || (t.editorType === "markdown" ? r.setMarkdownContent(e || "") : r.setContent(e || ""));
     }, {
       immediate: !0,
       flush: "post"
     });
-    const s = (e) => new Promise((l, H) => {
-      d.addFiles([e], "file").then(() => {
-        d.trigger().then((n) => {
-          n.forEach((p) => {
-            const y = p?.data?.data;
-            l({
+    const c = (e) => new Promise((o, a) => {
+      u.addFiles([e], "file").then(() => {
+        u.trigger().then((i) => {
+          i.forEach((m) => {
+            const h = m?.data?.data;
+            o({
               errorCode: 0,
               data: {
-                src: y?.url,
-                alt: p?.filename
+                src: h?.url,
+                alt: m?.filename
               }
             });
           });
-        }).catch((n) => {
-          P.error(n.message), H(n);
+        }).catch((i) => {
+          M.error(i.message), a(i);
         }).finally(() => {
-          d.clearFiles();
+          u.clearFiles();
         });
       });
-    });
-    return w(() => {
-      o = new O({
-        theme: m.isDark.value ? "dark" : "light",
-        element: a.value,
-        placeholder: v("components.editor.placeholder"),
-        content: U,
+    }), S = (e) => {
+      const o = String(e?.filetype || ""), a = String(e?.url || "");
+      return /^image\//i.test(o) || /\.(?:png|jpe?g|gif|bmp|webp|svg)$/i.test(a) ? "image" : /^video\//i.test(o) || /\.(?:mp4|webm|ogg|mov|m4v)$/i.test(a) ? "video" : "attachment";
+    };
+    return L(() => {
+      r = new B({
+        theme: f.isDark.value ? "dark" : "light",
+        element: n.value,
+        placeholder: p("components.editor.placeholder"),
+        content: H,
+        contentIsMarkdown: t.editorType === "markdown",
         onBlur: (e) => {
-          i = !0, r.value = e.getHtml(), i = !1;
+          s = !0, l.value = t.editorType === "markdown" ? e.getMarkdown() : e.getHtml(), s = !1;
         },
         image: {
-          uploadUrl: u.value,
+          uploadUrl: d.value,
           uploadHeaders: t.uploadHeaders || {},
-          uploader: s
+          uploader: c,
+          defaultSize: "auto"
         },
         video: {
-          uploadUrl: u.value,
+          uploadUrl: d.value,
           uploadHeaders: t.uploadHeaders || {},
-          uploader: s
+          uploader: c
         },
         attachment: {
-          uploadUrl: u.value,
+          uploadUrl: d.value,
           uploadHeaders: t.uploadHeaders || {},
-          uploader: s
+          uploader: c
         },
         ai: {
           models: {
             custom: {
-              url: t.aiPath || h.apiPath?.ai || "ai",
+              url: t.aiPath || g.apiPath?.ai || "ai",
               headers: () => ({
                 "Content-Type": "application/json",
-                Authorization: g.token
+                Authorization: k.token
               }),
               wrapPayload: (e) => JSON.stringify({
                 prompt: e
               }),
               parseMessage: (e) => {
-                const l = JSON.parse(e);
+                const o = JSON.parse(e);
                 return {
                   role: "assistant",
-                  content: l.message,
-                  index: l.number,
-                  status: l.status
+                  content: o.message,
+                  index: o.number,
+                  status: o.status
                 };
               },
               protocol: "sse"
             }
           }
-        }
-      }), r.value != null && o.setContent(r.value || "");
-    }), x(() => {
-      o?.destroy();
-    }), c(m.isDark, (e) => {
-      a.value && (a.value.classList.remove("aie-theme-dark", "aie-theme-light"), a.value.classList.add(e ? "aie-theme-dark" : "aie-theme-light"));
+        },
+        toolbarKeys: ["undo", "redo", "brush", "eraser", "divider", "heading", "font-family", "font-size", "divider", "bold", "italic", "underline", "strike", "link", "code", "subscript", "superscript", "hr", "todo", "emoji", "divider", "highlight", "font-color", "divider", "align", "line-height", "divider", "bullet-list", "ordered-list", "indent-decrease", "indent-increase", "break", "divider", ...t.fileManager ? [{
+          id: "dux-file-manager-image",
+          tip: p("components.upload.fileManager"),
+          icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3.08697 9H20.9134C21.4657 9 21.9134 9.44772 21.9134 10C21.9134 10.0277 21.9122 10.0554 21.9099 10.083L21.0766 20.083C21.0334 20.6013 20.6001 21 20.08 21H3.9203C3.40021 21 2.96695 20.6013 2.92376 20.083L2.09042 10.083C2.04456 9.53267 2.45355 9.04932 3.00392 9.00345C3.03155 9.00115 3.05925 9 3.08697 9ZM4.84044 19H19.1599L19.8266 11H4.17377L4.84044 19ZM13.4144 5H20.0002C20.5525 5 21.0002 5.44772 21.0002 6V7H3.00017V4C3.00017 3.44772 3.44789 3 4.00017 3H11.4144L13.4144 5Z"></path></svg>',
+          onClick: (e, o) => {
+            C.show({
+              title: p("components.uploadManage.title") || p("components.upload.fileManager"),
+              width: "800px",
+              component: () => import("../upload/manager.js"),
+              componentProps: {
+                path: b.value,
+                type: t.fileManagerType || "all",
+                multiple: !0,
+                uploadParams: {
+                  path: d.value,
+                  accept: "*/*",
+                  method: P.value
+                }
+              }
+            }).then((a) => {
+              a?.forEach?.((i) => {
+                const m = S(i), h = i?.filename || "";
+                if (m === "image")
+                  o.insert({
+                    type: "image",
+                    attrs: {
+                      src: i.url,
+                      alt: h,
+                      width: "auto"
+                    }
+                  });
+                else if (m === "video")
+                  o.insert({
+                    type: "video",
+                    attrs: {
+                      src: i.url,
+                      controls: "true",
+                      width: 350
+                    }
+                  });
+                else {
+                  const v = i?.filename || i?.name || "file";
+                  t.editorType === "markdown" ? o.insertMarkdown(`[${v}](${i.url})`) : o.insert(`<a href="${i.url}" target="_blank">${v}</a>`);
+                }
+              });
+            });
+          }
+        }] : [], "image", "video", "attachment", "quote", "container", "code-block", "table", "divider", "printer", "fullscreen", "ai"]
+      }), l.value != null && (t.editorType === "markdown" ? r.setMarkdownContent(l.value || "") : r.setContent(l.value || ""));
+    }), V(() => {
+      r?.destroy();
+    }), w(f.isDark, (e) => {
+      n.value && (n.value.classList.remove("aie-theme-dark", "aie-theme-light"), n.value.classList.add(e ? "aie-theme-dark" : "aie-theme-light"));
     }, {
       immediate: !0
-    }), () => A("div", {
-      ref: a,
+    }), () => $("div", {
+      ref: n,
       style: `height: ${t.height}; width:100%`
     }, null);
   }
 });
 export {
-  B as DuxAiEditor
+  Ye as DuxAiEditor
 };

package/dist/esm/components/layout/table.js

@@ -230,7 +230,7 @@ const Jt = /* @__PURE__ */ te({
       }, [e("div", {
         class: "relative top-1.5px"
       }, [!a.tabs && e("div", {
-        class: "pt-1 text-base"
+        class: "py-3 text-base"
       }, [$?.label]), a.tabs && e(ue, {
         ref: b,
         type: "bar",

package/dist/esm/components/upload/file.js

@@ -52,11 +52,11 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import { useUploadConfig as J } from "./config.js";
 import "@vue-flow/core";
 import "@vue-flow/background";
 /* empty css                      */
-import { useModal as J } from "../../hooks/modal.js";
-import { useUploadConfig as H } from "./config.js";
+import { useModal as H } from "../../hooks/modal.js";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
@@ -130,26 +130,25 @@ const d = {
   setup(t, {
     emit: S
   }) {
-    console.log("props", t);
     const u = X(t, "value", S, {
       passive: !0,
       deep: !0,
       defaultValue: t.defaultValue
     }), C = I(), {
       t: a
-    } = B(), f = c(), m = s(() => t.maxSize || 5), N = J(), {
+    } = B(), f = c(), m = s(() => t.maxSize || 5), N = H(), {
       uploadPath: g,
       managePath: V,
       driver: k,
       method: v
-    } = H({
+    } = J({
       driver: t?.driver,
       signPath: t?.signPath,
       signCallback: t?.signCallback,
       uploadPath: t?.path,
       managePath: t?.managePath,
       method: t?.method
-    }), l = T({
+    }), n = T({
       path: g.value,
       multiple: t.multiple,
       maxFileCount: t.maxNum,
@@ -163,10 +162,10 @@ const d = {
       isOverDropZone: h
     } = L(f, {
       onDrop: (e) => {
-        e && e.length > 0 && l.addFiles(Array.from(e), "file");
+        e && e.length > 0 && n.addFiles(Array.from(e), "file");
       }
     }), p = c(!1);
-    b(l.dataFiles, (e) => {
+    b(n.dataFiles, (e) => {
       const i = t.multiple ? e : e[0];
       p.value = !0, u.value = i, t.onUpdateValue?.(i), w(() => {
         p.value = !1;
@@ -179,8 +178,8 @@ const d = {
         const A = i.split("/")[0];
         return d[i] || A.toUpperCase();
       }
-      const n = E.getExtension(i);
-      return n ? n.toUpperCase() : i;
+      const l = E.getExtension(i);
+      return l ? l.toUpperCase() : i;
     }).filter(Boolean).join(", ") : ""), z = s(() => ({
       pending: o("div", {
         class: "text-info"
@@ -194,13 +193,13 @@ const d = {
       error: o("div", {
         class: "text-error"
       }, [a("components.upload.status.error")])
-    })), D = s(() => [r.dropZone.base, h.value ? r.dropZone.active : r.dropZone.hover]), M = s(() => [l.uploadFiles.value.length === 0 && "border-b border-muted"]), y = c(!1);
+    })), D = s(() => [r.dropZone.base, h.value ? r.dropZone.active : r.dropZone.hover]), M = s(() => [n.uploadFiles.value.length === 0 && "border-b border-muted"]), y = c(!1);
     return b(u, (e) => {
       if (p.value || !e || !e?.length || y.value)
         return;
       y.value = !0;
       const i = Array.isArray(e) ? e : [e];
-      l.addDataFiles(i);
+      n.addDataFiles(i);
     }, {
       immediate: !0
     }), () => o("div", {
@@ -208,7 +207,7 @@ const d = {
     }, [o("div", {
       ref: f,
       class: D.value,
-      onClick: () => l.open()
+      onClick: () => n.open()
     }, [o("div", {
       class: r.content
     }, [o("div", {
@@ -230,7 +229,7 @@ const d = {
             }
           }
         }).then((i) => {
-          l.addDataFiles(i);
+          n.addDataFiles(i);
         }));
       }
     }, [o("div", {
@@ -283,7 +282,7 @@ const d = {
         title: a("components.upload.actions"),
         width: 120,
         render: (e) => {
-          let i, n;
+          let i, l;
           return o("div", {
             class: r.table.actions
           }, [o(F, {
@@ -291,20 +290,20 @@ const d = {
             size: "small",
             text: !0,
             disabled: ["success", "error", "cancelled"].includes(e.status),
-            onClick: () => l.cancelFiles([e.id])
+            onClick: () => n.cancelFiles([e.id])
           }, P(i = a("components.upload.cancel")) ? i : {
             default: () => [i]
           }), o(F, {
             type: "error",
             size: "small",
             text: !0,
-            onClick: () => l.removeFiles([e.id])
-          }, P(n = a("components.upload.delete")) ? n : {
-            default: () => [n]
+            onClick: () => n.removeFiles([e.id])
+          }, P(l = a("components.upload.delete")) ? l : {
+            default: () => [l]
           })]);
         }
       }],
-      data: l.uploadFiles.value
+      data: n.uploadFiles.value
     }, {
       empty: () => o("div", {
         class: r.table.empty

package/dist/esm/components/upload/image.js

@@ -50,12 +50,12 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import { useUploadConfig as L } from "./config.js";
 import "@vue-flow/core";
 import "@vue-flow/background";
 /* empty css                      */
-import { useModal as L } from "../../hooks/modal.js";
+import { useModal as O } from "../../hooks/modal.js";
 import "mime";
-import { useUploadConfig as O } from "./config.js";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
@@ -116,7 +116,7 @@ const Ze = /* @__PURE__ */ k({
       managePath: y,
       driver: z,
       method: p
-    } = O({
+    } = L({
       driver: t?.driver,
       signPath: t?.signPath,
       signCallback: t?.signCallback,
@@ -142,7 +142,7 @@ const Ze = /* @__PURE__ */ k({
     });
     const F = n(() => a.progress.value.totalPercent), P = n(() => a.isUploading.value), C = async () => {
       a.open();
-    }, S = n(() => t.multiple ? t.maxNum && a.uploadFiles.value.length >= t.maxNum : !0), N = n(() => a.dataFiles.value?.map((e) => e.url)), U = L();
+    }, S = n(() => t.multiple ? t.maxNum && a.uploadFiles.value.length >= t.maxNum : !0), N = n(() => a.dataFiles.value?.map((e) => e.url)), U = O();
     return g(u, (e) => {
       if (!e || !(Array.isArray(e) ? e.length : String(e).length)) return;
       const o = typeof e == "string" ? [e] : Array.isArray(e) ? e : [], l = (a.dataFiles.value || []).map((m) => m.url).filter(Boolean), c = o.filter((m) => !l.includes(m));

package/dist/esm/components/upload/manager.js

@@ -52,11 +52,11 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import { useUploadConfig as ae } from "./config.js";
 import "@vue-flow/core";
 import "@vue-flow/background";
 /* empty css                      */
 import "mime";
-import { useUploadConfig as ae } from "./config.js";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
@@ -262,7 +262,7 @@ const va = /* @__PURE__ */ z({
           class: "i-tabler:x"
         }, null)
       }, null)])]), e("div", {
-        class: "flex-1 min-h-1"
+        class: "flex-1 min-h-1 relative"
       }, [n.data?.value?.data?.length > 0 && e(J, {
         distance: 10,
         onLoad: () => {
@@ -311,7 +311,7 @@ const va = /* @__PURE__ */ z({
           }, null)
         }))])]
       }), n.isLoading.value ? e(Q, {
-        class: "h-full absolute w-full bg-gray-1/50"
+        class: "h-full absolute w-full inset-0 bg-gray-1/50"
       }, null) : !n.data.value?.data?.length && e("div", {
         class: "size-full flex justify-center items-center text-sm text-gray-6"
       }, [e("div", {

package/dist/esm/theme/uno.css.js

@@ -1,5 +1,5 @@
 const r = `/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-from-opacity:100%;--un-text-opacity:100%;--un-bg-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -882,6 +882,14 @@ textarea {
   padding-block: 0;
 }
 
+/*
+  Center dropdown marker shown on inputs with paired \`<datalist>\`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
+*/
+
+::-webkit-calendar-picker-indicator {
+  line-height: 1;
+}
+
 /*
   Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
 */
@@ -913,7 +921,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
   Make elements with the HTML hidden attribute stay hidden by default.
 */
 
-[hidden]:where(:not([hidden='until-found'])) {
+[hidden]:where(:not([hidden~='until-found'])) {
   display: none !important;
 }
 /* layer: icons */
@@ -973,7 +981,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:hexagons{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 18v-5l4-2l4 2v5l-4 2zm4-7V6l4-2l4 2v5m-4 2l4-2l4 2v5l-4 2l-4-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:info-circle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:info-circle-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1-19.995.324L2 12l.004-.28C2.152 6.327 6.57 2 12 2m0 9h-1l-.117.007a1 1 0 0 0 0 1.986L11 13v3l.007.117a1 1 0 0 0 .876.876L12 17h1l.117-.007a1 1 0 0 0 .876-.876L14 16l-.007-.117a1 1 0 0 0-.764-.857l-.112-.02L13 15v-3l-.007-.117a1 1 0 0 0-.876-.876zm.01-3l-.127.007a1 1 0 0 0 0 1.986L12 10l.127-.007a1 1 0 0 0 0-1.986z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
-.i-tabler\\:language{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 5h7M9 3v2c0 4.418-2.239 8-5 8'/%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4m.3 7l4-9l4 9m-.9-2h-6.2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:language{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 6.371C9 10.789 6.761 13 4 13m0-6.629h7'/%3E%3Cpath d='M5 9c0 2.144 2.252 3.908 6 4m1 7l4-9l4 9m-.9-2h-6.2M6.694 3l.793.582'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:layout{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:layout-align-bottom{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 20h16M9 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:layout-align-center{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4v5m0 6v5m-6-9a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -1353,7 +1361,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}
-.rotate-0{rotate:0;}
+.rotate-0{rotate:0deg;}
 .rotate-180{rotate:180deg;}
 .rotate-45{rotate:45deg;}
 .transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
@@ -1438,12 +1446,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .table{display:table;}
 .border-collapse{border-collapse:collapse;}
 .table-fixed{table-layout:fixed;}
-.space-y-2>:not(:last-child){--un-space-y-reverse:0;margin-block-start: calc(calc(var(--spacing) * 2) * var(--un-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-y-reverse)));}
-.space-y-4>:not(:last-child){--un-space-y-reverse:0;margin-block-start: calc(calc(var(--spacing) * 4) * var(--un-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--un-space-y-reverse)));}
-.dark .dark\\:divide-gray-800>:not(:last-child){border-color:color-mix(in srgb, var(--colors-gray-800) var(--un-divide-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
-.divide-white\\/20>:not(:last-child){border-color:color-mix(in srgb, var(--colors-white-DEFAULT) 20%, transparent) /* rgb(var(--ui-color-white)) */;}
-.divide-x>:not(:last-child){--un-divide-x-reverse:0;border-left-width:calc(1px * var(--un-divide-x-reverse));border-left-style:var(--un-border-style);border-right-width:calc(1px * calc(1 - var(--un-divide-x-reverse)));border-right-style:var(--un-border-style);}
-.divide-y>:not(:last-child){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}
 .text-default{color:color-mix(in oklab, rgb(var(--ui-text)) var(--un-text-opacity, 100%), transparent);--un-text-opacity:100%;}
 .text-dimmed{color:color-mix(in oklab, rgb(var(--ui-text-dimmed)) var(--un-text-opacity, 100%), transparent);--un-text-opacity:100%;}
 .placeholder\\:text-dimmed::placeholder{color:color-mix(in oklab, rgb(var(--ui-text-dimmed)) var(--un-text-opacity, 100%), transparent);--un-text-opacity:100%;}
@@ -1484,6 +1486,24 @@ input:where([type='button'], [type='reset'], [type='submit']),
             border-color: color-mix(in oklab, rgb(var(--ui-border-muted)) var(--un-border-opacity, 100%), transparent);
             --un-border-opacity: 100%;
           }
+.dark\\:divide-gray-800{
+.dark :where(&>:not(:last-child)){border-color:color-mix(in srgb, var(--colors-gray-800) var(--un-divide-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
+}
+.divide-white\\/20{
+:where(&>:not(:last-child)){border-color:color-mix(in srgb, var(--colors-white-DEFAULT) 20%, transparent) /* rgb(var(--ui-color-white)) */;}
+}
+.divide-x{
+:where(&>:not(:last-child)){--un-divide-x-reverse:0;border-left-width:calc(1px * var(--un-divide-x-reverse));border-left-style:var(--un-border-style);border-right-width:calc(1px * calc(1 - var(--un-divide-x-reverse)));border-right-style:var(--un-border-style);}
+}
+.divide-y{
+:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}
+}
+.space-y-2{
+:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start: calc(calc(var(--spacing) * 2) * var(--un-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-y-reverse)));}
+}
+.space-y-4{
+:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start: calc(calc(var(--spacing) * 4) * var(--un-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--un-space-y-reverse)));}
+}
 @supports (color: color-mix(in lab, red, red)){
 .text-blue-600{color:color-mix(in oklab, var(--colors-blue-600) var(--un-text-opacity), transparent) /* rgb(var(--base-color-blue-600)) */;}
 .text-error{color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-error)) var(--un-text-opacity, 100%), transparent) */;}
@@ -1537,10 +1557,10 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .hover\\:bg-primary-hover:hover{background-color:color-mix(in oklab, var(--colors-primary-hover) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) var(--un-text-opacity, 100%), transparent) */;}
 .hover\\:bg-primary\\/10:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .hover\\:bg-primary\\/5:hover{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
-.dark .dark\\:shadow-gray-950\\/20{--un-shadow-color:color-mix(in oklab, var(--colors-gray-950) 20%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-950)) var(--un-text-opacity, 100%), transparent) */;}
-.dark .dark\\:shadow-gray-950\\/80{--un-shadow-color:color-mix(in oklab, var(--colors-gray-950) 80%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-950)) var(--un-text-opacity, 100%), transparent) */;}
+.dark .dark\\:shadow-gray-950\\/20{--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-gray-950) 20%, transparent) var(--un-shadow-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-950)) var(--un-text-opacity, 100%), transparent) */;}
+.dark .dark\\:shadow-gray-950\\/80{--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-gray-950) 80%, transparent) var(--un-shadow-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-950)) var(--un-text-opacity, 100%), transparent) */;}
 .shadow-gray-100{--un-shadow-color:color-mix(in oklab, var(--colors-gray-100) var(--un-shadow-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-100)) var(--un-text-opacity, 100%), transparent) */;}
-.shadow-gray-950\\/10{--un-shadow-color:color-mix(in oklab, var(--colors-gray-950) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-950)) var(--un-text-opacity, 100%), transparent) */;}
+.shadow-gray-950\\/10{--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-gray-950) 10%, transparent) var(--un-shadow-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-950)) var(--un-text-opacity, 100%), transparent) */;}
 .fill-primary{fill:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-fill-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 }
 @media (min-width: 40rem){