@duxweb/dvha-pro 1.0.17 → 1.0.19

package/dist/cjs/pages/page.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("naive-ui"),m=a.defineComponent({name:"DuxPage",props:{padding:{type:Boolean,default:!0},actions:{type:Array,default:()=>[]},card:{type:Boolean,default:!0},scrollbar:{type:Boolean,default:!0}},setup(r,{slots:e}){const t=a.ref(!1),f=n=>{const c=n.target;t.value=c.scrollTop>0};return()=>{var l,o,i;const n=r.card?"bg-default dark:bg-muted rounded-md shadow-xs lg:dark:border lg:dark:border-muted":"",c=r.card&&r.padding?"p-3":"",d=r.scrollbar?"":"h-full";return a.createVNode("div",{class:"h-full flex-1 flex gap-2 relative"},[a.createVNode("div",{class:`z-1 absolute top-0 left-0 w-full h-10 bg-linear-to-b from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),white_95%)] dark:from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),theme(colors.gray.950)_95%)] to-transparent pointer-events-none transition-opacity duration-300 ${t.value?"opacity-100":"opacity-0"}`},null),(l=e==null?void 0:e.sideLeft)==null?void 0:l.call(e),r.scrollbar?a.createVNode(g.NScrollbar,{class:[n,"flex-1 min-w-0"],contentClass:`${c} ${d}`,onScroll:f},{default:()=>{var u;return[(u=e.default)==null?void 0:u.call(e)]}}):a.createVNode("div",{class:`${n} ${c} ${d} flex-1 min-w-0`},[(o=e.default)==null?void 0:o.call(e)]),(i=e==null?void 0:e.sideRight)==null?void 0:i.call(e)])}}});exports.DuxPage=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("naive-ui"),m=a.defineComponent({name:"DuxPage",props:{padding:{type:Boolean,default:!0},actions:{type:Array,default:()=>[]},card:{type:Boolean,default:!0},scrollbar:{type:Boolean,default:!0}},setup(r,{slots:e}){const t=a.ref(!1),f=n=>{const c=n.target;t.value=c.scrollTop>0};return()=>{var l,o,i;const n=r.card?"bg-default dark:bg-muted rounded shadow-xs lg:dark:border lg:dark:border-muted":"",c=r.card&&r.padding?"p-3":"",d=r.scrollbar?"":"h-full";return a.createVNode("div",{class:"h-full flex-1 flex gap-2 relative"},[a.createVNode("div",{class:`z-1 absolute top-0 left-0 w-full h-10 bg-linear-to-b from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),white_95%)] dark:from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),theme(colors.gray.950)_95%)] to-transparent pointer-events-none transition-opacity duration-300 ${t.value?"opacity-100":"opacity-0"}`},null),(l=e==null?void 0:e.sideLeft)==null?void 0:l.call(e),r.scrollbar?a.createVNode(g.NScrollbar,{class:[n,"flex-1 min-w-0"],contentClass:`${c} ${d}`,onScroll:f},{default:()=>{var u;return[(u=e.default)==null?void 0:u.call(e)]}}):a.createVNode("div",{class:`${n} ${c} ${d} flex-1 min-w-0`},[(o=e.default)==null?void 0:o.call(e)]),(i=e==null?void 0:e.sideRight)==null?void 0:i.call(e)])}}});exports.DuxPage=m;

package/dist/cjs/pages/page404.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@duxweb/dvha-core"),s=require("naive-ui"),o=require("vue-router");require("clsx");require("vue-echarts");require("@overlastic/vue");require("dayjs");require("mime");require("lodash-es");require("@tanstack/vue-query");require("@duxweb/dvha-naiveui");require("@vueuse/core");require("pinia");require("vue-cropper");require("jinrishici");require("vue-draggable-plus");const l=require("../components/draw/drawEmpty.cjs");require("aieditor");require("vee-validate");require("@vee-validate/i18n");require("colorizr");require("echarts");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vue-command-palette");const d=require("./pageStatus.cjs");function p(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const n=e.defineComponent({name:"DuxPage404",setup(r){const i=o.useRoute(),a=o.useRouter(),{t:u}=c.useI18n();function q(){a.push({path:i.path,query:{...i.query,t:Date.now()}})}return()=>e.createVNode(d.DuxPageStatus,{title:u("pages.404.title"),desc:u("pages.404.desc")},{default:()=>e.createVNode("div",null,[e.createVNode(l.DuxDrawEmpty,null,null)]),action:()=>{let t;return e.createVNode(s.NButton,{onClick:q,renderIcon:()=>e.createVNode("div",{class:"n-icon i-tabler:refresh"},null)},p(t=u("components.button.refresh"))?t:{default:()=>[t]})}})}});n.displayName="DuxPage404";exports.DuxPage404=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@duxweb/dvha-core"),s=require("naive-ui"),o=require("vue-router");require("clsx");require("vue-echarts");require("@overlastic/vue");require("dayjs");require("mime");require("lodash-es");require("@tanstack/vue-query");require("@duxweb/dvha-naiveui");require("@vueuse/core");require("pinia");require("vue-cropper");require("jinrishici");require("vue-draggable-plus");const l=require("../components/draw/drawEmpty.cjs");require("aieditor");require("vee-validate");require("@vee-validate/i18n");require("colorizr");require("echarts");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vue-command-palette");const d=require("./pageStatus.cjs");require("@iconify-json/tabler/icons.json");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");function p(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const q=e.defineComponent({name:"DuxPage404",setup(r){const i=o.useRoute(),n=o.useRouter(),{t:u}=c.useI18n();function a(){n.push({path:i.path,query:{...i.query,t:Date.now()}})}return()=>e.createVNode(d.DuxPageStatus,{title:u("pages.404.title"),desc:u("pages.404.desc")},{default:()=>e.createVNode("div",null,[e.createVNode(l.DuxDrawEmpty,null,null)]),action:()=>{let t;return e.createVNode(s.NButton,{onClick:a,renderIcon:()=>e.createVNode("div",{class:"n-icon i-tabler:refresh"},null)},p(t=u("components.button.refresh"))?t:{default:()=>[t]})}})}});q.displayName="DuxPage404";exports.DuxPage404=q;

package/dist/cjs/pages/pageStatus.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("../components/card/card.cjs");require("clsx");require("naive-ui");require("vue-echarts");require("@duxweb/dvha-core");require("vue-router");require("@overlastic/vue");require("dayjs");require("mime");require("lodash-es");require("@tanstack/vue-query");require("@duxweb/dvha-naiveui");require("@vueuse/core");require("pinia");require("vue-cropper");require("jinrishici");require("vue-draggable-plus");require("aieditor");require("vee-validate");require("@vee-validate/i18n");require("colorizr");require("echarts");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vue-command-palette");require("./page404.cjs");const a=e.defineComponent({name:"DuxPageStatus",props:{title:String,desc:String},setup(r,{slots:i}){return()=>e.createVNode(c.DuxCard,{class:"size-full flex items-center justify-center"},{default:()=>{var u,t;return[e.createVNode("div",{class:"flex flex-col gap-6 justify-center items-center py-10"},[e.createVNode("div",{class:"w-40"},[(u=i.default)==null?void 0:u.call(i)]),e.createVNode("div",{class:"flex flex-col items-center justify-center gap-2"},[e.createVNode("div",{class:"text-lg text-default font-bold"},[r==null?void 0:r.title]),e.createVNode("div",{class:"text-muted"},[r==null?void 0:r.desc])]),e.createVNode("div",{class:"flex justify-center items-center gap-4"},[(t=i.action)==null?void 0:t.call(i)])])]}})}});exports.DuxPageStatus=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),q=require("../components/card/card.cjs");require("clsx");require("naive-ui");require("vue-echarts");require("@duxweb/dvha-core");require("vue-router");require("@overlastic/vue");require("dayjs");require("mime");require("lodash-es");require("@tanstack/vue-query");require("@duxweb/dvha-naiveui");require("@vueuse/core");require("pinia");require("vue-cropper");require("jinrishici");require("vue-draggable-plus");require("aieditor");require("vee-validate");require("@vee-validate/i18n");require("colorizr");require("echarts");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vue-command-palette");require("./page404.cjs");require("@iconify-json/tabler/icons.json");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");const a=e.defineComponent({name:"DuxPageStatus",props:{title:String,desc:String,bordered:{type:Boolean,default:!0}},setup(r,{slots:i}){return()=>e.createVNode(q.DuxCard,{class:"size-full flex items-center justify-center",bordered:r.bordered},{default:()=>{var u,t;return[e.createVNode("div",{class:"flex flex-col gap-6 justify-center items-center py-10"},[e.createVNode("div",{class:"w-40"},[(u=i.default)==null?void 0:u.call(i)]),e.createVNode("div",{class:"flex flex-col items-center justify-center gap-2"},[e.createVNode("div",{class:"text-lg text-default font-bold"},[r==null?void 0:r.title]),e.createVNode("div",{class:"text-muted"},[r==null?void 0:r.desc])]),e.createVNode("div",{class:"flex justify-center items-center gap-4"},[(t=i.action)==null?void 0:t.call(i)])])]}})}});exports.DuxPageStatus=a;

package/dist/cjs/theme/naiveTheme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@duxweb/dvha-core"),m=require("colorizr"),d=require("lodash-es"),l=require("vue");function u(){const{getSceneColor:e,getSemanticColor:r}=c.useTheme(),o=i=>{const t=m.hex2rgb(i);return`${t.r}, ${t.g},${t.b}`},s=l.computed(()=>({common:{primaryColor:e("primary"),primaryColorHover:e("primary","hover"),primaryColorPressed:e("primary","pressed"),primaryColorSuppl:e("primary"),infoColor:e("info"),infoColorHover:e("info","hover"),infoColorPressed:e("info","pressed"),infoColorSuppl:e("info"),successColor:e("success"),successColorHover:e("success","hover"),successColorPressed:e("success","pressed"),successColorSuppl:e("success"),warningColor:e("warning"),warningColorHover:e("warning","hover"),warningColorPressed:e("warning","pressed"),warningColorSuppl:e("warning"),errorColor:e("error"),errorColorHover:e("error","hover"),errorColorPressed:e("error","pressed"),errorColorSuppl:e("error"),iconColor:r("text","muted"),borderRadius:"var(--radius-sm)",borderRadiusSmall:"var(--radius-xs)"},Menu:{itemIconColorCollapsed:r("text","accented")},DataTable:{borderColor:r("border","muted"),thColor:r("bg","elevated"),tdColorHover:r("bg","elevated"),thTextColor:r("text","base")},Select:{peers:{InternalSelection:{border:"1px solid rgb(var(--ui-border-accented))"}}},Button:{},Tabs:{tabTextColorCard:r("text","toned"),colorSegment:`rgba(${o(r("bg","elevated"))})`,tabBorderColor:r("border","muted"),tabColorSegment:e("primary"),tabTextColorSegment:r("text","toned"),tabTextColorActiveSegment:r("text","inverted"),tabTextColorHoverSegment:r("text","muted")},Card:{}})),a=l.computed(()=>d.merge(s.value,{common:{cardColor:r("bg","base"),modalColor:r("bg","base"),dividerColor:r("border","muted"),borderColor:r("border","muted"),popoverColor:`rgba(${o(r("bg","muted"))}, 0.95)`},DataTable:{tdColor:r("bg","base")}})),n=l.computed(()=>d.merge(s.value,{common:{cardColor:r("bg","muted"),modalColor:r("bg","muted"),dividerColor:r("border","muted"),borderColor:r("border","muted"),popoverColor:`rgba(${o(r("bg","elevated"))}, 0.95)`},DataTable:{tdColor:r("bg","muted")}}));return{lightTheme:a,darkTheme:n}}exports.themeOverrides=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@duxweb/dvha-core"),m=require("colorizr"),d=require("lodash-es"),l=require("vue");function u(){const{getSceneColor:e,getSemanticColor:r}=c.useTheme(),o=i=>{const t=m.hex2rgb(i);return`${t.r}, ${t.g},${t.b}`},s=l.computed(()=>({common:{primaryColor:e("primary"),primaryColorHover:e("primary","hover"),primaryColorPressed:e("primary","pressed"),primaryColorSuppl:e("primary"),infoColor:e("info"),infoColorHover:e("info","hover"),infoColorPressed:e("info","pressed"),infoColorSuppl:e("info"),successColor:e("success"),successColorHover:e("success","hover"),successColorPressed:e("success","pressed"),successColorSuppl:e("success"),warningColor:e("warning"),warningColorHover:e("warning","hover"),warningColorPressed:e("warning","pressed"),warningColorSuppl:e("warning"),errorColor:e("error"),errorColorHover:e("error","hover"),errorColorPressed:e("error","pressed"),errorColorSuppl:e("error"),iconColor:r("text","muted"),borderRadius:"var(--radius-sm)",borderRadiusSmall:"var(--radius-xs)"},Menu:{itemIconColorCollapsed:r("text","accented")},DataTable:{borderColor:r("border","muted"),thColor:r("bg","elevated"),tdColorHover:r("bg","elevated"),thTextColor:r("text","base")},Select:{peers:{InternalSelection:{border:"1px solid rgb(var(--ui-border-accented))"}}},Button:{},Tabs:{tabTextColorCard:r("text","toned"),colorSegment:`rgba(${o(r("bg","elevated"))})`,tabBorderColor:r("border","muted"),tabColorSegment:e("primary"),tabTextColorSegment:r("text","toned"),tabTextColorActiveSegment:r("text","inverted"),tabTextColorHoverSegment:r("text","muted")},Card:{}})),a=l.computed(()=>d.merge(s.value,{common:{cardColor:r("bg","base"),modalColor:r("bg","base"),dividerColor:r("border","muted"),borderColor:r("border","muted"),popoverColor:`rgba(${o(r("bg","base"))}, 0.98)`},DataTable:{tdColor:r("bg","base")}})),n=l.computed(()=>d.merge(s.value,{common:{cardColor:r("bg","muted"),modalColor:r("bg","muted"),dividerColor:r("border","muted"),borderColor:r("border","muted"),popoverColor:`rgba(${o(r("bg","elevated"))}, 0.95)`},DataTable:{tdColor:r("bg","muted")}}));return{lightTheme:a,darkTheme:n}}exports.themeOverrides=u;

package/dist/cjs/theme/uno.css.cjs

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});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-from-opacity:100%;--un-divide-y-reverse:0;--un-border-style:solid;--un-divide-x-reverse:0;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-to-opacity:100%;--un-border-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
+@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:0;--un-border-style:solid;--un-divide-x-reverse:0;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
 @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%;}
@@ -917,6 +917,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 }
 /* layer: icons */
 .i-tabler\\:alert-triangle{--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 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0zM12 16h.01'/%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\\:arrow-down{--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 5v14m6-6l-6 6m-6-6l6 6'/%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\\:arrow-left{--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='M5 12h14M5 12l6 6m-6-6l6-6'/%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\\:brightness-half{--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='M12 9a3 3 0 0 0 0 6z'/%3E%3Cpath d='M6 6h3.5L12 3.5L14.5 6H18v3.5l2.5 2.5l-2.5 2.5V18h-3.5L12 20.5L9.5 18H6v-3.5L3.5 12L6 9.5z'/%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\\:check{--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='m5 12l5 5L20 7'/%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;}
@@ -929,6 +930,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:database-export{--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 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3c1.118 0 2.183-.086 3.15-.241M20 12V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.235 0 .466-.005M16 19h6m-3-3l3 3l-3 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;}
 .i-tabler\\:database-import{--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 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3c.856 0 1.68-.05 2.454-.144M20 12V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.256 0 .51-.006M19 22v-6m3 3l-3-3l-3 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;}
 .i-tabler\\:device-desktop-up{--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='M13.5 16H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v7.5M19 22v-6m3 3l-3-3l-3 3m-9 1h5m-3-4v4'/%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\\:device-floppy{--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='M6 4h10l4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3Cpath d='M10 14a2 2 0 1 0 4 0a2 2 0 1 0-4 0m4-10v4H8V4'/%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\\:dots-vertical{--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='M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%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\\:download{--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 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12'/%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\\:exclamation-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='M17 3.34A10 10 0 1 1 2 12l.005-.324A10 10 0 0 1 17 3.34M12 15a1 1 0 0 0-1 1v.01a1 1 0 0 0 2 0V16a1 1 0 0 0-1-1m0-7a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1'/%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;}
@@ -957,7 +959,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:rotate{--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='M19.95 11a8 8 0 1 0-.5 4m.5 5v-5h-5'/%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\\:rotate-clockwise{--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.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5'/%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\\:search{--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='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%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\\:send{--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='M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z'/%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\\:sun{--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='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7'/%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\\:trash{--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 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%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\\:upload{--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 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12'/%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;}
@@ -1022,7 +1023,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .ml-2{margin-left:calc(var(--spacing) * 2);}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
 .mt-1{margin-top:calc(var(--spacing) * 1);}
-.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
 .mt-3{margin-top:calc(var(--spacing) * 3);}
 .mt-4{margin-top:calc(var(--spacing) * 4);}
@@ -1061,6 +1061,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .pr-4{padding-right:calc(var(--spacing) * 4);}
 .ps-10{padding-inline-start:calc(var(--spacing) * 10);}
 .ps-3{padding-inline-start:calc(var(--spacing) * 3);}
+.pt-0\\.5{padding-top:calc(var(--spacing) * 0.5);}
 .pt-1{padding-top:calc(var(--spacing) * 1);}
 .pt-2{padding-top:calc(var(--spacing) * 2);}
 .pt-4{padding-top:calc(var(--spacing) * 4);}
@@ -1076,6 +1077,8 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .border-t{border-top-width:1px;}
 .border-primary,
 .group:hover .group-hover\\: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) */;}
+.border-transparent{border-color:transparent;}
+.hover\\:border-primary-hover:hover{border-color:color-mix(in srgb, var(--colors-primary-hover) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) 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);}
@@ -1089,6 +1092,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .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-gray-900\\/30{background-color:color-mix(in srgb, var(--colors-gray-900) 30%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
+.bg-gray\\/5{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray)) 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-primary\\/5{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
@@ -1135,11 +1139,13 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .grid{display:grid;}
 .col-span-1{grid-column:span 1/span 1;}
 .col-span-2{grid-column:span 2/span 2;}
+.col-span-3{grid-column:span 3/span 3;}
 .auto-cols-max{grid-auto-columns:max-content;}
 .grid-cols-\\[repeat\\(auto-fit\\,minmax\\(100px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));}
 .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
 .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
 .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
+.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
 .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);}
 .size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);}
 .size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);}
@@ -1168,17 +1174,20 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-500px{height:500px;}
 .h-6,
 .h6{height:calc(var(--spacing) * 6);}
-.h-8\\.5{height:calc(var(--spacing) * 8.5);}
+.h-60{height:calc(var(--spacing) * 60);}
 .h-auto{height:auto;}
 .h-full{height:100%;}
 .h-screen{height:100vh;}
+.max-h-0{max-height:calc(var(--spacing) * 0);}
+.max-h-500{max-height:calc(var(--spacing) * 500);}
 .max-h-500px{max-height:500px;}
 .max-w-180{max-width:calc(var(--spacing) * 180);}
 .max-w-full{max-width:100%;}
 .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);}
-.min-w-20{min-width:calc(var(--spacing) * 20);}
+.min-w-200px{min-width:200px;}
+.min-w-60{min-width:calc(var(--spacing) * 60);}
 .w-120{width:calc(var(--spacing) * 120);}
 .w-120px{width:120px;}
 .w-15{width:calc(var(--spacing) * 15);}
@@ -1222,8 +1231,10 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .hover\\:shadow-xs:hover{--un-shadow:0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .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-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);}
+.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .duration-150{--un-duration:150ms;transition-duration:150ms;}
@@ -1236,8 +1247,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .items-end{align-items:flex-end;}
 .items-center{align-items:center;}
 .items-baseline{align-items:baseline;}
-.flex-justify-center,
-.justify-center{justify-content:center;}
 .inset-0{inset:calc(var(--spacing) * 0);}
 .end-0{inset-inline-end:calc(var(--spacing) * 0);}
 .start-0{inset-inline-start:calc(var(--spacing) * 0);}
@@ -1260,6 +1269,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .top-7{top:calc(var(--spacing) * 7);}
 .justify-start{justify-content:flex-start;}
 .justify-end{justify-content:flex-end;}
+.justify-center{justify-content:center;}
 .justify-between{justify-content:space-between;}
 .absolute{position:absolute;}
 .fixed{position:fixed;}
@@ -1287,6 +1297,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .table{display:table;}
 .border-collapse{border-collapse:collapse;}
 .table-fixed{table-layout:fixed;}
+.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);}
@@ -1316,6 +1327,11 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .hover\\:border-accented:hover{border-color:color-mix(in oklab, rgb(var(--ui-border-accented)) 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%;}
 
+          .divide-default > :not(:last-child) {
+            border-color: color-mix(in oklab, rgb(var(--ui-border)) var(--un-border-opacity, 100%), transparent);
+            --un-border-opacity: 100%;
+          }
+
           .divide-muted > :not(:last-child) {
             border-color: color-mix(in oklab, rgb(var(--ui-border-muted)) var(--un-border-opacity, 100%), transparent);
             --un-border-opacity: 100%;
@@ -1333,11 +1349,13 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .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) */;}
 .group:hover .group-hover\\: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:hover{border-color:color-mix(in oklab, var(--colors-primary-hover) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) 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-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-gray-900\\/30{background-color:color-mix(in oklab, var(--colors-gray-900) 30%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
+.bg-gray\\/5{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray)) 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-primary\\/5{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) */;}
@@ -1387,7 +1405,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(\\$\\{props\\.minWidth\\}\\,\\$\\{props\\.maxWidth\\}\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(\${props.minWidth},\${props.maxWidth}));}
 .lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(100px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));}
 .lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(120px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}
+.lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(150px\\,150px\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(150px,150px));}
 .lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(150px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
+.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
 .lg\\:h-13{height:calc(var(--spacing) * 13);}
 .lg\\:h-26{height:calc(var(--spacing) * 26);}
 .lg\\:max-w-2xl{max-width:var(--container-2xl);}

package/dist/esm/component.js

@@ -1,13 +1,13 @@
 import { DuxApp as m } from "./app.js";
 import { DuxCard as t } from "./components/card/card.js";
 import { DuxStatsStore as r, DuxStatsStoreItem as e } from "./components/card/store.js";
-import { DuxCarousel as u } from "./components/carousel/carousel.js";
-import { DuxChart as n } from "./components/chart/echart.js";
+import { DuxCarousel as n } from "./components/carousel/carousel.js";
+import { DuxChart as u } from "./components/chart/echart.js";
 import { DuxImageCrop as D } from "./components/crop/imageCrop.js";
 import { DuxImageCropModal as x } from "./components/crop/imageCropModal.js";
 import { DuxDashboardHello as i } from "./components/dashboard/hello.js";
-import { DuxDashboardHelloBig as a } from "./components/dashboard/helloBig.js";
-import { DuxDashboardQuick as c } from "./components/dashboard/quick.js";
+import { DuxDashboardHelloBig as c } from "./components/dashboard/helloBig.js";
+import { DuxDashboardQuick as a } from "./components/dashboard/quick.js";
 import { DuxDynamicData as l } from "./components/data/dynamicData.js";
 import { DuxDynamicSelect as f } from "./components/data/dynamicSelect.js";
 import "vue";
@@ -22,57 +22,62 @@ import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
-import { DuxModal as g } from "./components/modal/modal.js";
-import p from "./components/modal/modalPage.js";
-import d from "./components/modal/modalTab.js";
+import { DuxModal as p } from "./components/modal/modal.js";
+import d from "./components/modal/modalPage.js";
+import g from "./components/modal/modalTab.js";
 import { DuxDrawApps as P } from "./components/draw/drawApps.js";
 import { DuxDrawAuth as s } from "./components/draw/drawAuth.js";
-import { DuxDrawEmpty as y } from "./components/draw/drawEmpty.js";
-import { DuxDrawEmptyForm as M } from "./components/draw/drawEmptyForm.js";
-import { DuxDrawError as b } from "./components/draw/drawError.js";
-import { DuxDrawerPage as C } from "./components/drawer/drawerPage.js";
+import { DuxDrawEmpty as C } from "./components/draw/drawEmpty.js";
+import { DuxDrawEmptyForm as y } from "./components/draw/drawEmptyForm.js";
+import { DuxDrawError as M } from "./components/draw/drawError.js";
+import { DuxDrawerPage as b } from "./components/drawer/drawerPage.js";
 import { DuxAiEditor as S } from "./components/editor/aiEditor.js";
-import { DuxFormItem as L } from "./components/form/formItem.js";
-import { DuxFormLayout as F } from "./components/form/formLayout.js";
+import { DuxFormItem as F } from "./components/form/formItem.js";
+import { DuxFormLayout as L } from "./components/form/formLayout.js";
 import { DuxModalForm as T } from "./components/form/modalForm.js";
-import { DuxPageForm as h } from "./components/form/pageForm.js";
-import { DuxSettingForm as w } from "./components/form/settingForm.js";
+import { DuxPageForm as E } from "./components/form/pageForm.js";
+import { DuxSettingForm as h } from "./components/form/settingForm.js";
+import { DuxIconPicker as w } from "./components/icon/icon.js";
+import "@iconify-json/tabler/icons.json";
 import { DuxTableFilter as A } from "./components/layout/filter.js";
-import { DuxListLayout as E } from "./components/layout/list.js";
-import { DuxTableLayout as I } from "./components/layout/table.js";
-import { DuxTableTools as k } from "./components/layout/tools.js";
-import { DuxLevel as B } from "./components/level/level.js";
-import { DuxCardPage as H } from "./components/list/card.js";
-import { DuxListPage as U } from "./components/list/list.js";
-import { DuxMedia as v } from "./components/media/media.js";
-import { DuxPanelAlert as N } from "./components/panel/alert.js";
-import { DuxPanelCard as Q } from "./components/panel/setting.js";
-import { DuxSelectCard as R } from "./components/select/cardSelect.js";
-import { DuxStatsNumber as W } from "./components/stats/number.js";
-import { DuxStatsRealTime as j } from "./components/stats/realTime.js";
-import { DuxBlockEmpty as q } from "./components/status/blockEmpty.js";
-import { DuxTablePage as z } from "./components/table/tablePage.js";
-import { DuxFileUpload as G } from "./components/upload/file.js";
-import { DuxImageUpload as J } from "./components/upload/image.js";
+import { DuxListLayout as I } from "./components/layout/list.js";
+import { DuxTableLayout as k } from "./components/layout/table.js";
+import { DuxTableTools as B } from "./components/layout/tools.js";
+import { DuxLevel as H } from "./components/level/level.js";
+import { DuxCardPage as U } from "./components/list/card.js";
+import { DuxListPage as v } from "./components/list/list.js";
+import { DuxMedia as N } from "./components/media/media.js";
+import { DuxPanelAlert as Q } from "./components/panel/alert.js";
+import { DuxPanelCard as R } from "./components/panel/setting.js";
+import { DuxCollapsePanel as W } from "./components/panel/collapse.js";
+import { DuxSelectCard as j } from "./components/select/cardSelect.js";
+import { DuxStatsNumber as q } from "./components/stats/number.js";
+import { DuxStatsRealTime as z } from "./components/stats/realTime.js";
+import { DuxBlockEmpty as G } from "./components/status/blockEmpty.js";
+import { DuxTablePage as J } from "./components/table/tablePage.js";
+import { DuxTreeFilter as K } from "./components/tree/treeFilter.js";
+import { DuxFileUpload as O } from "./components/upload/file.js";
+import { DuxImageUpload as V } from "./components/upload/image.js";
 import "clsx";
-import { DuxWidgetConnect as K } from "./components/widget/connect.js";
-import { DuxAuthLayout as O } from "./pages/authLayout.js";
-import { DuxLayout as V } from "./pages/layout.js";
-import { DuxLoginPage as X } from "./pages/login.js";
-import { DuxMenuCmd as Y } from "./pages/menu/cmd.js";
-import { DuxMenuMain as Z } from "./pages/menu/main.js";
-import { DuxMobileMenu as _ } from "./pages/menu/mobile.js";
-import { DuxPage as $ } from "./pages/page.js";
-import { DuxPage403 as oo } from "./pages/page403.js";
-import { DuxPage404 as mo } from "./pages/page404.js";
-import { DuxPage500 as to } from "./pages/page500.js";
-import { DuxPageEmpty as ro } from "./pages/pageEmpty.js";
-import { DuxPageStatus as eo } from "./pages/pageStatus.js";
-const Cm = {
+import { DuxWidgetConnect as X } from "./components/widget/connect.js";
+import { DuxCodeEditor as Y } from "./components/code/code.js";
+import { DuxAuthLayout as Z } from "./pages/authLayout.js";
+import { DuxLayout as _ } from "./pages/layout.js";
+import { DuxLoginPage as $ } from "./pages/login.js";
+import { DuxMenuCmd as oo } from "./pages/menu/cmd.js";
+import { DuxMenuMain as mo } from "./pages/menu/main.js";
+import { DuxMobileMenu as to } from "./pages/menu/mobile.js";
+import { DuxPage as ro } from "./pages/page.js";
+import { DuxPage403 as eo } from "./pages/page403.js";
+import { DuxPage404 as no } from "./pages/page404.js";
+import { DuxPage500 as uo } from "./pages/page500.js";
+import { DuxPageEmpty as Do } from "./pages/pageEmpty.js";
+import { DuxPageStatus as xo } from "./pages/pageStatus.js";
+const Im = {
   install(o) {
-    o.component("DuxAiEditor", S), o.component("DuxCard", t), o.component("DuxDrawerPage", C), o.component("DuxDrawApps", P), o.component("DuxDrawAuth", s), o.component("DuxDrawEmpty", y), o.component("DuxDrawEmptyForm", M), o.component("DuxDrawError", b), o.component("DuxDynamicData", l), o.component("DuxDynamicSelect", f), o.component("DuxFormItem", L), o.component("DuxFormLayout", F), o.component("DuxModalForm", T), o.component("DuxPageForm", h), o.component("DuxSettingForm", w), o.component("DuxListLayout", E), o.component("DuxTableFilter", A), o.component("DuxTableLayout", I), o.component("DuxTableTools", k), o.component("DuxCardPage", H), o.component("DuxListPage", U), o.component("DuxMedia", v), o.component("DuxModal", g), o.component("DuxPanelAlert", N), o.component("DuxPanelCard", Q), o.component("DuxBlockEmpty", q), o.component("DuxTablePage", z), o.component("DuxLevel", B), o.component("DuxImageCrop", D), o.component("DuxImageCropModal", x), o.component("DuxModalPage", p), o.component("DuxModalTab", d), o.component("DuxFileUpload", G), o.component("DuxImageUpload", J), o.component("DuxDashboardHello", i), o.component("DuxDashboardHelloBig", a), o.component("DuxDashboardQuick", c), o.component("DuxCarousel", u), o.component("DuxWidgetConnect", K), o.component("DuxChart", n), o.component("DuxSelectCard", R), o.component("DuxStatsStore", r), o.component("DuxStatsStoreItem", e), o.component("DuxStatsRealTime", j), o.component("DuxStatsNumber", W), o.component("DuxAuthLayout", O), o.component("DuxLayout", V), o.component("DuxPage403", oo), o.component("DuxPage404", mo), o.component("DuxPage500", to), o.component("DuxPageEmpty", ro), o.component("DuxPageStatus", eo), o.component("DuxLoginPage", X), o.component("DuxPage", $), o.component("DuxMenuMain", Z), o.component("DuxMobileMenu", _), o.component("DuxMenuCmd", Y), o.component("DuxApp", m);
+    o.component("DuxAiEditor", S), o.component("DuxCard", t), o.component("DuxDrawerPage", b), o.component("DuxDrawApps", P), o.component("DuxDrawAuth", s), o.component("DuxDrawEmpty", C), o.component("DuxDrawEmptyForm", y), o.component("DuxDrawError", M), o.component("DuxDynamicData", l), o.component("DuxDynamicSelect", f), o.component("DuxFormItem", F), o.component("DuxFormLayout", L), o.component("DuxModalForm", T), o.component("DuxPageForm", E), o.component("DuxSettingForm", h), o.component("DuxListLayout", I), o.component("DuxTableFilter", A), o.component("DuxTableLayout", k), o.component("DuxTableTools", B), o.component("DuxCardPage", U), o.component("DuxListPage", v), o.component("DuxMedia", N), o.component("DuxModal", p), o.component("DuxPanelAlert", Q), o.component("DuxPanelCard", R), o.component("DuxBlockEmpty", G), o.component("DuxTablePage", J), o.component("DuxLevel", H), o.component("DuxImageCrop", D), o.component("DuxImageCropModal", x), o.component("DuxModalPage", d), o.component("DuxModalTab", g), o.component("DuxFileUpload", O), o.component("DuxImageUpload", V), o.component("DuxTreeFilter", K), o.component("DuxIconPicker", w), o.component("DuxCollapsePanel", W), o.component("DuxCodeEditor", Y), o.component("DuxDashboardHello", i), o.component("DuxDashboardHelloBig", c), o.component("DuxDashboardQuick", a), o.component("DuxCarousel", n), o.component("DuxWidgetConnect", X), o.component("DuxChart", u), o.component("DuxSelectCard", j), o.component("DuxStatsStore", r), o.component("DuxStatsStoreItem", e), o.component("DuxStatsRealTime", z), o.component("DuxStatsNumber", q), o.component("DuxAuthLayout", Z), o.component("DuxLayout", _), o.component("DuxPage403", eo), o.component("DuxPage404", no), o.component("DuxPage500", uo), o.component("DuxPageEmpty", Do), o.component("DuxPageStatus", xo), o.component("DuxLoginPage", $), o.component("DuxPage", ro), o.component("DuxMenuMain", mo), o.component("DuxMobileMenu", to), o.component("DuxMenuCmd", oo), o.component("DuxApp", m);
   }
 };
 export {
-  Cm as default
+  Im as default
 };

package/dist/esm/components/card/card.js

@@ -1,5 +1,5 @@
-import { defineComponent as b, computed as a, createVNode as t } from "vue";
-const S = /* @__PURE__ */ b({
+import { defineComponent as y, computed as a, createVNode as t } from "vue";
+const S = /* @__PURE__ */ y({
   name: "DuxCard",
   props: {
     size: {
@@ -69,11 +69,11 @@ const S = /* @__PURE__ */ b({
     const r = (i) => {
       switch (i) {
         case "small":
-          return "p-2";
+          return "px-3 py-2";
         case "large":
-          return "p-6";
+          return "px-6 py-5";
         case "medium":
-          return "p-4";
+          return "px-4 py-3";
         case "none":
         default:
           return "";
@@ -91,7 +91,7 @@ const S = /* @__PURE__ */ b({
     return () => {
       var i, u, l, f;
       return t("div", {
-        class: ["rounded  flex flex-col dark:border dark:border-muted", e.divide && "divide-y divide-muted", e.shadow && "shadow-sm", e.bordered && "border border-muted", v.value, c.value]
+        class: ["rounded  flex flex-col dark:border dark:border-muted", e.divide && "divide-y divide-muted", e.shadow && "shadow-xs", e.bordered && "border border-muted", v.value, c.value]
       }, [d.header && t("div", {
         class: [n.value, e.headerClass, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0"]
       }, [(i = d.header) == null ? void 0 : i.call(d)]), e.title && t("div", {

package/dist/esm/components/chart/echart.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, computed as m, createVNode as n, mergeProps as a } from "vue";
+import { defineComponent as m, computed as e, createVNode as n, mergeProps as a } from "vue";
 import o from "vue-echarts";
 import "@duxweb/dvha-core";
 import "naive-ui";
@@ -24,12 +24,24 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
+import "@iconify-json/tabler/icons.json";
 import "mime";
+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 "dayjs";
 import { useEchartType as u } from "../../hooks/echart.js";
 import "@tanstack/vue-query";
 import "pinia";
-const M = /* @__PURE__ */ p({
+const rt = /* @__PURE__ */ m({
   name: "DuxChart",
   props: {
     height: {
@@ -55,14 +67,14 @@ const M = /* @__PURE__ */ p({
   },
   extends: o,
   setup(t) {
-    const r = m(() => {
+    const r = e(() => {
       const {
         min: h,
         height: l,
         option: s,
-        ...e
+        ...p
       } = t;
-      return e;
+      return p;
     }), {
       option: i
     } = u(t.type, {
@@ -84,5 +96,5 @@ const M = /* @__PURE__ */ p({
   }
 });
 export {
-  M as DuxChart
+  rt as DuxChart
 };

package/dist/esm/components/code/code.js

@@ -0,0 +1,53 @@
+import { defineComponent as m, createVNode as o } from "vue";
+import { useVModel as i } from "@vueuse/core";
+import { VAceEditor as u } from "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 { useTheme as d } from "@duxweb/dvha-core";
+const S = /* @__PURE__ */ m({
+  name: "DuxCodeEditor",
+  props: {
+    defaultValue: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: String,
+      default: ""
+    },
+    lang: {
+      type: String,
+      default: "json"
+    },
+    readonly: Boolean
+  },
+  setup(e, {
+    emit: r
+  }) {
+    const t = i(e, "value", r, {
+      passive: !0,
+      defaultValue: e.defaultValue || ""
+    }), a = d();
+    return () => o("div", {
+      class: "border border-muted"
+    }, [o(u, {
+      readonly: e.readonly,
+      theme: a.isDark.value ? "tomorrow_night" : "tomorrow",
+      value: t.value,
+      "onUpdate:value": (l) => t.value = l,
+      lang: e.lang || "json",
+      class: "h-60"
+    }, null)]);
+  }
+});
+export {
+  S as DuxCodeEditor
+};