@duxweb/dvha-pro 0.0.5 → 0.0.7

package/dist/esm/pages/page404.js

@@ -1,51 +1,56 @@
-import { defineComponent as u, createVNode as t, isVNode as m } from "vue";
+import { defineComponent as m, createVNode as t, isVNode as u } from "vue";
 import { useI18n as s } from "@duxweb/dvha-core";
 import { NButton as a } from "naive-ui";
 import { useRoute as l, useRouter as c } from "vue-router";
+import "vue-echarts";
+import "@overlastic/vue";
+import "lodash-es";
+import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
+import "pinia";
 import "clsx";
 import "jinrishici";
-import "lodash-es";
 import { DuxDrawEmpty as f } from "../components/draw/drawEmpty.js";
-import "../node_modules/@overlastic/vue/dist/index.js";
-import "@vueuse/core";
 import "vee-validate";
-import "@duxweb/dvha-naiveui";
-import "pinia";
 import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import { DuxPageStatus as d } from "./pageStatus.js";
 function g(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !m(o);
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !u(o);
 }
-const D = /* @__PURE__ */ u({
+const D = /* @__PURE__ */ m({
   name: "DuxPage404",
   setup(o) {
-    const n = l(), i = c(), {
-      t: e
+    const i = l(), p = c(), {
+      t: r
     } = s();
-    function p() {
-      i.push({
-        path: n.path,
+    function n() {
+      p.push({
+        path: i.path,
         query: {
-          ...n.query,
+          ...i.query,
           t: Date.now()
         }
       });
     }
     return () => t(d, {
-      title: e("pages.404.title"),
-      desc: e("pages.404.desc")
+      title: r("pages.404.title"),
+      desc: r("pages.404.desc")
     }, {
       default: () => t("div", null, [t(f, null, null)]),
       action: () => {
-        let r;
+        let e;
         return t(a, {
-          onClick: p,
+          onClick: n,
           renderIcon: () => t("div", {
             class: "n-icon i-tabler:refresh"
           }, null)
-        }, g(r = e("components.button.refresh")) ? r : {
-          default: () => [r]
+        }, g(e = r("components.button.refresh")) ? e : {
+          default: () => [e]
         });
       }
     });

package/dist/esm/pages/pageStatus.js

@@ -1,20 +1,25 @@
 import { defineComponent as c, createVNode as t } from "vue";
 import { DuxCard as a } from "../components/card/card.js";
 import "naive-ui";
-import "clsx";
-import "jinrishici";
-import "lodash-es";
-import "../node_modules/@overlastic/vue/dist/index.js";
-import "@vueuse/core";
-import "vee-validate";
+import "vue-echarts";
 import "@duxweb/dvha-core";
 import "vue-router";
+import "@overlastic/vue";
+import "lodash-es";
 import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
 import "pinia";
+import "clsx";
+import "jinrishici";
+import "vee-validate";
 import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import "./page404.js";
-const P = /* @__PURE__ */ c({
+const V = /* @__PURE__ */ c({
   name: "DuxPageStatus",
   props: {
     title: String,
@@ -46,5 +51,5 @@ const P = /* @__PURE__ */ c({
   }
 });
 export {
-  P as DuxPageStatus
+  V as DuxPageStatus
 };

package/dist/esm/theme/naiveTheme.js

@@ -1,59 +1,56 @@
-import { useTheme as i } from "@duxweb/dvha-core";
-import { hex2rgb as c } from "../node_modules/colorizr/dist/index.js";
+import { useTheme as C } from "@duxweb/dvha-core";
+import { hex2rgb as i } from "colorizr";
 import { merge as a } from "lodash-es";
 import { computed as l } from "vue";
 function g() {
-  const { getSceneColor: r, getSemanticColor: o } = i(), e = (m) => {
-    const t = c(m);
+  const { getSceneColor: o, getSemanticColor: r } = C(), e = (m) => {
+    const t = i(m);
     return `${t.r}, ${t.g},${t.b}`;
-  }, s = l(() => ({
+  }, d = l(() => ({
     common: {
-      primaryColor: r("primary"),
-      primaryColorHover: r("primary", "hover"),
-      primaryColorPressed: r("primary", "pressed"),
-      primaryColorSuppl: r("primary"),
-      infoColor: r("info"),
-      infoColorHover: r("info", "hover"),
-      infoColorPressed: r("info", "pressed"),
-      infoColorSuppl: r("info"),
-      successColor: r("success"),
-      successColorHover: r("success", "hover"),
-      successColorPressed: r("success", "pressed"),
-      successColorSuppl: r("success"),
-      warningColor: r("warning"),
-      warningColorHover: r("warning", "hover"),
-      warningColorPressed: r("warning", "pressed"),
-      warningColorSuppl: r("warning"),
-      errorColor: r("error"),
-      errorColorHover: r("error", "hover"),
-      errorColorPressed: r("error", "pressed"),
-      errorColorSuppl: r("error"),
+      primaryColor: o("primary"),
+      primaryColorHover: o("primary", "hover"),
+      primaryColorPressed: o("primary", "pressed"),
+      primaryColorSuppl: o("primary"),
+      infoColor: o("info"),
+      infoColorHover: o("info", "hover"),
+      infoColorPressed: o("info", "pressed"),
+      infoColorSuppl: o("info"),
+      successColor: o("success"),
+      successColorHover: o("success", "hover"),
+      successColorPressed: o("success", "pressed"),
+      successColorSuppl: o("success"),
+      warningColor: o("warning"),
+      warningColorHover: o("warning", "hover"),
+      warningColorPressed: o("warning", "pressed"),
+      warningColorSuppl: o("warning"),
+      errorColor: o("error"),
+      errorColorHover: o("error", "hover"),
+      errorColorPressed: o("error", "pressed"),
+      errorColorSuppl: o("error"),
       // textColorBase: getSemanticColor('text', 'base'),
       // textColor1: getSemanticColor('text', 'highlighted'),
       // textColor2: getSemanticColor('text', 'toned'),
       // textColor3: getSemanticColor('text', 'muted'),
       // textColorDisabled: getSemanticColor('text', 'dimmed'),
-      cardColor: o("bg", "muted"),
-      modalColor: o("bg", "muted"),
-      // bodyColor: getSemanticColor('bg', 'base'),
       // tableColor: getSemanticColor('bg', 'muted'),
       // actionColor: getSemanticColor('bg', 'muted'),
       // hoverColor: getSemanticColor('bg', 'muted'),
       // dividerColor: getSemanticColor('border', 'muted'),
       // borderColor: getSemanticColor('border', 'muted'),
-      placeholderColor: o("text", "muted"),
-      iconColor: o("text", "muted"),
+      // placeholderColor: getSemanticColor('text', 'muted'),
+      iconColor: r("text", "muted"),
       borderRadius: "var(--radius-sm)",
       borderRadiusSmall: "var(--radius-xs)"
     },
     Menu: {
-      itemIconColorCollapsed: o("text", "accented")
+      itemIconColorCollapsed: r("text", "accented")
     },
     DataTable: {
-      borderColor: o("border", "muted"),
-      thColor: o("bg", "elevated"),
-      tdColorHover: o("bg", "elevated"),
-      thTextColor: o("text", "base")
+      borderColor: r("border", "muted"),
+      thColor: r("bg", "elevated"),
+      tdColorHover: r("bg", "elevated"),
+      thTextColor: r("text", "base")
     },
     Select: {
       peers: {
@@ -64,32 +61,41 @@ function g() {
     },
     Button: {},
     Tabs: {
-      tabTextColorCard: o("text", "toned"),
-      colorSegment: `rgba(${e(o("bg", "elevated"))})`,
-      tabBorderColor: o("border", "muted"),
-      tabColorSegment: r("primary"),
-      tabTextColorSegment: o("text", "toned"),
-      tabTextColorActiveSegment: o("text", "inverted"),
-      tabTextColorHoverSegment: o("text", "muted")
-    }
-  })), n = l(() => a(s.value, {
+      tabTextColorCard: r("text", "toned"),
+      colorSegment: `rgba(${e(r("bg", "elevated"))})`,
+      tabBorderColor: r("border", "muted"),
+      tabColorSegment: o("primary"),
+      tabTextColorSegment: r("text", "toned"),
+      tabTextColorActiveSegment: r("text", "inverted"),
+      tabTextColorHoverSegment: r("text", "muted")
+    },
+    Card: {}
+  })), s = l(() => a(d.value, {
     common: {
-      popoverColor: `rgba(${e(o("bg", "muted"))}, 0.95)`
+      cardColor: r("bg", "base"),
+      modalColor: r("bg", "base"),
+      dividerColor: r("border", "muted"),
+      borderColor: r("border", "muted"),
+      popoverColor: `rgba(${e(r("bg", "muted"))}, 0.95)`
     },
     DataTable: {
-      tdColor: o("bg", "base")
+      tdColor: r("bg", "base")
     }
-  })), d = l(() => a(s.value, {
+  })), n = l(() => a(d.value, {
     common: {
-      popoverColor: `rgba(${e(o("bg", "elevated"))}, 0.95)`
+      cardColor: r("bg", "muted"),
+      modalColor: r("bg", "muted"),
+      dividerColor: r("border", "muted"),
+      borderColor: r("border", "muted"),
+      popoverColor: `rgba(${e(r("bg", "elevated"))}, 0.95)`
     },
     DataTable: {
-      tdColor: o("bg", "muted")
+      tdColor: r("bg", "muted")
     }
   }));
   return {
-    lightTheme: n,
-    darkTheme: d
+    lightTheme: s,
+    darkTheme: n
   };
 }
 export {

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

@@ -1,6 +1,8 @@
 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-text-opacity:100%;--un-bg-opacity:100%;--un-divide-y-reverse:0;--un-border-style:solid;--un-shadow-opacity:100%;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-border-opacity:100%;--un-divide-x-reverse:0;--un-divide-opacity:100%;--un-to-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
 @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%;}
 @property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-inset-ring-color{syntax:"*";inherits:false;}
 @property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@@ -934,6 +936,8 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .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\\:layout-sidebar-inactive{--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-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5-2v1m0 4v1m0 4v1m0 4v1'/%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-sidebar-right-inactive{--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-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11-2v1m0 4v1m0 4v1m0 4v1'/%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\\:link{--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='m9 15l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.07 5.07 0 0 1-7.127 0a4.97 4.97 0 0 1 0-7.071L6 11'/%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\\:lock{--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='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4'/%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\\:logout{--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='M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2'/%3E%3Cpath d='M9 12h12l-3-3m0 6l3-3'/%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;}
@@ -962,6 +966,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .text-gray-500{color:color-mix(in srgb, var(--colors-gray-500) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-500)) var(--un-text-opacity, 100%), transparent) */;}
 .text-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .text-success{color:color-mix(in srgb, var(--colors-success-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-success)) var(--un-text-opacity, 100%), transparent) */;}
+.text-warning{color:color-mix(in srgb, var(--colors-warning-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-warning)) var(--un-text-opacity, 100%), transparent) */;}
 .text-white{color:color-mix(in srgb, var(--colors-white-DEFAULT) var(--un-text-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
 .hover\\:text-primary:hover{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
@@ -984,9 +989,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .mt-2{margin-top:calc(var(--spacing) * 2);}
 .mt-4{margin-top:calc(var(--spacing) * 4);}
 .mt-auto{margin-top:auto;}
-.p-0\\!{padding:calc(var(--spacing) * 0) !important;}
 .p-1{padding:calc(var(--spacing) * 1);}
 .p-2{padding:calc(var(--spacing) * 2);}
+.p-2\\.5{padding:calc(var(--spacing) * 2.5);}
 .p-3{padding:calc(var(--spacing) * 3);}
 .p-4{padding:calc(var(--spacing) * 4);}
 .p-6{padding:calc(var(--spacing) * 6);}
@@ -1027,21 +1032,26 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .border-0{border-width:0px;}
 .border-b{border-bottom-width:1px;}
 .border-t{border-top-width:1px;}
+.border-primary{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.hover\\:border-primary:hover{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .rounded{border-radius:var(--radius-DEFAULT);}
 .rounded-full{border-radius:calc(infinity * 1px);}
 .rounded-lg{border-radius:var(--radius-lg);}
 .rounded-md{border-radius:var(--radius-md);}
 .rounded-sm{border-radius:var(--radius-sm);}
+.rounded-b{border-bottom-left-radius:var(--radius-DEFAULT);border-bottom-right-radius:var(--radius-DEFAULT);}
+.rounded-t{border-top-left-radius:var(--radius-DEFAULT);border-top-right-radius:var(--radius-DEFAULT);}
 .bg-error{background-color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-error)) var(--un-text-opacity, 100%), transparent) */;}
-.bg-gray-200\\/20{background-color:color-mix(in srgb, var(--colors-gray-200) 20%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-200)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-600{background-color:color-mix(in srgb, var(--colors-gray-600) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-600)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-800{background-color:color-mix(in srgb, var(--colors-gray-800) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.bg-primary\\/10{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-success{background-color:color-mix(in srgb, var(--colors-success-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-success)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-transparent{background-color:transparent;}
+.bg-warning{background-color:color-mix(in srgb, var(--colors-warning-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-warning)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-white{background-color:color-mix(in srgb, var(--colors-white-DEFAULT) var(--un-bg-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
+.bg-white\\/70{background-color:color-mix(in srgb, var(--colors-white-DEFAULT) 70%, transparent) /* rgb(var(--ui-color-white)) */;}
 .bg-white\\/8{background-color:color-mix(in srgb, var(--colors-white-DEFAULT) 8%, transparent) /* rgb(var(--ui-color-white)) */;}
-.bg-white\\/80{background-color:color-mix(in srgb, var(--colors-white-DEFAULT) 80%, transparent) /* rgb(var(--ui-color-white)) */;}
 .dark .dark\\:bg-gray-800\\/50{background-color:color-mix(in srgb, var(--colors-gray-800) 50%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .dark .dark\\:bg-gray-900\\/70{background-color:color-mix(in srgb, var(--colors-gray-900) 70%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
 .dark .dark\\:bg-gray-900\\/90{background-color:color-mix(in srgb, var(--colors-gray-900) 90%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
@@ -1050,6 +1060,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .bg-opacity-10{--un-bg-opacity:10%;}
 .opacity-0{opacity:0%;}
 .opacity-100{opacity:100%;}
+.opacity-50{opacity:50%;}
 .opacity-70{opacity:70%;}
 .underline{text-decoration-line:underline;}
 .flex{display:flex;}
@@ -1073,8 +1084,10 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .gap-y-4{row-gap:calc(var(--spacing) * 4);}
 .grid{display:grid;}
 .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
+.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
 .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);}
 .size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);}
+.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);}
 .size-30{width:calc(var(--spacing) * 30);height:calc(var(--spacing) * 30);}
 .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}
 .size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40);}
@@ -1103,7 +1116,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-screen{height:100vh;}
 .max-w-180{max-width:calc(var(--spacing) * 180);}
 .max-w-full{max-width:100%;}
-.max-w-none{max-width:none;}
 .min-h-0{min-height:calc(var(--spacing) * 0);}
 .min-h-1{min-height:calc(var(--spacing) * 1);}
 .min-w-0{min-width:calc(var(--spacing) * 0);}
@@ -1128,6 +1140,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .collapse{visibility:collapse;}
 .cursor-pointer{cursor:pointer;}
 .cursor-move{cursor:move;}
+.cursor-not-allowed{cursor:not-allowed;}
 .pointer-events-auto{pointer-events:auto;}
 .pointer-events-none{pointer-events:none;}
 .resize{resize:both;}
@@ -1169,9 +1182,11 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .bottom-0{bottom:calc(var(--spacing) * 0);}
 .left-0{left:calc(var(--spacing) * 0);}
 .right-0{right:calc(var(--spacing) * 0);}
+.right-2{right:calc(var(--spacing) * 2);}
 .right-2\\.5{right:calc(var(--spacing) * 2.5);}
 .top-0{top:calc(var(--spacing) * 0);}
 .top-1\\.3{top:calc(var(--spacing) * 1.3);}
+.top-2{top:calc(var(--spacing) * 2);}
 .top-7{top:calc(var(--spacing) * 7);}
 .justify-start{justify-content:flex-start;}
 .justify-end{justify-content:flex-end;}
@@ -1206,11 +1221,13 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .text-highlighted{color:color-mix(in oklab, rgb(var(--ui-text-highlighted)) var(--un-text-opacity, 100%), transparent);--un-text-opacity:100%;}
 .bg-default{background-color:color-mix(in oklab, rgb(var(--ui-bg)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
 .hover\\:bg-default:hover{background-color:color-mix(in oklab, rgb(var(--ui-bg)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
+.bg-muted,
 .dark .dark\\:bg-muted{background-color:color-mix(in oklab, rgb(var(--ui-bg-muted)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
 .bg-elevated{background-color:color-mix(in oklab, rgb(var(--ui-bg-elevated)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
 .hover\\:bg-elevated:hover{background-color:color-mix(in oklab, rgb(var(--ui-bg-elevated)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
 .bg-inverted{background-color:color-mix(in oklab, rgb(var(--ui-bg-inverted)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
 .bg-inverted\\/5{background-color:color-mix(in oklab, rgb(var(--ui-bg-inverted)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:5%;}
+.border-default{border-color:color-mix(in oklab, rgb(var(--ui-border)) var(--un-border-opacity, 100%), transparent);--un-border-opacity:100%;}
 .border-muted,
 .dark .dark\\:border-muted{border-color:color-mix(in oklab, rgb(var(--ui-border-muted)) var(--un-border-opacity, 100%), transparent);--un-border-opacity:100%;}
 .ring-muted{--un-ring-color:color-mix(in oklab, rgb(var(--ui-border-muted)) var(--un-ring-opacity, 100%), transparent);--un-ring-opacity:100%;}
@@ -1225,17 +1242,21 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .text-gray-500{color:color-mix(in oklab, var(--colors-gray-500) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-500)) var(--un-text-opacity, 100%), transparent) */;}
 .text-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .text-success{color:color-mix(in oklab, var(--colors-success-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-success)) var(--un-text-opacity, 100%), transparent) */;}
+.text-warning{color:color-mix(in oklab, var(--colors-warning-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-warning)) var(--un-text-opacity, 100%), transparent) */;}
 .text-white{color:color-mix(in oklab, var(--colors-white-DEFAULT) var(--un-text-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
 .hover\\:text-primary:hover{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.border-primary{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.hover\\:border-primary:hover{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-error{background-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-error)) var(--un-text-opacity, 100%), transparent) */;}
-.bg-gray-200\\/20{background-color:color-mix(in oklab, var(--colors-gray-200) 20%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-200)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-600{background-color:color-mix(in oklab, var(--colors-gray-600) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-600)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-800{background-color:color-mix(in oklab, var(--colors-gray-800) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.bg-primary\\/10{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) */;}
 .bg-success{background-color:color-mix(in oklab, var(--colors-success-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-success)) var(--un-text-opacity, 100%), transparent) */;}
+.bg-warning{background-color:color-mix(in oklab, var(--colors-warning-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-warning)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-white{background-color:color-mix(in oklab, var(--colors-white-DEFAULT) var(--un-bg-opacity), transparent) /* rgb(var(--ui-color-white)) */;}
+.bg-white\\/70{background-color:color-mix(in oklab, var(--colors-white-DEFAULT) 70%, transparent) /* rgb(var(--ui-color-white)) */;}
 .bg-white\\/8{background-color:color-mix(in oklab, var(--colors-white-DEFAULT) 8%, transparent) /* rgb(var(--ui-color-white)) */;}
-.bg-white\\/80{background-color:color-mix(in oklab, var(--colors-white-DEFAULT) 80%, transparent) /* rgb(var(--ui-color-white)) */;}
 .dark .dark\\:bg-gray-800\\/50{background-color:color-mix(in oklab, var(--colors-gray-800) 50%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .dark .dark\\:bg-gray-900\\/70{background-color:color-mix(in oklab, var(--colors-gray-900) 70%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
 .dark .dark\\:bg-gray-900\\/90{background-color:color-mix(in oklab, var(--colors-gray-900) 90%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
@@ -1271,6 +1292,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .lg\\:flex-none{flex:none;}
 .lg\\:flex-row{flex-direction:row;}
 .lg\\:grid{display:grid;}
+.lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(\\$\\{props\\.minWidth\\}\\,\\$\\{props\\.maxWidth\\}\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(\${props.minWidth},\${props.maxWidth}));}
 .lg\\:h-13{height:calc(var(--spacing) * 13);}
 .lg\\:max-w-2xl{max-width:var(--container-2xl);}
 .lg\\:max-w-4xl{max-width:var(--container-4xl);}