@amirjalili1374/ui-kit 1.3.25 → 1.3.27

package/dist/ui-kit.es.js

@@ -1,5 +1,5 @@
 import { capitalize, reactive, watchEffect, toRef, shallowRef, Fragment, camelize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject, defineComponent as defineComponent$1, h, createElementVNode, normalizeStyle, normalizeClass, toValue, resolveDynamicComponent, nextTick, onScopeDispose, createVNode, mergeProps, toRefs, Text, isRef, TransitionGroup, Transition, watch, onBeforeMount, onBeforeUnmount, withDirectives, vShow, toDisplayString, effectScope, toRaw, readonly, createBlock, openBlock, withCtx, createCommentVNode, useId, onMounted, onUpdated, Teleport, createTextVNode, createElementBlock, renderSlot, onDeactivated, cloneVNode, renderList, createSlots, normalizeProps, guardReactiveProps, resolveComponent, onActivated, onBeforeUpdate, withModifiers, vModelText, withKeys, onUnmounted } from "vue";
-import { IconHome, IconArrowBadgeLeft, IconChevronDown, IconChevronRight, IconMinus, IconPlus, IconRefresh, IconChevronLeft, IconDownload, IconPrinter, IconMaximize, IconMinimize, IconX, IconFileText, IconCheck, IconPencil, IconClock } from "@tabler/icons-vue";
+import { IconHome, IconArrowBadgeLeft, IconChevronDown, IconChevronRight, IconMinus, IconPlus, IconRefresh, IconChevronLeft, IconDownload, IconPrinter, IconMaximize, IconMinimize, IconX, IconFileText, IconCheck, IconPencil, IconClock, IconMenu2, IconPalette, IconBell, IconSettings } from "@tabler/icons-vue";
 import axios from "axios";
 import { useDebounceFn } from "@vueuse/core";
 import { useRouter as useRouter$1 } from "vue-router";
@@ -3886,9 +3886,9 @@ const VRow = genericComponent()({
 });
 const VSpacer = createSimpleFunctional("v-spacer", "div", "VSpacer");
 const _hoisted_1$d = { class: "text-h3" };
-const _hoisted_2$7 = { class: "d-flex align-center gap-2" };
-const _hoisted_3$6 = { class: "d-flex align-center gap-2" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
+const _hoisted_2$5 = { class: "d-flex align-center gap-2" };
+const _hoisted_3$5 = { class: "d-flex align-center gap-2" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
   __name: "BaseBreadcrumb",
   props: {
     title: String,
@@ -3932,7 +3932,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
                             class: "text-h5 justify-md-end pa-1"
                           }, {
                             divider: withCtx(() => [
-                              createElementVNode("div", _hoisted_2$7, [
+                              createElementVNode("div", _hoisted_2$5, [
                                 createVNode(unref(IconArrowBadgeLeft), { stroke: "{2}" })
                               ])
                             ]),
@@ -3941,7 +3941,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
                                 size: "16",
                                 class: "text-secondary ml-2"
                               }),
-                              createElementVNode("div", _hoisted_3$6, [
+                              createElementVNode("div", _hoisted_3$5, [
                                 createVNode(unref(IconArrowBadgeLeft), { stroke: "{2}" })
                               ])
                             ]),
@@ -3965,7 +3965,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
   __name: "BaseIcon",
   props: {
     icon: {
@@ -6584,7 +6584,7 @@ const _hoisted_1$c = {
   key: 0,
   class: "mb-2"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
   __name: "ConfirmDialog",
   props: {
     modelValue: { type: Boolean },
@@ -12592,16 +12592,16 @@ const VTooltip = genericComponent()({
   }
 });
 const _hoisted_1$b = { class: "ca-item-title" };
-const _hoisted_2$6 = { class: "ca-item-subtitle" };
-const _hoisted_3$5 = { class: "ca-group-tooltip" };
-const _hoisted_4$3 = { class: "ca-group-tooltip-header" };
-const _hoisted_5$3 = { class: "ca-group-count" };
+const _hoisted_2$4 = { class: "ca-item-subtitle" };
+const _hoisted_3$4 = { class: "ca-group-tooltip" };
+const _hoisted_4$2 = { class: "ca-group-tooltip-header" };
+const _hoisted_5$2 = { class: "ca-group-count" };
 const _hoisted_6$2 = { class: "ca-group-members" };
 const _hoisted_7$2 = { class: "ca-item-title" };
 const _hoisted_8$2 = { class: "ca-item-subtitle" };
 const _hoisted_9$2 = { class: "ca-chip-title" };
 const _hoisted_10$2 = { class: "ca-chip-subtitle" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
   __name: "CustomAutocomplete",
   props: {
     fields: {},
@@ -12735,7 +12735,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
                 __props.displayStyle === "detailed" && resolveSubtitle(item.raw ?? item) ? {
                   name: "subtitle",
                   fn: withCtx(() => [
-                    createElementVNode("div", _hoisted_2$6, toDisplayString(resolveSubtitle(item.raw ?? item)), 1)
+                    createElementVNode("div", _hoisted_2$4, toDisplayString(resolveSubtitle(item.raw ?? item)), 1)
                   ]),
                   key: "0"
                 } : void 0
@@ -12746,10 +12746,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
                 item: item.raw ?? item,
                 groupMembers: getGroupMembers(item.raw ?? item)
               }, () => [
-                createElementVNode("div", _hoisted_3$5, [
-                  createElementVNode("div", _hoisted_4$3, [
+                createElementVNode("div", _hoisted_3$4, [
+                  createElementVNode("div", _hoisted_4$2, [
                     createElementVNode("strong", null, toDisplayString(resolveTitle(item.raw ?? item)), 1),
-                    createElementVNode("span", _hoisted_5$3, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
+                    createElementVNode("span", _hoisted_5$2, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
                   ]),
                   createElementVNode("div", _hoisted_6$2, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupMembers(item.raw ?? item), (member, idx) => {
@@ -12812,8 +12812,8 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const CustomAutocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-4c17f7bd"]]);
-const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
+const CustomAutocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-4c17f7bd"]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
   __name: "MoneyInput",
   props: {
     modelValue: {
@@ -12920,7 +12920,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
   }
 });
 const _hoisted_1$a = { class: "shamsi-date-picker" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
   __name: "ShamsiDatePicker",
   props: {
     modelValue: { default: "" },
@@ -13031,7 +13031,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const ShamsiDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-d56f50fe"]]);
+const ShamsiDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-d56f50fe"]]);
 function useTableSelection(items, options = {}) {
   const selectedItems = ref([]);
   const expandedGroups = ref(/* @__PURE__ */ new Set());
@@ -16921,13 +16921,13 @@ const _hoisted_1$9 = {
   key: 0,
   class: "page-title"
 };
-const _hoisted_2$5 = { class: "title-text" };
-const _hoisted_3$4 = { class: "action-buttons" };
-const _hoisted_4$2 = {
+const _hoisted_2$3 = { class: "title-text" };
+const _hoisted_3$3 = { class: "action-buttons" };
+const _hoisted_4$1 = {
   key: 3,
   class: "selection-actions"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$1 = {
   key: 0,
   class: "selected-actions"
 };
@@ -16975,7 +16975,7 @@ const _hoisted_24 = {
 };
 const _hoisted_25 = { class: "d-flex justify-space-between align-center pa-4" };
 const _hoisted_26 = { class: "text-subtitle-2" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
   ...{ inheritAttrs: false },
   __name: "CustomDataTable",
   props: {
@@ -17885,9 +17885,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [
         props.title ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
-          createElementVNode("h3", _hoisted_2$5, toDisplayString(props.title), 1)
+          createElementVNode("h3", _hoisted_2$3, toDisplayString(props.title), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$4, [
+        createElementVNode("div", _hoisted_3$3, [
           ((_a = props.actions) == null ? void 0 : _a.includes("create")) ? (openBlock(), createBlock(VBtn, {
             key: 0,
             color: "green",
@@ -17920,7 +17920,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             ])]),
             _: 1
           }, 8, ["onClick", "loading"])) : createCommentVNode("", true),
-          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
             createVNode(VChip, {
               color: "primary",
               class: "me-2"
@@ -17947,7 +17947,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             appear: ""
           }, {
             default: withCtx(() => [
-              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
                 props.enableGroupDelete ? (openBlock(), createBlock(VBtn, {
                   key: 0,
                   color: "red",
@@ -18684,7 +18684,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                       disabled: isHeaderDisabled(header),
                                       clearable: "",
                                       variant: "outlined"
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "items", "item-title", "item-value", "return-object", "multiple", "chips", "closable-chips", "disabled"])) : isMoneyHeader(header) ? (openBlock(), createBlock(_sfc_main$h, {
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "items", "item-title", "item-value", "return-object", "multiple", "chips", "closable-chips", "disabled"])) : isMoneyHeader(header) ? (openBlock(), createBlock(_sfc_main$e, {
                                       key: 2,
                                       modelValue: formModel.value[resolveHeaderKey(header)],
                                       "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
@@ -19070,7 +19070,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
   }
 });
 const _hoisted_1$8 = { class: "description-input" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
   __name: "DescriptionInput",
   props: {
     modelValue: { default: "" },
@@ -19192,12 +19192,13 @@ ${newLineNumber} - `;
     };
   }
 });
-const DescriptionInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-e8b64ecb"]]);
+const DescriptionInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-e8b64ecb"]]);
 var mdiAlertCircle = "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
 var mdiArrowRight = "M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z";
 var mdiCheckCircle = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z";
 var mdiClose = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z";
 var mdiCog = "M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z";
+var mdiContentCopy = "M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z";
 var mdiDelete = "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z";
 var mdiEye = "M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z";
 var mdiEyeOff = "M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z";
@@ -19219,10 +19220,11 @@ const icons = {
   pencil: mdiPencil,
   delete: mdiDelete,
   arrowRight: mdiArrowRight,
-  cog: mdiCog
+  cog: mdiCog,
+  contentCopy: mdiContentCopy
 };
 const _hoisted_1$7 = { class: "download-title" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
   ...{
     inheritAttrs: false
   },
@@ -19340,18 +19342,18 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-0a911831"]]);
+const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-0a911831"]]);
 const _hoisted_1$6 = {
   key: 0,
   class: "pdf-viewer-header"
 };
-const _hoisted_2$4 = { class: "pdf-viewer-title" };
-const _hoisted_3$3 = { class: "pdf-viewer-controls" };
-const _hoisted_4$1 = {
+const _hoisted_2$2 = { class: "pdf-viewer-title" };
+const _hoisted_3$2 = { class: "pdf-viewer-controls" };
+const _hoisted_4 = {
   key: 0,
   class: "zoom-controls"
 };
-const _hoisted_5$1 = { class: "zoom-level" };
+const _hoisted_5 = { class: "zoom-level" };
 const _hoisted_6 = {
   key: 1,
   class: "navigation-controls"
@@ -19384,7 +19386,7 @@ const _hoisted_16 = {
   key: 0,
   class: "file-info"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
   __name: "PdfViewer",
   props: {
     src: {},
@@ -19593,11 +19595,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
         class: normalizeClass(["pdf-viewer-container", { "fullscreen": isFullscreen.value }])
       }, [
         __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
-          createElementVNode("div", _hoisted_2$4, [
+          createElementVNode("div", _hoisted_2$2, [
             createElementVNode("h3", null, toDisplayString(__props.title || "PDF Viewer"), 1)
           ]),
-          createElementVNode("div", _hoisted_3$3, [
-            __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+          createElementVNode("div", _hoisted_3$2, [
+            __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -19613,7 +19615,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createElementVNode("span", _hoisted_5$1, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
+              createElementVNode("span", _hoisted_5, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -19811,8 +19813,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const PdfViewer = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__scopeId", "data-v-f3e9c767"]]);
-const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
+const PdfViewer = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-f3e9c767"]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
   __name: "UiChildCard",
   props: {
     title: String
@@ -19847,7 +19849,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
   }
 });
 const _hoisted_1$5 = { class: "d-sm-flex align-center justify-space-between" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
   __name: "UiParentCard",
   props: {
     title: String
@@ -19884,7 +19886,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
   __name: "VPriceTextField",
   props: {
     modelValue: {},
@@ -19989,9 +19991,9 @@ const _hoisted_1$4 = {
   class: "app-stepper-root",
   dir: "rtl"
 };
-const _hoisted_2$3 = { class: "app-stepper-header-card" };
-const _hoisted_3$2 = { class: "app-stepper-title" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
+const _hoisted_2$1 = { class: "app-stepper-header-card" };
+const _hoisted_3$1 = { class: "app-stepper-title" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
   __name: "AppStepper",
   props: {
     steps: {
@@ -20044,7 +20046,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
     __expose({ currentStepComponentRef });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$3, [
+        createElementVNode("div", _hoisted_2$1, [
           createElementVNode("div", {
             ref_key: "stepperHeaderRef",
             ref: stepperHeaderRef,
@@ -20085,7 +20087,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
                     }))
                   ], true)
                 ], 2),
-                createElementVNode("span", _hoisted_3$2, toDisplayString(step.title), 1),
+                createElementVNode("span", _hoisted_3$1, toDisplayString(step.title), 1),
                 index2 < __props.steps.length - 1 ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   class: normalizeClass([
@@ -20110,7 +20112,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppStepper = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-d5178633"]]);
+const AppStepper = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-d5178633"]]);
 var lottie = { exports: {} };
 (function(module, exports) {
   typeof navigator !== "undefined" && function(global2, factory) {
@@ -36526,7 +36528,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$7 = defineComponent$1({
+const _sfc_main$4 = defineComponent$1({
   props: {
     animationData: {
       type: Object,
@@ -36858,7 +36860,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.hoverEnded && _ctx.hoverEnded(...args))
   }, null, 36);
 }
-var Vue3Lottie = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
+var Vue3Lottie = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render]]);
 const useCustomizerStore = defineStore({
   id: "customizer",
   state: () => ({
@@ -36916,9 +36918,9 @@ const _hoisted_1$3 = {
   key: 0,
   class: "loading-overlay"
 };
-const _hoisted_2$2 = { class: "loading-wrapper" };
-const _hoisted_3$1 = { key: 0 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
+const _hoisted_2 = { class: "loading-wrapper" };
+const _hoisted_3 = { key: 0 };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
   __name: "Loading",
   setup(__props) {
     const customizer = useCustomizerStore();
@@ -36926,7 +36928,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
       return openBlock(), createBlock(Transition, { name: "fade" }, {
         default: withCtx(() => [
           unref(customizer).loading ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-            createElementVNode("div", _hoisted_2$2, [
+            createElementVNode("div", _hoisted_2, [
               createVNode(unref(Vue3Lottie), {
                 "animation-link": "/persian.json",
                 loop: true,
@@ -36935,7 +36937,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
               }),
               createVNode(Transition, { name: "fade-slide" }, {
                 default: withCtx(() => [
-                  unref(customizer).loading ? (openBlock(), createElementBlock("span", _hoisted_3$1, "لطفا منتظر بمانید")) : createCommentVNode("", true)
+                  unref(customizer).loading ? (openBlock(), createElementBlock("span", _hoisted_3, "لطفا منتظر بمانید")) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -36947,808 +36949,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const Loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-9b533ee4"]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
-  __name: "NavItem",
-  props: {
-    item: {},
-    level: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(VListItem, {
-        to: __props.item.type === "external" ? "" : __props.item.to,
-        href: __props.item.type === "external" ? __props.item.to : "",
-        rounded: "",
-        class: "mb-1",
-        color: "secondary",
-        disabled: __props.item.disabled,
-        target: __props.item.type === "external" ? "_blank" : ""
-      }, createSlots({
-        default: withCtx(() => [
-          createVNode(VListItemTitle, null, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.item.title), 1)
-            ]),
-            _: 1
-          }),
-          __props.item.subCaption ? (openBlock(), createBlock(VListItemSubtitle, {
-            key: 0,
-            class: "text-caption mt-n1 hide-menu"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.item.subCaption), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ]),
-        _: 2
-      }, [
-        props.item.icon ? {
-          name: "prepend",
-          fn: withCtx(() => [
-            typeof props.item.icon === "string" ? (openBlock(), createBlock(VIcon, {
-              key: 0,
-              icon: props.item.icon
-            }, null, 8, ["icon"])) : (openBlock(), createBlock(resolveDynamicComponent(props.item.icon), { key: 1 }))
-          ]),
-          key: "0"
-        } : void 0,
-        __props.item.chip ? {
-          name: "append",
-          fn: withCtx(() => [
-            createVNode(VChip, {
-              color: __props.item.chipColor,
-              class: "sidebarchip hide-menu",
-              size: __props.item.chipIcon ? "small" : "default",
-              variant: __props.item.chipVariant,
-              "prepend-icon": __props.item.chipIcon
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.item.chip), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "size", "variant", "prepend-icon"])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["to", "href", "disabled", "target"]);
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent$1({
-  ...{ name: "NavCollapse" },
-  __name: "NavCollapse",
-  props: {
-    item: {},
-    level: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      const _component_NavCollapse = resolveComponent("NavCollapse", true);
-      return openBlock(), createBlock(VListGroup, { "no-action": "" }, {
-        activator: withCtx(({ props: props2 }) => [
-          createVNode(VListItem, mergeProps(props2, {
-            value: __props.item.title,
-            rounded: "",
-            class: "mb-1",
-            color: "secondary"
-          }), {
-            prepend: withCtx(() => [
-              typeof __props.item.icon === "string" ? (openBlock(), createBlock(VIcon, {
-                key: 0,
-                icon: __props.item.icon
-              }, null, 8, ["icon"])) : __props.item.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.item.icon), { key: 1 })) : createCommentVNode("", true)
-            ]),
-            default: withCtx(() => [
-              createVNode(VListItemTitle, { class: "ml-auto" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.item.title), 1)
-                ]),
-                _: 1
-              }),
-              __props.item.subCaption ? (openBlock(), createBlock(VListItemSubtitle, {
-                key: 0,
-                class: "text-caption mt-n1 hide-menu"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.item.subCaption), 1)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 16, ["value"])
-        ]),
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.children, (subitem, i) => {
-            return openBlock(), createElementBlock(Fragment, { key: i }, [
-              subitem.children ? (openBlock(), createBlock(_component_NavCollapse, {
-                key: 0,
-                item: subitem,
-                level: props.level + 1
-              }, null, 8, ["item", "level"])) : (openBlock(), createBlock(_sfc_main$5, {
-                key: 1,
-                item: subitem,
-                level: props.level + 1
-              }, null, 8, ["item", "level"]))
-            ], 64);
-          }), 128))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const _sfc_main$3 = {
-  __name: "NavGroup",
-  props: { item: Object },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(VListSubheader, {
-        color: "darkText",
-        class: "smallCap"
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(props.item.header), 1)
-        ]),
-        _: 1
-      });
-    };
-  }
-};
-function useSticky(_ref) {
-  let {
-    rootEl,
-    isSticky,
-    layoutItemStyles
-  } = _ref;
-  const isStuck = shallowRef(false);
-  const stuckPosition = shallowRef(0);
-  const stickyStyles = computed(() => {
-    const side = typeof isStuck.value === "boolean" ? "top" : isStuck.value;
-    return [isSticky.value ? {
-      top: "auto",
-      bottom: "auto",
-      height: void 0
-    } : void 0, isStuck.value ? {
-      [side]: convertToUnit(stuckPosition.value)
-    } : {
-      top: layoutItemStyles.value.top
-    }];
-  });
-  onMounted(() => {
-    watch(isSticky, (val2) => {
-      if (val2) {
-        window.addEventListener("scroll", onScroll, {
-          passive: true
-        });
-      } else {
-        window.removeEventListener("scroll", onScroll);
-      }
-    }, {
-      immediate: true
-    });
-  });
-  onBeforeUnmount(() => {
-    window.removeEventListener("scroll", onScroll);
-  });
-  let lastScrollTop = 0;
-  function onScroll() {
-    const direction = lastScrollTop > window.scrollY ? "up" : "down";
-    const rect = rootEl.value.getBoundingClientRect();
-    const layoutTop = parseFloat(layoutItemStyles.value.top ?? 0);
-    const top = window.scrollY - Math.max(0, stuckPosition.value - layoutTop);
-    const bottom = rect.height + Math.max(stuckPosition.value, layoutTop) - window.scrollY - window.innerHeight;
-    const bodyScroll = parseFloat(getComputedStyle(rootEl.value).getPropertyValue("--v-body-scroll-y")) || 0;
-    if (rect.height < window.innerHeight - layoutTop) {
-      isStuck.value = "top";
-      stuckPosition.value = layoutTop;
-    } else if (direction === "up" && isStuck.value === "bottom" || direction === "down" && isStuck.value === "top") {
-      stuckPosition.value = window.scrollY + rect.top - bodyScroll;
-      isStuck.value = true;
-    } else if (direction === "down" && bottom <= 0) {
-      stuckPosition.value = 0;
-      isStuck.value = "bottom";
-    } else if (direction === "up" && top <= 0) {
-      if (!bodyScroll) {
-        stuckPosition.value = rect.top + top;
-        isStuck.value = "top";
-      } else if (isStuck.value !== "top") {
-        stuckPosition.value = -top + bodyScroll + layoutTop;
-        isStuck.value = "top";
-      }
-    }
-    lastScrollTop = window.scrollY;
-  }
-  return {
-    isStuck,
-    stickyStyles
-  };
-}
-const HORIZON = 100;
-const HISTORY = 20;
-function kineticEnergyToVelocity(work) {
-  const sqrt2 = 1.41421356237;
-  return (work < 0 ? -1 : 1) * Math.sqrt(Math.abs(work)) * sqrt2;
-}
-function calculateImpulseVelocity(samples) {
-  if (samples.length < 2) {
-    return 0;
-  }
-  if (samples.length === 2) {
-    if (samples[1].t === samples[0].t) {
-      return 0;
-    }
-    return (samples[1].d - samples[0].d) / (samples[1].t - samples[0].t);
-  }
-  let work = 0;
-  for (let i = samples.length - 1; i > 0; i--) {
-    if (samples[i].t === samples[i - 1].t) {
-      continue;
-    }
-    const vprev = kineticEnergyToVelocity(work);
-    const vcurr = (samples[i].d - samples[i - 1].d) / (samples[i].t - samples[i - 1].t);
-    work += (vcurr - vprev) * Math.abs(vcurr);
-    if (i === samples.length - 1) {
-      work *= 0.5;
-    }
-  }
-  return kineticEnergyToVelocity(work) * 1e3;
-}
-function useVelocity() {
-  const touches = {};
-  function addMovement(e) {
-    Array.from(e.changedTouches).forEach((touch) => {
-      const samples = touches[touch.identifier] ?? (touches[touch.identifier] = new CircularBuffer(HISTORY));
-      samples.push([e.timeStamp, touch]);
-    });
-  }
-  function endTouch(e) {
-    Array.from(e.changedTouches).forEach((touch) => {
-      delete touches[touch.identifier];
-    });
-  }
-  function getVelocity(id) {
-    var _a;
-    const samples = (_a = touches[id]) == null ? void 0 : _a.values().reverse();
-    if (!samples) {
-      throw new Error(`No samples for touch id ${id}`);
-    }
-    const newest = samples[0];
-    const x = [];
-    const y = [];
-    for (const val2 of samples) {
-      if (newest[0] - val2[0] > HORIZON) break;
-      x.push({
-        t: val2[0],
-        d: val2[1].clientX
-      });
-      y.push({
-        t: val2[0],
-        d: val2[1].clientY
-      });
-    }
-    return {
-      x: calculateImpulseVelocity(x),
-      y: calculateImpulseVelocity(y),
-      get direction() {
-        const {
-          x: x2,
-          y: y2
-        } = this;
-        const [absX, absY] = [Math.abs(x2), Math.abs(y2)];
-        return absX > absY && x2 >= 0 ? "right" : absX > absY && x2 <= 0 ? "left" : absY > absX && y2 >= 0 ? "down" : absY > absX && y2 <= 0 ? "up" : oops$1();
-      }
-    };
-  }
-  return {
-    addMovement,
-    endTouch,
-    getVelocity
-  };
-}
-function oops$1() {
-  throw new Error();
-}
-function useTouch(_ref) {
-  let {
-    el,
-    isActive,
-    isTemporary,
-    width: width2,
-    touchless,
-    position: position2
-  } = _ref;
-  onMounted(() => {
-    window.addEventListener("touchstart", onTouchstart, {
-      passive: true
-    });
-    window.addEventListener("touchmove", onTouchmove, {
-      passive: false
-    });
-    window.addEventListener("touchend", onTouchend, {
-      passive: true
-    });
-  });
-  onBeforeUnmount(() => {
-    window.removeEventListener("touchstart", onTouchstart);
-    window.removeEventListener("touchmove", onTouchmove);
-    window.removeEventListener("touchend", onTouchend);
-  });
-  const isHorizontal = computed(() => ["left", "right"].includes(position2.value));
-  const {
-    addMovement,
-    endTouch,
-    getVelocity
-  } = useVelocity();
-  let maybeDragging = false;
-  const isDragging = shallowRef(false);
-  const dragProgress = shallowRef(0);
-  const offset = shallowRef(0);
-  let start;
-  function getOffset2(pos, active2) {
-    return (position2.value === "left" ? pos : position2.value === "right" ? document.documentElement.clientWidth - pos : position2.value === "top" ? pos : position2.value === "bottom" ? document.documentElement.clientHeight - pos : oops()) - (active2 ? width2.value : 0);
-  }
-  function getProgress(pos) {
-    let limit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
-    const progress = position2.value === "left" ? (pos - offset.value) / width2.value : position2.value === "right" ? (document.documentElement.clientWidth - pos - offset.value) / width2.value : position2.value === "top" ? (pos - offset.value) / width2.value : position2.value === "bottom" ? (document.documentElement.clientHeight - pos - offset.value) / width2.value : oops();
-    return limit ? clamp(progress) : progress;
-  }
-  function onTouchstart(e) {
-    if (touchless.value) return;
-    const touchX = e.changedTouches[0].clientX;
-    const touchY = e.changedTouches[0].clientY;
-    const touchZone = 25;
-    const inTouchZone = position2.value === "left" ? touchX < touchZone : position2.value === "right" ? touchX > document.documentElement.clientWidth - touchZone : position2.value === "top" ? touchY < touchZone : position2.value === "bottom" ? touchY > document.documentElement.clientHeight - touchZone : oops();
-    const inElement = isActive.value && (position2.value === "left" ? touchX < width2.value : position2.value === "right" ? touchX > document.documentElement.clientWidth - width2.value : position2.value === "top" ? touchY < width2.value : position2.value === "bottom" ? touchY > document.documentElement.clientHeight - width2.value : oops());
-    if (inTouchZone || inElement || isActive.value && isTemporary.value) {
-      start = [touchX, touchY];
-      offset.value = getOffset2(isHorizontal.value ? touchX : touchY, isActive.value);
-      dragProgress.value = getProgress(isHorizontal.value ? touchX : touchY);
-      maybeDragging = offset.value > -20 && offset.value < 80;
-      endTouch(e);
-      addMovement(e);
-    }
-  }
-  function onTouchmove(e) {
-    const touchX = e.changedTouches[0].clientX;
-    const touchY = e.changedTouches[0].clientY;
-    if (maybeDragging) {
-      if (!e.cancelable) {
-        maybeDragging = false;
-        return;
-      }
-      const dx = Math.abs(touchX - start[0]);
-      const dy = Math.abs(touchY - start[1]);
-      const thresholdMet = isHorizontal.value ? dx > dy && dx > 3 : dy > dx && dy > 3;
-      if (thresholdMet) {
-        isDragging.value = true;
-        maybeDragging = false;
-      } else if ((isHorizontal.value ? dy : dx) > 3) {
-        maybeDragging = false;
-      }
-    }
-    if (!isDragging.value) return;
-    e.preventDefault();
-    addMovement(e);
-    const progress = getProgress(isHorizontal.value ? touchX : touchY, false);
-    dragProgress.value = Math.max(0, Math.min(1, progress));
-    if (progress > 1) {
-      offset.value = getOffset2(isHorizontal.value ? touchX : touchY, true);
-    } else if (progress < 0) {
-      offset.value = getOffset2(isHorizontal.value ? touchX : touchY, false);
-    }
-  }
-  function onTouchend(e) {
-    maybeDragging = false;
-    if (!isDragging.value) return;
-    addMovement(e);
-    isDragging.value = false;
-    const velocity2 = getVelocity(e.changedTouches[0].identifier);
-    const vx = Math.abs(velocity2.x);
-    const vy = Math.abs(velocity2.y);
-    const thresholdMet = isHorizontal.value ? vx > vy && vx > 400 : vy > vx && vy > 3;
-    if (thresholdMet) {
-      isActive.value = velocity2.direction === ({
-        left: "right",
-        right: "left",
-        top: "down",
-        bottom: "up"
-      }[position2.value] || oops());
-    } else {
-      isActive.value = dragProgress.value > 0.5;
-    }
-  }
-  const dragStyles = computed(() => {
-    return isDragging.value ? {
-      transform: position2.value === "left" ? `translateX(calc(-100% + ${dragProgress.value * width2.value}px))` : position2.value === "right" ? `translateX(calc(100% - ${dragProgress.value * width2.value}px))` : position2.value === "top" ? `translateY(calc(-100% + ${dragProgress.value * width2.value}px))` : position2.value === "bottom" ? `translateY(calc(100% - ${dragProgress.value * width2.value}px))` : oops(),
-      transition: "none"
-    } : void 0;
-  });
-  useToggleScope(isDragging, () => {
-    var _a, _b;
-    const transform2 = ((_a = el.value) == null ? void 0 : _a.style.transform) ?? null;
-    const transition = ((_b = el.value) == null ? void 0 : _b.style.transition) ?? null;
-    watchEffect(() => {
-      var _a2, _b2, _c, _d;
-      (_b2 = el.value) == null ? void 0 : _b2.style.setProperty("transform", ((_a2 = dragStyles.value) == null ? void 0 : _a2.transform) || "none");
-      (_d = el.value) == null ? void 0 : _d.style.setProperty("transition", ((_c = dragStyles.value) == null ? void 0 : _c.transition) || null);
-    });
-    onScopeDispose(() => {
-      var _a2, _b2;
-      (_a2 = el.value) == null ? void 0 : _a2.style.setProperty("transform", transform2);
-      (_b2 = el.value) == null ? void 0 : _b2.style.setProperty("transition", transition);
-    });
-  });
-  return {
-    isDragging,
-    dragProgress,
-    dragStyles
-  };
-}
-function oops() {
-  throw new Error();
-}
-const locations = ["start", "end", "left", "right", "top", "bottom"];
-const makeVNavigationDrawerProps = propsFactory({
-  color: String,
-  disableResizeWatcher: Boolean,
-  disableRouteWatcher: Boolean,
-  expandOnHover: Boolean,
-  floating: Boolean,
-  modelValue: {
-    type: Boolean,
-    default: null
-  },
-  permanent: Boolean,
-  rail: {
-    type: Boolean,
-    default: null
-  },
-  railWidth: {
-    type: [Number, String],
-    default: 56
-  },
-  scrim: {
-    type: [Boolean, String],
-    default: true
-  },
-  image: String,
-  temporary: Boolean,
-  persistent: Boolean,
-  touchless: Boolean,
-  width: {
-    type: [Number, String],
-    default: 256
-  },
-  location: {
-    type: String,
-    default: "start",
-    validator: (value2) => locations.includes(value2)
-  },
-  sticky: Boolean,
-  ...makeBorderProps(),
-  ...makeComponentProps(),
-  ...makeDelayProps(),
-  ...makeDisplayProps({
-    mobile: null
-  }),
-  ...makeElevationProps(),
-  ...makeLayoutItemProps(),
-  ...makeRoundedProps(),
-  ...makeTagProps({
-    tag: "nav"
-  }),
-  ...makeThemeProps()
-}, "VNavigationDrawer");
-const VNavigationDrawer = genericComponent()({
-  name: "VNavigationDrawer",
-  props: makeVNavigationDrawerProps(),
-  emits: {
-    "update:modelValue": (val2) => true,
-    "update:rail": (val2) => true
-  },
-  setup(props, _ref) {
-    let {
-      attrs,
-      emit,
-      slots
-    } = _ref;
-    const {
-      isRtl
-    } = useRtl();
-    const {
-      themeClasses
-    } = provideTheme(props);
-    const {
-      borderClasses
-    } = useBorder(props);
-    const {
-      backgroundColorClasses,
-      backgroundColorStyles
-    } = useBackgroundColor(() => props.color);
-    const {
-      elevationClasses
-    } = useElevation(props);
-    const {
-      displayClasses,
-      mobile
-    } = useDisplay(props);
-    const {
-      roundedClasses
-    } = useRounded(props);
-    const router = useRouter();
-    const isActive = useProxiedModel(props, "modelValue", null, (v) => !!v);
-    const {
-      ssrBootStyles
-    } = useSsrBoot();
-    const {
-      scopeId
-    } = useScopeId();
-    const rootEl = ref();
-    const isHovering = shallowRef(false);
-    const {
-      runOpenDelay,
-      runCloseDelay
-    } = useDelay(props, (value2) => {
-      isHovering.value = value2;
-    });
-    const width2 = computed(() => {
-      return props.rail && props.expandOnHover && isHovering.value ? Number(props.width) : Number(props.rail ? props.railWidth : props.width);
-    });
-    const location = computed(() => {
-      return toPhysical(props.location, isRtl.value);
-    });
-    const isPersistent = toRef(() => props.persistent);
-    const isTemporary = computed(() => !props.permanent && (mobile.value || props.temporary));
-    const isSticky = computed(() => props.sticky && !isTemporary.value && location.value !== "bottom");
-    useToggleScope(() => props.expandOnHover && props.rail != null, () => {
-      watch(isHovering, (val2) => emit("update:rail", !val2));
-    });
-    useToggleScope(() => !props.disableResizeWatcher, () => {
-      watch(isTemporary, (val2) => !props.permanent && nextTick(() => isActive.value = !val2));
-    });
-    useToggleScope(() => !props.disableRouteWatcher && !!router, () => {
-      watch(router.currentRoute, () => isTemporary.value && (isActive.value = false));
-    });
-    watch(() => props.permanent, (val2) => {
-      if (val2) isActive.value = true;
-    });
-    if (props.modelValue == null && !isTemporary.value) {
-      isActive.value = props.permanent || !mobile.value;
-    }
-    const {
-      isDragging,
-      dragProgress
-    } = useTouch({
-      el: rootEl,
-      isActive,
-      isTemporary,
-      width: width2,
-      touchless: toRef(() => props.touchless),
-      position: location
-    });
-    const layoutSize = computed(() => {
-      const size = isTemporary.value ? 0 : props.rail && props.expandOnHover ? Number(props.railWidth) : width2.value;
-      return isDragging.value ? size * dragProgress.value : size;
-    });
-    const {
-      layoutItemStyles,
-      layoutItemScrimStyles
-    } = useLayoutItem({
-      id: props.name,
-      order: computed(() => parseInt(props.order, 10)),
-      position: location,
-      layoutSize,
-      elementSize: width2,
-      active: readonly(isActive),
-      disableTransitions: toRef(() => isDragging.value),
-      absolute: computed(() => (
-        // eslint-disable-next-line @typescript-eslint/no-use-before-define
-        props.absolute || isSticky.value && typeof isStuck.value !== "string"
-      ))
-    });
-    const {
-      isStuck,
-      stickyStyles
-    } = useSticky({
-      rootEl,
-      isSticky,
-      layoutItemStyles
-    });
-    const scrimColor = useBackgroundColor(() => {
-      return typeof props.scrim === "string" ? props.scrim : null;
-    });
-    const scrimStyles = computed(() => ({
-      ...isDragging.value ? {
-        opacity: dragProgress.value * 0.2,
-        transition: "none"
-      } : void 0,
-      ...layoutItemScrimStyles.value
-    }));
-    provideDefaults({
-      VList: {
-        bgColor: "transparent"
-      }
-    });
-    useRender(() => {
-      const hasImage = slots.image || props.image;
-      return createElementVNode(Fragment, null, [createVNode(props.tag, mergeProps({
-        "ref": rootEl,
-        "onMouseenter": runOpenDelay,
-        "onMouseleave": runCloseDelay,
-        "class": ["v-navigation-drawer", `v-navigation-drawer--${location.value}`, {
-          "v-navigation-drawer--expand-on-hover": props.expandOnHover,
-          "v-navigation-drawer--floating": props.floating,
-          "v-navigation-drawer--is-hovering": isHovering.value,
-          "v-navigation-drawer--rail": props.rail,
-          "v-navigation-drawer--temporary": isTemporary.value,
-          "v-navigation-drawer--persistent": isPersistent.value,
-          "v-navigation-drawer--active": isActive.value,
-          "v-navigation-drawer--sticky": isSticky.value
-        }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
-        "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
-      }, scopeId, attrs), {
-        default: () => {
-          var _a, _b, _c;
-          return [hasImage && createElementVNode("div", {
-            "key": "image",
-            "class": "v-navigation-drawer__img"
-          }, [!slots.image ? createVNode(VImg, {
-            "key": "image-img",
-            "alt": "",
-            "cover": true,
-            "height": "inherit",
-            "src": props.image
-          }, null) : createVNode(VDefaultsProvider, {
-            "key": "image-defaults",
-            "disabled": !props.image,
-            "defaults": {
-              VImg: {
-                alt: "",
-                cover: true,
-                height: "inherit",
-                src: props.image
-              }
-            }
-          }, slots.image)]), slots.prepend && createElementVNode("div", {
-            "class": "v-navigation-drawer__prepend"
-          }, [(_a = slots.prepend) == null ? void 0 : _a.call(slots)]), createElementVNode("div", {
-            "class": "v-navigation-drawer__content"
-          }, [(_b = slots.default) == null ? void 0 : _b.call(slots)]), slots.append && createElementVNode("div", {
-            "class": "v-navigation-drawer__append"
-          }, [(_c = slots.append) == null ? void 0 : _c.call(slots)])];
-        }
-      }), createVNode(Transition, {
-        "name": "fade-transition"
-      }, {
-        default: () => [isTemporary.value && (isDragging.value || isActive.value) && !!props.scrim && createElementVNode("div", mergeProps({
-          "class": ["v-navigation-drawer__scrim", scrimColor.backgroundColorClasses.value],
-          "style": [scrimStyles.value, scrimColor.backgroundColorStyles.value],
-          "onClick": () => {
-            if (isPersistent.value) return;
-            isActive.value = false;
-          }
-        }, scopeId), null)]
-      })]);
-    });
-    return {
-      isStuck
-    };
-  }
-});
-const _hoisted_1$2 = { class: "pa-5" };
-const _hoisted_2$1 = {
-  key: 0,
-  class: "pa-4 text-center"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
-  __name: "AppSidebar",
-  props: {
-    sidebarItems: {
-      type: Array,
-      required: true
-    },
-    getFilteredSidebarItems: {
-      type: Function,
-      required: true
-    },
-    logoComponent: {
-      type: Object,
-      // Vue component
-      required: true
-    },
-    sidebarDrawer: {
-      type: Boolean,
-      required: true
-    },
-    miniSidebar: {
-      type: Boolean,
-      required: true
-    }
-  },
-  emits: ["update:sidebarDrawer"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const sidebarMenu = computed(() => {
-      var _a;
-      try {
-        const filtered = (_a = props.getFilteredSidebarItems) == null ? void 0 : _a.call(props);
-        if (Array.isArray(filtered)) return filtered;
-      } catch {
-      }
-      return props.sidebarItems;
-    });
-    return (_ctx, _cache) => {
-      const _component_perfect_scrollbar = resolveComponent("perfect-scrollbar");
-      return openBlock(), createBlock(VNavigationDrawer, {
-        right: "",
-        "model-value": __props.sidebarDrawer,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:sidebarDrawer", $event)),
-        elevation: "0",
-        "rail-width": "82",
-        "mobile-breakpoint": "lg",
-        app: "",
-        rail: __props.miniSidebar,
-        class: normalizeClass(["rightSidebar", { "sidebar-closed": !__props.sidebarDrawer }])
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$2, [
-            (openBlock(), createBlock(resolveDynamicComponent(__props.logoComponent)))
-          ]),
-          createVNode(_component_perfect_scrollbar, { class: "scrollnavbar" }, {
-            default: withCtx(() => [
-              createVNode(VList, { class: "pa-4" }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(sidebarMenu.value, (item, i) => {
-                    return openBlock(), createElementBlock(Fragment, { key: i }, [
-                      item.header ? (openBlock(), createBlock(_sfc_main$3, {
-                        key: 0,
-                        item
-                      }, null, 8, ["item"])) : item.divider ? (openBlock(), createBlock(VDivider, {
-                        key: 1,
-                        class: "my-3"
-                      })) : item.children ? (openBlock(), createBlock(_sfc_main$4, {
-                        key: 2,
-                        item,
-                        level: 0,
-                        class: "leftPadding"
-                      }, null, 8, ["item"])) : (openBlock(), createBlock(_sfc_main$5, {
-                        key: 3,
-                        item,
-                        level: 0,
-                        class: "leftPadding"
-                      }, null, 8, ["item"]))
-                    ], 64);
-                  }), 128))
-                ]),
-                _: 1
-              }),
-              __props.sidebarDrawer ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-                createVNode(VChip, {
-                  color: "inputBorder",
-                  size: "small"
-                }, {
-                  default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                    createTextVNode("نمایشی", -1)
-                  ])]),
-                  _: 1
-                })
-              ])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["model-value", "rail", "class"]);
-    };
-  }
-});
+const Loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__scopeId", "data-v-9b533ee4"]]);
 const makeVToolbarTitleProps = propsFactory({
   text: String,
   ...makeComponentProps(),
@@ -38131,449 +37332,400 @@ const VAppBar = genericComponent()({
     return {};
   }
 });
-const makeVAppBarNavIconProps = propsFactory({
-  ...omit(makeVBtnProps({
-    icon: "$menu",
-    variant: "text"
-  }), ["spaced"])
-}, "VAppBarNavIcon");
-const VAppBarNavIcon = genericComponent()({
-  name: "VAppBarNavIcon",
-  props: makeVAppBarNavIconProps(),
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    useRender(() => createVNode(VBtn, mergeProps(props, {
-      "class": ["v-app-bar-nav-icon"]
-    }), slots));
-    return {};
-  }
-});
-const VAppBarTitle = genericComponent()({
-  name: "VAppBarTitle",
-  props: makeVToolbarTitleProps(),
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    useRender(() => createVNode(VToolbarTitle, mergeProps(props, {
-      "class": "v-app-bar-title"
-    }), slots));
-    return {};
-  }
-});
-const makeVBadgeProps = propsFactory({
-  bordered: Boolean,
-  color: String,
-  content: [Number, String],
-  dot: Boolean,
-  floating: Boolean,
-  icon: IconValue,
-  inline: Boolean,
-  label: {
-    type: String,
-    default: "$vuetify.badge"
-  },
-  max: [Number, String],
-  modelValue: {
-    type: Boolean,
-    default: true
+const _hoisted_1$2 = {
+  key: 1,
+  class: "header-menu-container"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
+  __name: "AppSidebar",
+  props: {
+    menuOrientation: { type: String, default: "horizontal" },
+    miniSidebar: { type: Boolean, default: false },
+    userInfoLoaded: { type: Boolean, default: false },
+    headerMenu: { type: Array, default: () => [] },
+    // Events sent back to project
+    onToggleMiniSidebar: Function,
+    onToggleCustomizer: Function,
+    onToggleSidebarDrawer: Function
   },
-  offsetX: [Number, String],
-  offsetY: [Number, String],
-  textColor: String,
-  ...makeComponentProps(),
-  ...makeLocationProps({
-    location: "top end"
-  }),
-  ...makeRoundedProps(),
-  ...makeTagProps(),
-  ...makeThemeProps(),
-  ...makeTransitionProps$1({
-    transition: "scale-rotate-transition"
-  }),
-  ...makeDimensionProps()
-}, "VBadge");
-const VBadge = genericComponent()({
-  name: "VBadge",
-  inheritAttrs: false,
-  props: makeVBadgeProps(),
-  setup(props, ctx) {
-    const {
-      backgroundColorClasses,
-      backgroundColorStyles
-    } = useBackgroundColor(() => props.color);
-    const {
-      roundedClasses
-    } = useRounded(props);
-    const {
-      t
-    } = useLocale();
-    const {
-      textColorClasses,
-      textColorStyles
-    } = useTextColor(() => props.textColor);
-    const {
-      themeClasses
-    } = useTheme();
-    const {
-      locationStyles
-    } = useLocation(props, true, (side) => {
-      const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
-      return base + (["top", "bottom"].includes(side) ? Number(props.offsetY ?? 0) : ["left", "right"].includes(side) ? Number(props.offsetX ?? 0) : 0);
+  setup(__props) {
+    const props = __props;
+    ref(false);
+    const computedHeaderMenu = computed(() => {
+      if (props.userInfoLoaded) return props.headerMenu;
+      return props.headerMenu;
     });
-    const {
-      dimensionStyles
-    } = useDimension(props);
-    useRender(() => {
-      const value2 = Number(props.content);
-      const content2 = !props.max || isNaN(value2) ? props.content : value2 <= Number(props.max) ? value2 : `${props.max}+`;
-      const [badgeAttrs, attrs] = pickWithRest(ctx.attrs, ["aria-atomic", "aria-label", "aria-live", "role", "title"]);
-      return createVNode(props.tag, mergeProps({
-        "class": ["v-badge", {
-          "v-badge--bordered": props.bordered,
-          "v-badge--dot": props.dot,
-          "v-badge--floating": props.floating,
-          "v-badge--inline": props.inline
-        }, props.class]
-      }, attrs, {
-        "style": props.style
-      }), {
-        default: () => {
-          var _a, _b;
-          return [createElementVNode("div", {
-            "class": "v-badge__wrapper"
-          }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a), createVNode(MaybeTransition, {
-            "transition": props.transition
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(VAppBar, {
+        elevation: "0",
+        height: "80"
+      }, {
+        default: withCtx(() => [
+          __props.menuOrientation === "vertical" ? (openBlock(), createBlock(VBtn, {
+            key: 0,
+            class: "hidden-md-and-down text-secondary",
+            color: "lightsecondary",
+            icon: "",
+            rounded: "sm",
+            variant: "flat",
+            size: "small",
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => props.onToggleMiniSidebar && props.onToggleMiniSidebar(), ["stop"]))
           }, {
-            default: () => {
-              var _a2, _b2;
-              return [withDirectives(createElementVNode("span", mergeProps({
-                "class": ["v-badge__badge", themeClasses.value, backgroundColorClasses.value, roundedClasses.value, textColorClasses.value],
-                "style": [backgroundColorStyles.value, textColorStyles.value, dimensionStyles.value, props.inline ? {} : locationStyles.value],
-                "aria-atomic": "true",
-                "aria-label": t(props.label, value2),
-                "aria-live": "polite",
-                "role": "status"
-              }, badgeAttrs), [props.dot ? void 0 : ctx.slots.badge ? (_b2 = (_a2 = ctx.slots).badge) == null ? void 0 : _b2.call(_a2) : props.icon ? createVNode(VIcon, {
-                "icon": props.icon
-              }, null) : content2]), [[vShow, props.modelValue]])];
-            }
-          })])];
-        }
+            default: withCtx(() => [
+              createVNode(unref(IconMenu2), {
+                size: "20",
+                "stroke-width": "1.5"
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(VBtn, {
+            class: "hidden-lg-and-up text-secondary ms-3",
+            color: "lightsecondary",
+            icon: "",
+            rounded: "sm",
+            variant: "flat",
+            size: "small",
+            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => props.onToggleSidebarDrawer && props.onToggleSidebarDrawer(), ["stop"]))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(IconMenu2), {
+                size: "20",
+                "stroke-width": "1.5"
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(VBtn, {
+            class: "hidden-md-and-down text-secondary mr-2 ml-2",
+            color: "lightsecondary",
+            icon: "",
+            rounded: "sm",
+            variant: "flat",
+            size: "small",
+            onClick: _cache[2] || (_cache[2] = withModifiers(($event) => props.onToggleCustomizer && props.onToggleCustomizer(), ["stop"]))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(IconPalette), {
+                size: "20",
+                "stroke-width": "1.5"
+              })
+            ]),
+            _: 1
+          }),
+          __props.menuOrientation === "horizontal" ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(computedHeaderMenu.value, (item, i) => {
+              return openBlock(), createElementBlock(Fragment, { key: i }, [
+                !item.children ? (openBlock(), createBlock(VBtn, {
+                  key: 0,
+                  to: item.type === "external" ? "" : item.to,
+                  href: item.type === "external" ? item.to : "",
+                  target: item.type === "external" ? "_blank" : "",
+                  variant: "text",
+                  disabled: item.disabled,
+                  class: "header-menu-btn mr-3",
+                  color: "primary"
+                }, {
+                  default: withCtx(() => [
+                    item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                      key: 0,
+                      class: "mr-2",
+                      size: "18"
+                    })) : createCommentVNode("", true),
+                    createElementVNode("span", null, toDisplayString(item.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "href", "target", "disabled"])) : (openBlock(), createBlock(VMenu, {
+                  key: 1,
+                  "offset-y": ""
+                }, {
+                  activator: withCtx(({ props: mprops }) => [
+                    createVNode(VBtn, mergeProps({ ref_for: true }, mprops, {
+                      variant: "text",
+                      class: "header-menu-btn",
+                      color: "primary mr-3"
+                    }), {
+                      default: withCtx(() => [
+                        item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                          key: 0,
+                          size: "18",
+                          class: "mr-2"
+                        })) : createCommentVNode("", true),
+                        createElementVNode("span", null, toDisplayString(item.title), 1),
+                        createVNode(unref(IconChevronDown), {
+                          size: "18",
+                          class: "ml-2"
+                        })
+                      ]),
+                      _: 2
+                    }, 1040)
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(VList, null, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child, c) => {
+                          return openBlock(), createBlock(VListItem, {
+                            key: c,
+                            to: child.type === "external" ? "" : child.to,
+                            href: child.type === "external" ? child.to : "",
+                            target: child.type === "external" ? "_blank" : ""
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(VListItemTitle, null, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(child.title), 1)
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1032, ["to", "href", "target"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024))
+              ], 64);
+            }), 128))
+          ])) : createCommentVNode("", true),
+          createVNode(VSpacer),
+          renderSlot(_ctx.$slots, "notifications", {}, () => [
+            createVNode(VBtn, {
+              icon: "",
+              class: "text-secondary mx-3",
+              color: "lightsecondary",
+              rounded: "sm",
+              size: "small",
+              variant: "flat"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconBell), {
+                  "stroke-width": "1.5",
+                  size: "20"
+                })
+              ]),
+              _: 1
+            })
+          ], true),
+          renderSlot(_ctx.$slots, "profile", {}, () => [
+            createVNode(VBtn, {
+              class: "profileBtn text-primary",
+              color: "lightprimary",
+              variant: "flat",
+              rounded: "pill"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconSettings))
+              ]),
+              _: 1
+            })
+          ], true)
+        ]),
+        _: 3
       });
-    });
-    return {};
+    };
   }
 });
+const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-f9cc73a9"]]);
 const _hoisted_1$1 = {
-  key: 0,
-  class: "text-h6"
-};
-const _hoisted_2 = {
   key: 1,
-  class: "text-caption text-medium-emphasis"
+  class: "header-menu-container"
 };
-const _hoisted_3 = { key: 2 };
-const _hoisted_4 = { key: 2 };
-const _hoisted_5 = { key: 2 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
   __name: "AppHeader",
   props: {
-    title: {},
-    subtitle: {},
-    class: {},
-    ariaLabel: { default: "Application header" },
-    showSidebarToggle: { type: Boolean, default: true },
-    showSearch: { type: Boolean, default: false },
-    searchPlaceholder: { default: "جستجو..." },
-    searchValue: {},
-    showNotifications: { type: Boolean, default: false },
-    notificationCount: { default: 0 },
-    showProfile: { type: Boolean, default: false },
-    profileAvatar: {},
-    profileName: {},
-    profileMenu: { default: () => [] },
-    actions: { default: () => [] },
-    color: { default: "surface" },
-    elevation: { default: 1 },
-    height: { default: 70 },
-    hideDefaultTitle: { type: Boolean, default: false }
+    menuOrientation: { type: String, default: "horizontal" },
+    miniSidebar: { type: Boolean, default: false },
+    userInfoLoaded: { type: Boolean, default: false },
+    headerMenu: { type: Array, default: () => [] },
+    // Events sent back to project
+    onToggleMiniSidebar: { type: Function, default: void 0 },
+    onToggleCustomizer: { type: Function, default: void 0 },
+    onToggleSidebarDrawer: { type: Function, default: void 0 }
   },
-  emits: ["update:searchValue", "toggle-sidebar", "search"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const customizer = useCustomizerStore();
-    const searchInput = computed({
-      get: () => props.searchValue || "",
-      set: (val2) => {
-        emit("update:searchValue", val2);
-        emit("search", val2);
-      }
+    ref(false);
+    const computedHeaderMenu = computed(() => {
+      if (props.userInfoLoaded) return props.headerMenu;
+      return props.headerMenu;
     });
-    const toggleSidebar = () => {
-      customizer.SET_SIDEBAR_DRAWER();
-      emit("toggle-sidebar");
-    };
-    const router = useRouter$1();
-    const profileMenuItems = computed(
-      () => props.profileMenu.map((item) => ({
-        ...item,
-        prependIcon: item.icon,
-        onClick: item.action || (() => {
-          if (item.to) {
-            router.push(item.to);
-          } else if (item.href) {
-            window.open(item.href, "_blank");
-          }
-        })
-      }))
-    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(VAppBar, {
-        color: __props.color,
-        elevation: __props.elevation,
-        height: __props.height,
-        class: normalizeClass(["app-header topbar", props.class]),
-        "aria-label": __props.ariaLabel,
-        fixed: ""
+        elevation: "0",
+        height: "80"
       }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "left", {}, void 0, true),
-          __props.showSidebarToggle ? (openBlock(), createBlock(VAppBarNavIcon, {
+          __props.menuOrientation === "vertical" ? (openBlock(), createBlock(VBtn, {
             key: 0,
-            variant: "text",
-            onClick: toggleSidebar
-          })) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            !__props.hideDefaultTitle && (__props.title || __props.subtitle) ? (openBlock(), createBlock(VAppBarTitle, {
-              key: 0,
-              class: "d-flex flex-column"
-            }, {
-              default: withCtx(() => [
-                __props.title ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-                __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ], true),
-          createVNode(VSpacer),
-          renderSlot(_ctx.$slots, "center", {}, void 0, true),
-          __props.showSearch ? (openBlock(), createBlock(VTextField, {
-            key: 1,
-            modelValue: searchInput.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchInput.value = $event),
-            placeholder: __props.searchPlaceholder,
-            density: "compact",
-            variant: "outlined",
-            "hide-details": "",
-            "prepend-inner-icon": "mdi-magnify",
-            class: "search-bar",
-            style: { "max-width": "400px" }
-          }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action, index2) => {
-            return openBlock(), createElementBlock(Fragment, { key: index2 }, [
-              action.tooltip ? (openBlock(), createBlock(VTooltip, {
-                key: 0,
-                text: action.tooltip,
-                location: "bottom"
-              }, {
-                activator: withCtx(({ props: tooltipProps }) => [
-                  createVNode(VBtn, mergeProps({ ref_for: true }, tooltipProps, {
-                    icon: action.icon,
-                    color: action.color || "primary",
-                    variant: action.variant || "text",
-                    size: action.size || "default",
-                    disabled: action.disabled,
-                    class: "ms-2",
-                    onClick: action.onClick
-                  }), {
-                    default: withCtx(() => [
-                      action.badge ? (openBlock(), createBlock(VBadge, {
-                        key: 0,
-                        content: action.badge,
-                        color: action.badgeColor || "error",
-                        overlap: ""
-                      }, {
-                        default: withCtx(() => [
-                          action.icon ? (openBlock(), createBlock(VIcon, {
-                            key: 0,
-                            icon: action.icon
-                          }, null, 8, ["icon"])) : createCommentVNode("", true)
-                        ]),
-                        _: 2
-                      }, 1032, ["content", "color"])) : action.icon ? (openBlock(), createBlock(VIcon, {
-                        key: 1,
-                        icon: action.icon
-                      }, null, 8, ["icon"])) : createCommentVNode("", true),
-                      action.label && !action.icon ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(action.label), 1)) : createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1040, ["icon", "color", "variant", "size", "disabled", "onClick"])
-                ]),
-                _: 2
-              }, 1032, ["text"])) : (openBlock(), createBlock(VBtn, {
-                key: 1,
-                icon: action.icon,
-                color: action.color || "primary",
-                variant: action.variant || "text",
-                size: action.size || "default",
-                disabled: action.disabled,
-                class: "ms-2",
-                onClick: action.onClick
-              }, {
-                default: withCtx(() => [
-                  action.badge ? (openBlock(), createBlock(VBadge, {
-                    key: 0,
-                    content: action.badge,
-                    color: action.badgeColor || "error",
-                    overlap: ""
-                  }, {
-                    default: withCtx(() => [
-                      action.icon ? (openBlock(), createBlock(VIcon, {
-                        key: 0,
-                        icon: action.icon
-                      }, null, 8, ["icon"])) : createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1032, ["content", "color"])) : action.icon ? (openBlock(), createBlock(VIcon, {
-                    key: 1,
-                    icon: action.icon
-                  }, null, 8, ["icon"])) : createCommentVNode("", true),
-                  action.label && !action.icon ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(action.label), 1)) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1032, ["icon", "color", "variant", "size", "disabled", "onClick"]))
-            ], 64);
-          }), 128)),
-          renderSlot(_ctx.$slots, "right", {}, void 0, true),
-          __props.showNotifications ? (openBlock(), createBlock(VMenu, {
-            key: 2,
-            location: "bottom end",
-            "offset-y": ""
+            class: "hidden-md-and-down text-secondary",
+            color: "lightsecondary",
+            icon: "",
+            rounded: "sm",
+            variant: "flat",
+            size: "small",
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => props.onToggleMiniSidebar && props.onToggleMiniSidebar(), ["stop"]))
           }, {
-            activator: withCtx(({ props: menuProps }) => [
-              createVNode(VBtn, mergeProps(menuProps, {
-                icon: "",
-                variant: "text",
-                class: "profileBtn"
-              }), {
-                default: withCtx(() => [
-                  createVNode(VBadge, {
-                    content: __props.notificationCount > 0 ? __props.notificationCount : void 0,
-                    color: "error",
-                    overlap: ""
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(VIcon, { icon: "mdi-bell-outline" })
-                    ]),
-                    _: 1
-                  }, 8, ["content"])
-                ]),
-                _: 1
-              }, 16)
-            ]),
             default: withCtx(() => [
-              createVNode(VList, null, {
-                default: withCtx(() => [
-                  createVNode(VListItem, null, {
-                    default: withCtx(() => [
-                      createVNode(VListItemTitle, null, {
-                        default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                          createTextVNode("اعلان‌ها", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(VDivider),
-                  createVNode(VListItem, null, {
-                    default: withCtx(() => [
-                      createVNode(VListItemTitle, null, {
-                        default: withCtx(() => [..._cache[2] || (_cache[2] = [
-                          createTextVNode("هیچ اعلان جدیدی وجود ندارد", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
+              createVNode(unref(IconMenu2), {
+                size: "20",
+                "stroke-width": "1.5"
               })
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          __props.showProfile ? (openBlock(), createBlock(VMenu, {
-            key: 3,
-            location: "bottom end",
-            "offset-y": ""
+          createVNode(VBtn, {
+            class: "hidden-lg-and-up text-secondary ms-3",
+            color: "lightsecondary",
+            icon: "",
+            rounded: "sm",
+            variant: "flat",
+            size: "small",
+            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => props.onToggleSidebarDrawer && props.onToggleSidebarDrawer(), ["stop"]))
           }, {
-            activator: withCtx(({ props: menuProps }) => [
-              createVNode(VBtn, mergeProps(menuProps, {
-                icon: !__props.profileName && !__props.profileAvatar,
-                variant: "text",
-                class: "profileBtn"
-              }), {
-                default: withCtx(() => [
-                  __props.profileAvatar ? (openBlock(), createBlock(VAvatar, {
-                    key: 0,
-                    size: "32"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(VImg, {
-                        src: __props.profileAvatar,
-                        alt: __props.profileName || "Profile"
-                      }, null, 8, ["src", "alt"])
-                    ]),
-                    _: 1
-                  })) : !__props.profileName ? (openBlock(), createBlock(VIcon, {
-                    key: 1,
-                    icon: "mdi-account-circle"
-                  })) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.profileName), 1))
-                ]),
-                _: 1
-              }, 16, ["icon"])
+            default: withCtx(() => [
+              createVNode(unref(IconMenu2), {
+                size: "20",
+                "stroke-width": "1.5"
+              })
             ]),
+            _: 1
+          }),
+          createVNode(VBtn, {
+            class: "hidden-md-and-down text-secondary mr-2 ml-2",
+            color: "lightsecondary",
+            icon: "",
+            rounded: "sm",
+            variant: "flat",
+            size: "small",
+            onClick: _cache[2] || (_cache[2] = withModifiers(($event) => props.onToggleCustomizer && props.onToggleCustomizer(), ["stop"]))
+          }, {
             default: withCtx(() => [
-              profileMenuItems.value.length > 0 ? (openBlock(), createBlock(VList, { key: 0 }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(profileMenuItems.value, (item, index2) => {
-                    return openBlock(), createBlock(VListItem, {
-                      key: index2,
-                      "prepend-icon": item.icon,
-                      to: item.to,
-                      href: item.href,
-                      onClick: item.onClick
-                    }, {
+              createVNode(unref(IconPalette), {
+                size: "20",
+                "stroke-width": "1.5"
+              })
+            ]),
+            _: 1
+          }),
+          __props.menuOrientation === "horizontal" ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(computedHeaderMenu.value, (item, i) => {
+              return openBlock(), createElementBlock(Fragment, { key: i }, [
+                !item.children ? (openBlock(), createBlock(VBtn, {
+                  key: 0,
+                  to: item.type === "external" ? "" : item.to,
+                  href: item.type === "external" ? item.to : "",
+                  target: item.type === "external" ? "_blank" : "",
+                  variant: "text",
+                  disabled: item.disabled,
+                  class: "header-menu-btn mr-3",
+                  color: "primary"
+                }, {
+                  default: withCtx(() => [
+                    item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                      key: 0,
+                      class: "mr-2",
+                      size: "18"
+                    })) : createCommentVNode("", true),
+                    createElementVNode("span", null, toDisplayString(item.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "href", "target", "disabled"])) : (openBlock(), createBlock(VMenu, {
+                  key: 1,
+                  "offset-y": ""
+                }, {
+                  activator: withCtx(({ props: mprops }) => [
+                    createVNode(VBtn, mergeProps({ ref_for: true }, mprops, {
+                      variant: "text",
+                      class: "header-menu-btn",
+                      color: "primary mr-3"
+                    }), {
                       default: withCtx(() => [
-                        createVNode(VListItemTitle, null, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(item.title), 1)
-                          ]),
-                          _: 2
-                        }, 1024),
-                        item.divider ? (openBlock(), createBlock(VDivider, { key: 0 })) : createCommentVNode("", true)
+                        item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                          key: 0,
+                          size: "18",
+                          class: "mr-2"
+                        })) : createCommentVNode("", true),
+                        createElementVNode("span", null, toDisplayString(item.title), 1),
+                        createVNode(unref(IconChevronDown), {
+                          size: "18",
+                          class: "ml-2"
+                        })
                       ]),
                       _: 2
-                    }, 1032, ["prepend-icon", "to", "href", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
+                    }, 1040)
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(VList, null, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child, c) => {
+                          return openBlock(), createBlock(VListItem, {
+                            key: c,
+                            to: child.type === "external" ? "" : child.to,
+                            href: child.type === "external" ? child.to : "",
+                            target: child.type === "external" ? "_blank" : ""
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(VListItemTitle, null, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(child.title), 1)
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1032, ["to", "href", "target"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024))
+              ], 64);
+            }), 128))
+          ])) : createCommentVNode("", true),
+          createVNode(VSpacer),
+          renderSlot(_ctx.$slots, "notifications", {}, () => [
+            createVNode(VBtn, {
+              icon: "",
+              class: "text-secondary mx-3",
+              color: "lightsecondary",
+              rounded: "sm",
+              size: "small",
+              variant: "flat"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconBell), {
+                  "stroke-width": "1.5",
+                  size: "20"
+                })
+              ]),
+              _: 1
+            })
+          ], true),
+          renderSlot(_ctx.$slots, "profile", {}, () => [
+            createVNode(VBtn, {
+              class: "profileBtn text-primary",
+              color: "lightprimary",
+              variant: "flat",
+              rounded: "pill"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconSettings))
+              ]),
+              _: 1
+            })
+          ], true)
         ]),
         _: 3
-      }, 8, ["color", "elevation", "height", "class", "aria-label"]);
+      });
     };
   }
 });
-const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-b45b815e"]]);
+const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-2e2d8b8b"]]);
 const makeVAppProps = propsFactory({
   ...makeComponentProps(),
   ...omit(makeLayoutProps(), ["fullHeight"]),
@@ -38661,40 +37813,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
   __name: "AppLayout",
   props: {
     header: { default: () => ({
-      title: "Dashboard",
-      subtitle: "",
-      showSidebarToggle: true,
-      showSearch: false,
-      searchPlaceholder: "جستجو...",
-      showNotifications: false,
-      notificationCount: 0,
-      showProfile: false,
-      actions: [],
-      color: "surface",
-      elevation: 1,
-      height: 70
+      menuOrientation: "horizontal",
+      miniSidebar: false,
+      userInfoLoaded: false,
+      headerMenu: []
     }) },
     sidebar: { default: () => ({
-      menuItems: [],
-      logo: "",
-      logoLight: "",
-      logoText: "UI Kit",
+      menuOrientation: "vertical",
       miniSidebar: false,
-      permanent: true,
-      temporary: false,
-      rail: false,
-      location: "left",
-      width: 265,
-      railWidth: 75
+      userInfoLoaded: false,
+      headerMenu: []
     }) }
   },
   setup(__props) {
-    useCustomizerStore();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(VApp, null, {
         default: withCtx(() => [
-          createVNode(AppHeader, mergeProps(__props.header, { class: "app-header" }), null, 16),
-          createVNode(_sfc_main$2, mergeProps(__props.sidebar, { class: "app-sidebar" }), null, 16),
+          createVNode(AppHeader, mergeProps(__props.header, { class: "app-header" }), {
+            notifications: withCtx(() => [
+              renderSlot(_ctx.$slots, "notifications", {}, void 0, true)
+            ]),
+            profile: withCtx(() => [
+              renderSlot(_ctx.$slots, "profile", {}, void 0, true)
+            ]),
+            _: 3
+          }, 16),
+          createVNode(AppSidebar, mergeProps(__props.sidebar, { class: "app-sidebar" }), null, 16),
           createVNode(VMain, null, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1, [
@@ -38709,7 +37853,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppLayout = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-106317c7"]]);
+const AppLayout = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-a6ef935f"]]);
 function useDataTable(options) {
   const items = ref([]);
   const loading = ref(false);
@@ -39272,28 +38416,28 @@ const index = {
 export {
   AppHeader,
   AppLayout,
-  _sfc_main$2 as AppSidebar,
+  AppSidebar,
   AppStepper,
-  _sfc_main$l as BaseBreadcrumb,
-  _sfc_main$k as BaseIcon,
+  _sfc_main$i as BaseBreadcrumb,
+  _sfc_main$h as BaseIcon,
   BooleanEnum,
   BooleanEnumOptions,
-  _sfc_main$j as ConfirmDialog,
+  _sfc_main$g as ConfirmDialog,
   CustomAutocomplete,
-  _sfc_main$f as CustomDataTable,
+  _sfc_main$c as CustomDataTable,
   DateConverter,
   DescriptionInput,
   DigitLimit,
   DownloadButton,
   GreetingUtils,
   Loading,
-  _sfc_main$h as MoneyInput,
+  _sfc_main$e as MoneyInput,
   NationalCodeValidator,
   PdfViewer,
   ShamsiDatePicker,
-  _sfc_main$b as UiChildCard,
-  _sfc_main$a as UiParentCard,
-  _sfc_main$9 as VPriceTextField,
+  _sfc_main$8 as UiChildCard,
+  _sfc_main$7 as UiParentCard,
+  _sfc_main$6 as VPriceTextField,
   configureAuth,
   configureAxiosInstance,
   index as default,