@amirjalili1374/ui-kit 1.3.2 → 1.3.4

package/dist/ui-kit.es.js

@@ -3885,10 +3885,10 @@ const VRow = genericComponent()({
   }
 });
 const VSpacer = createSimpleFunctional("v-spacer", "div", "VSpacer");
-const _hoisted_1$c = { class: "text-h3" };
+const _hoisted_1$d = { class: "text-h3" };
 const _hoisted_2$7 = { class: "d-flex align-center gap-2" };
 const _hoisted_3$7 = { class: "d-flex align-center gap-2" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
   __name: "BaseBreadcrumb",
   props: {
     title: String,
@@ -3917,7 +3917,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
                     default: withCtx(() => [
                       createVNode(VCol, { md: "5" }, {
                         default: withCtx(() => [
-                          createElementVNode("h3", _hoisted_1$c, toDisplayString(props.title), 1)
+                          createElementVNode("h3", _hoisted_1$d, toDisplayString(props.title), 1)
                         ]),
                         _: 1
                       }),
@@ -3965,7 +3965,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
   __name: "BaseIcon",
   props: {
     icon: {
@@ -6580,11 +6580,11 @@ const VDialog = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   key: 0,
   class: "mb-2"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
   __name: "ConfirmDialog",
   props: {
     modelValue: { type: Boolean },
@@ -6630,7 +6630,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
               }),
               createVNode(VCardText, null, {
                 default: withCtx(() => [
-                  __props.message ? (openBlock(), createElementBlock("div", _hoisted_1$b, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+                  __props.message ? (openBlock(), createElementBlock("div", _hoisted_1$c, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
@@ -12591,17 +12591,17 @@ const VTooltip = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
-const _hoisted_1$a = { class: "ca-item-title" };
+const _hoisted_1$b = { class: "ca-item-title" };
 const _hoisted_2$6 = { class: "ca-item-subtitle" };
 const _hoisted_3$6 = { class: "ca-group-tooltip" };
 const _hoisted_4$4 = { class: "ca-group-tooltip-header" };
-const _hoisted_5$3 = { class: "ca-group-count" };
+const _hoisted_5$4 = { 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$e = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
   __name: "CustomAutocomplete",
   props: {
     fields: {},
@@ -12710,7 +12710,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
                 class: { "ca-main-group": true }
               }), createSlots({
                 title: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$a, [
+                  createElementVNode("div", _hoisted_1$b, [
                     createTextVNode(toDisplayString(resolveTitle(item.raw ?? item)) + " ", 1),
                     createVNode(VChip, {
                       size: "small",
@@ -12749,7 +12749,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
                 createElementVNode("div", _hoisted_3$6, [
                   createElementVNode("div", _hoisted_4$4, [
                     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$4, 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$e, [["__scopeId", "data-v-4c17f7bd"]]);
-const _sfc_main$d = /* @__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: {
@@ -12919,8 +12919,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$9 = { class: "shamsi-date-picker" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$a = { class: "shamsi-date-picker" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
   __name: "ShamsiDatePicker",
   props: {
     modelValue: { default: "" },
@@ -13008,7 +13008,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
     const isRangeMode = computed(() => props.mode === "range");
     return (_ctx, _cache) => {
       const _component_Vue3PersianDatetimePicker = resolveComponent("Vue3PersianDatetimePicker");
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createVNode(_component_Vue3PersianDatetimePicker, {
           label: __props.label,
           modelValue: selectedDate.value,
@@ -13031,7 +13031,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const ShamsiDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__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());
@@ -13649,6 +13649,14 @@ const VAlert = genericComponent()({
 });
 const VuetifyLayoutKey = Symbol.for("vuetify:layout");
 const VuetifyLayoutItemKey = Symbol.for("vuetify:layout-item");
+const ROOT_ZINDEX = 1e3;
+const makeLayoutProps = propsFactory({
+  overlaps: {
+    type: Array,
+    default: () => []
+  },
+  fullHeight: Boolean
+}, "layout");
 const makeLayoutItemProps = propsFactory({
   name: {
     type: String
@@ -13694,6 +13702,222 @@ function useLayoutItem(options) {
     layoutItemScrimStyles
   };
 }
+const generateLayers = (layout, positions, layoutSizes, activeItems) => {
+  let previousLayer = {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  };
+  const layers = [{
+    id: "",
+    layer: {
+      ...previousLayer
+    }
+  }];
+  for (const id of layout) {
+    const position2 = positions.get(id);
+    const amount = layoutSizes.get(id);
+    const active2 = activeItems.get(id);
+    if (!position2 || !amount || !active2) continue;
+    const layer = {
+      ...previousLayer,
+      [position2.value]: parseInt(previousLayer[position2.value], 10) + (active2.value ? parseInt(amount.value, 10) : 0)
+    };
+    layers.push({
+      id,
+      layer
+    });
+    previousLayer = layer;
+  }
+  return layers;
+};
+function createLayout(props) {
+  const parentLayout = inject(VuetifyLayoutKey, null);
+  const rootZIndex = computed(() => parentLayout ? parentLayout.rootZIndex.value - 100 : ROOT_ZINDEX);
+  const registered = ref([]);
+  const positions = reactive(/* @__PURE__ */ new Map());
+  const layoutSizes = reactive(/* @__PURE__ */ new Map());
+  const priorities = reactive(/* @__PURE__ */ new Map());
+  const activeItems = reactive(/* @__PURE__ */ new Map());
+  const disabledTransitions = reactive(/* @__PURE__ */ new Map());
+  const {
+    resizeRef,
+    contentRect: layoutRect
+  } = useResizeObserver();
+  const computedOverlaps = computed(() => {
+    const map = /* @__PURE__ */ new Map();
+    const overlaps = props.overlaps ?? [];
+    for (const overlap of overlaps.filter((item) => item.includes(":"))) {
+      const [top, bottom] = overlap.split(":");
+      if (!registered.value.includes(top) || !registered.value.includes(bottom)) continue;
+      const topPosition = positions.get(top);
+      const bottomPosition = positions.get(bottom);
+      const topAmount = layoutSizes.get(top);
+      const bottomAmount = layoutSizes.get(bottom);
+      if (!topPosition || !bottomPosition || !topAmount || !bottomAmount) continue;
+      map.set(bottom, {
+        position: topPosition.value,
+        amount: parseInt(topAmount.value, 10)
+      });
+      map.set(top, {
+        position: bottomPosition.value,
+        amount: -parseInt(bottomAmount.value, 10)
+      });
+    }
+    return map;
+  });
+  const layers = computed(() => {
+    const uniquePriorities = [...new Set([...priorities.values()].map((p) => p.value))].sort((a, b) => a - b);
+    const layout = [];
+    for (const p of uniquePriorities) {
+      const items2 = registered.value.filter((id) => {
+        var _a;
+        return ((_a = priorities.get(id)) == null ? void 0 : _a.value) === p;
+      });
+      layout.push(...items2);
+    }
+    return generateLayers(layout, positions, layoutSizes, activeItems);
+  });
+  const transitionsEnabled = computed(() => {
+    return !Array.from(disabledTransitions.values()).some((ref2) => ref2.value);
+  });
+  const mainRect = computed(() => {
+    return layers.value[layers.value.length - 1].layer;
+  });
+  const mainStyles = toRef(() => {
+    return {
+      "--v-layout-left": convertToUnit(mainRect.value.left),
+      "--v-layout-right": convertToUnit(mainRect.value.right),
+      "--v-layout-top": convertToUnit(mainRect.value.top),
+      "--v-layout-bottom": convertToUnit(mainRect.value.bottom),
+      ...transitionsEnabled.value ? void 0 : {
+        transition: "none"
+      }
+    };
+  });
+  const items = computed(() => {
+    return layers.value.slice(1).map((_ref, index2) => {
+      let {
+        id
+      } = _ref;
+      const {
+        layer
+      } = layers.value[index2];
+      const size = layoutSizes.get(id);
+      const position2 = positions.get(id);
+      return {
+        id,
+        ...layer,
+        size: Number(size.value),
+        position: position2.value
+      };
+    });
+  });
+  const getLayoutItem = (id) => {
+    return items.value.find((item) => item.id === id);
+  };
+  const rootVm = getCurrentInstance("createLayout");
+  const isMounted = shallowRef(false);
+  onMounted(() => {
+    isMounted.value = true;
+  });
+  provide(VuetifyLayoutKey, {
+    register: (vm, _ref2) => {
+      let {
+        id,
+        order,
+        position: position2,
+        layoutSize,
+        elementSize,
+        active: active2,
+        disableTransitions,
+        absolute
+      } = _ref2;
+      priorities.set(id, order);
+      positions.set(id, position2);
+      layoutSizes.set(id, layoutSize);
+      activeItems.set(id, active2);
+      disableTransitions && disabledTransitions.set(id, disableTransitions);
+      const instances = findChildrenWithProvide(VuetifyLayoutItemKey, rootVm == null ? void 0 : rootVm.vnode);
+      const instanceIndex = instances.indexOf(vm);
+      if (instanceIndex > -1) registered.value.splice(instanceIndex, 0, id);
+      else registered.value.push(id);
+      const index2 = computed(() => items.value.findIndex((i) => i.id === id));
+      const zIndex = computed(() => rootZIndex.value + layers.value.length * 2 - index2.value * 2);
+      const layoutItemStyles = computed(() => {
+        const isHorizontal = position2.value === "left" || position2.value === "right";
+        const isOppositeHorizontal = position2.value === "right";
+        const isOppositeVertical = position2.value === "bottom";
+        const size = elementSize.value ?? layoutSize.value;
+        const unit = size === 0 ? "%" : "px";
+        const styles = {
+          [position2.value]: 0,
+          zIndex: zIndex.value,
+          transform: `translate${isHorizontal ? "X" : "Y"}(${(active2.value ? 0 : -(size === 0 ? 100 : size)) * (isOppositeHorizontal || isOppositeVertical ? -1 : 1)}${unit})`,
+          position: absolute.value || rootZIndex.value !== ROOT_ZINDEX ? "absolute" : "fixed",
+          ...transitionsEnabled.value ? void 0 : {
+            transition: "none"
+          }
+        };
+        if (!isMounted.value) return styles;
+        const item = items.value[index2.value];
+        if (!item) consoleWarn(`[Vuetify] Could not find layout item "${id}"`);
+        const overlap = computedOverlaps.value.get(id);
+        if (overlap) {
+          item[overlap.position] += overlap.amount;
+        }
+        return {
+          ...styles,
+          height: isHorizontal ? `calc(100% - ${item.top}px - ${item.bottom}px)` : elementSize.value ? `${elementSize.value}px` : void 0,
+          left: isOppositeHorizontal ? void 0 : `${item.left}px`,
+          right: isOppositeHorizontal ? `${item.right}px` : void 0,
+          top: position2.value !== "bottom" ? `${item.top}px` : void 0,
+          bottom: position2.value !== "top" ? `${item.bottom}px` : void 0,
+          width: !isHorizontal ? `calc(100% - ${item.left}px - ${item.right}px)` : elementSize.value ? `${elementSize.value}px` : void 0
+        };
+      });
+      const layoutItemScrimStyles = computed(() => ({
+        zIndex: zIndex.value - 1
+      }));
+      return {
+        layoutItemStyles,
+        layoutItemScrimStyles,
+        zIndex
+      };
+    },
+    unregister: (id) => {
+      priorities.delete(id);
+      positions.delete(id);
+      layoutSizes.delete(id);
+      activeItems.delete(id);
+      disabledTransitions.delete(id);
+      registered.value = registered.value.filter((v) => v !== id);
+    },
+    mainRect,
+    mainStyles,
+    getLayoutItem,
+    items,
+    layoutRect,
+    rootZIndex
+  });
+  const layoutClasses = toRef(() => ["v-layout", {
+    "v-layout--full-height": props.fullHeight
+  }]);
+  const layoutStyles = toRef(() => ({
+    zIndex: parentLayout ? rootZIndex.value : void 0,
+    position: parentLayout ? "relative" : void 0,
+    overflow: parentLayout ? "hidden" : void 0
+  }));
+  return {
+    layoutClasses,
+    layoutStyles,
+    getLayoutItem,
+    items,
+    layoutRect,
+    layoutRef: resizeRef
+  };
+}
 function useRefs() {
   const refs = ref([]);
   onBeforeUpdate(() => refs.value = []);
@@ -16432,7 +16656,7 @@ const VSnackbar = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   key: 0,
   class: "page-title"
 };
@@ -16442,7 +16666,7 @@ const _hoisted_4$3 = {
   key: 3,
   class: "selection-actions"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$3 = {
   key: 0,
   class: "selected-actions"
 };
@@ -16476,7 +16700,7 @@ const _hoisted_18 = {
 };
 const _hoisted_19 = { class: "d-flex justify-space-between align-center pa-4" };
 const _hoisted_20 = { class: "text-subtitle-2" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
   ...{ inheritAttrs: false },
   __name: "CustomDataTable",
   props: {
@@ -17314,7 +17538,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [
-        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
           createElementVNode("h3", _hoisted_2$5, toDisplayString(props.title), 1)
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3$5, [
@@ -17377,7 +17601,7 @@ const _sfc_main$b = /* @__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$3, [
                 props.enableGroupDelete ? (openBlock(), createBlock(VBtn, {
                   key: 0,
                   color: "red",
@@ -18058,7 +18282,7 @@ const _sfc_main$b = /* @__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$d, {
+                                    }, 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,
@@ -18600,8 +18824,8 @@ const VTextarea = genericComponent()({
     return forwardRefs({}, vInputRef, vFieldRef, textareaRef);
   }
 });
-const _hoisted_1$7 = { class: "description-input" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$8 = { class: "description-input" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
   __name: "DescriptionInput",
   props: {
     modelValue: { default: "" },
@@ -18700,7 +18924,7 @@ ${newLineNumber} - `;
       emit("change", internalValue.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createVNode(VTextarea, {
           modelValue: internalValue.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
@@ -18723,7 +18947,7 @@ ${newLineNumber} - `;
     };
   }
 });
-const DescriptionInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__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";
@@ -18752,8 +18976,8 @@ const icons = {
   arrowRight: mdiArrowRight,
   cog: mdiCog
 };
-const _hoisted_1$6 = { class: "download-title" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$7 = { class: "download-title" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
   ...{
     inheritAttrs: false
   },
@@ -18858,7 +19082,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
             ]),
             _: 1
           }, 8, ["start", "end", "class"])) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_1$6, toDisplayString(__props.title), 1),
+          createElementVNode("span", _hoisted_1$7, toDisplayString(__props.title), 1),
           !__props.icon ? (openBlock(), createBlock(VIcon, {
             key: 1,
             start: "",
@@ -18871,8 +19095,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-0a911831"]]);
-const _hoisted_1$5 = {
+const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-0a911831"]]);
+const _hoisted_1$6 = {
   key: 0,
   class: "pdf-viewer-header"
 };
@@ -18882,7 +19106,7 @@ const _hoisted_4$2 = {
   key: 0,
   class: "zoom-controls"
 };
-const _hoisted_5$1 = { class: "zoom-level" };
+const _hoisted_5$2 = { class: "zoom-level" };
 const _hoisted_6 = {
   key: 1,
   class: "navigation-controls"
@@ -18915,7 +19139,7 @@ const _hoisted_16 = {
   key: 0,
   class: "file-info"
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
   __name: "PdfViewer",
   props: {
     src: {},
@@ -19123,7 +19347,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["pdf-viewer-container", { "fullscreen": isFullscreen.value }])
       }, [
-        __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
           createElementVNode("div", _hoisted_2$4, [
             createElementVNode("h3", null, toDisplayString(__props.title || "PDF Viewer"), 1)
           ]),
@@ -19144,7 +19368,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createElementVNode("span", _hoisted_5$1, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
+              createElementVNode("span", _hoisted_5$2, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -19342,8 +19566,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const PdfViewer = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-f3e9c767"]]);
-const _sfc_main$7 = /* @__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
@@ -19377,8 +19601,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$4 = { class: "d-sm-flex align-center justify-space-between" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$5 = { class: "d-sm-flex align-center justify-space-between" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
   __name: "UiParentCard",
   props: {
     title: String
@@ -19390,7 +19614,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
         default: withCtx(() => [
           createVNode(VCardItem, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$4, [
+              createElementVNode("div", _hoisted_1$5, [
                 createVNode(VCardTitle, null, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(props.title), 1)
@@ -19415,7 +19639,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
   __name: "VPriceTextField",
   props: {
     modelValue: {},
@@ -19516,13 +19740,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   class: "app-stepper-root",
   dir: "rtl"
 };
 const _hoisted_2$3 = { class: "app-stepper-header-card" };
 const _hoisted_3$3 = { class: "app-stepper-title" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
   __name: "AppStepper",
   props: {
     steps: {
@@ -19574,7 +19798,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent$1({
     });
     __expose({ currentStepComponentRef });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createElementVNode("div", _hoisted_2$3, [
           createElementVNode("div", {
             ref_key: "stepperHeaderRef",
@@ -19641,7 +19865,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppStepper = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__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) {
@@ -36057,7 +36281,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$3 = defineComponent$1({
+const _sfc_main$4 = defineComponent$1({
   props: {
     animationData: {
       type: Object,
@@ -36389,7 +36613,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$3, [["render", _sfc_render]]);
+var Vue3Lottie = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render]]);
 const useCustomizerStore = defineStore({
   id: "customizer",
   state: () => ({
@@ -36443,20 +36667,20 @@ const useCustomizerStore = defineStore({
     }
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "loading-overlay"
 };
 const _hoisted_2$2 = { class: "loading-wrapper" };
 const _hoisted_3$2 = { key: 0 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
   __name: "Loading",
   setup(__props) {
     const customizer = useCustomizerStore();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: "fade" }, {
         default: withCtx(() => [
-          unref(customizer).loading ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+          unref(customizer).loading ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
             createElementVNode("div", _hoisted_2$2, [
               createVNode(unref(Vue3Lottie), {
                 "animation-link": "/persian.json",
@@ -36478,7 +36702,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const Loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-9b533ee4"]]);
+const Loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__scopeId", "data-v-9b533ee4"]]);
 /*!
  * perfect-scrollbar v1.5.6
  * Copyright 2024 Hyunje Jun, MDBootstrap and Contributors
@@ -38109,19 +38333,24 @@ const VNavigationDrawer = genericComponent()({
     };
   }
 });
-const _hoisted_1$1 = { class: "logo d-flex align-center pa-4" };
-const _hoisted_2$1 = ["src"];
-const _hoisted_3$1 = {
-  key: 1,
+const _hoisted_1$2 = {
+  key: 0,
+  class: "logo d-flex align-center pa-4"
+};
+const _hoisted_2$1 = ["innerHTML"];
+const _hoisted_3$1 = ["src"];
+const _hoisted_4$1 = {
+  key: 2,
   class: "logo-text text-h6 ms-2"
 };
-const _hoisted_4$1 = ["src"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
+const _hoisted_5$1 = ["src"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
   __name: "AppSidebar",
   props: {
     menuItems: { default: () => [] },
     logo: {},
     logoLight: {},
+    logoSvg: {},
     logoText: {},
     miniSidebar: { type: Boolean, default: false },
     permanent: { type: Boolean, default: true },
@@ -38129,7 +38358,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
     rail: { type: Boolean, default: false },
     location: { default: "left" },
     width: { default: 265 },
-    railWidth: { default: 75 }
+    railWidth: { default: 75 },
+    containerClass: { default: "" },
+    hideDefaultLogo: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
@@ -38167,173 +38398,205 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
         "expand-on-hover": expandOnHover.value,
         location: __props.location,
         width: navigationDrawerWidth.value,
-        class: normalizeClass([["leftSidebar", { "mini-sidebar": isMini.value }], "border-0"])
+        class: normalizeClass([["app-sidebar leftSidebar", { "mini-sidebar": isMini.value }, __props.containerClass], "border-0"])
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, [
-            __props.logo || __props.logoText ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              __props.logo && !isMini.value ? (openBlock(), createElementBlock("img", {
-                key: 0,
-                src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
-                alt: "Logo",
-                class: "logo-img",
-                style: { "max-height": "40px", "max-width": "100%" }
-              }, null, 8, _hoisted_2$1)) : createCommentVNode("", true),
-              __props.logoText && !isMini.value ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(__props.logoText), 1)) : createCommentVNode("", true),
-              __props.logo && isMini.value ? (openBlock(), createElementBlock("img", {
-                key: 2,
-                src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
-                alt: "Logo",
-                class: "logo-img-mini",
-                style: { "height": "40px", "width": "40px", "object-fit": "contain" }
-              }, null, 8, _hoisted_4$1)) : createCommentVNode("", true)
-            ], 64)) : (openBlock(), createBlock(VSpacer, { key: 1 }))
-          ]),
+          renderSlot(_ctx.$slots, "logo", {
+            isMini: isMini.value,
+            themeMode: unref(customizer).themeMode
+          }, () => [
+            !__props.hideDefaultLogo ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+              __props.logoSvg || __props.logo || __props.logoText ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                __props.logoSvg ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "logo-svg",
+                  innerHTML: __props.logoSvg,
+                  style: { height: "40px", display: "flex", alignItems: "center" }
+                }, null, 8, _hoisted_2$1)) : __props.logo && !isMini.value ? (openBlock(), createElementBlock("img", {
+                  key: 1,
+                  src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
+                  alt: "Logo",
+                  class: "logo-img",
+                  style: { "max-height": "40px", "max-width": "100%" }
+                }, null, 8, _hoisted_3$1)) : createCommentVNode("", true),
+                __props.logoText && !isMini.value ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(__props.logoText), 1)) : createCommentVNode("", true),
+                !__props.logoSvg && __props.logo && isMini.value ? (openBlock(), createElementBlock("img", {
+                  key: 3,
+                  src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
+                  alt: "Logo",
+                  class: "logo-img-mini",
+                  style: { "height": "40px", "width": "40px", "object-fit": "contain" }
+                }, null, 8, _hoisted_5$1)) : createCommentVNode("", true)
+              ], 64)) : (openBlock(), createBlock(VSpacer, { key: 1 }))
+            ])) : createCommentVNode("", true)
+          ], true),
           createVNode(VDivider),
           createVNode(unref(C), {
             class: "scrollnavbar",
             options: { wheelSpeed: 1, swipeEasing: true, suppressScrollX: true }
           }, {
             default: withCtx(() => [
-              createVNode(VList, {
-                lines: false,
-                class: "pa-0"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuItems, (item, index2) => {
-                    return openBlock(), createElementBlock(Fragment, { key: index2 }, [
-                      item.divider ? (openBlock(), createBlock(VDivider, {
-                        key: 0,
-                        class: "my-2"
-                      })) : item.items && item.items.length > 0 ? (openBlock(), createBlock(VListGroup, {
-                        key: 1,
-                        value: item.items.some((child) => isActive(child))
-                      }, {
-                        activator: withCtx(({ props: groupProps }) => [
-                          createVNode(VListItem, mergeProps({ ref_for: true }, groupProps, {
-                            disabled: item.disabled,
-                            "prepend-icon": item.icon
-                          }), createSlots({
-                            default: withCtx(() => [
-                              createVNode(VListItemTitle, null, {
-                                default: withCtx(() => [
-                                  createTextVNode(toDisplayString(item.title), 1)
-                                ]),
-                                _: 2
-                              }, 1024)
-                            ]),
-                            _: 2
-                          }, [
-                            item.chip ? {
-                              name: "append",
-                              fn: withCtx(() => [
-                                createVNode(VChip, {
-                                  color: item.chip.color || "primary",
-                                  size: "small",
-                                  class: "ms-2"
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(item.chip.content), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["color"])
+              renderSlot(_ctx.$slots, "menu", {
+                items: __props.menuItems,
+                isActive,
+                navigate: handleClick
+              }, () => [
+                createVNode(VList, {
+                  lines: false,
+                  class: "pa-0"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuItems, (item, index2) => {
+                      return openBlock(), createElementBlock(Fragment, { key: index2 }, [
+                        item.divider ? (openBlock(), createBlock(VDivider, {
+                          key: 0,
+                          class: "my-2"
+                        })) : item.items && item.items.length > 0 ? (openBlock(), createBlock(VListGroup, {
+                          key: 1,
+                          value: item.items.some((child) => isActive(child))
+                        }, {
+                          activator: withCtx(({ props: groupProps }) => [
+                            createVNode(VListItem, mergeProps({ ref_for: true }, groupProps, {
+                              disabled: item.disabled
+                            }), createSlots({
+                              prepend: withCtx(() => [
+                                typeof item.icon === "string" ? (openBlock(), createBlock(VIcon, {
+                                  key: 0,
+                                  icon: item.icon
+                                }, null, 8, ["icon"])) : item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), { key: 1 })) : createCommentVNode("", true)
                               ]),
-                              key: "0"
-                            } : void 0
-                          ]), 1040, ["disabled", "prepend-icon"])
-                        ]),
-                        default: withCtx(() => [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (child, childIndex) => {
-                            return openBlock(), createBlock(VListItem, {
-                              key: childIndex,
-                              to: child.to,
-                              href: child.href,
-                              disabled: child.disabled,
-                              active: isActive(child),
-                              "prepend-icon": child.icon,
-                              onClick: ($event) => handleClick(child)
-                            }, createSlots({
                               default: withCtx(() => [
                                 createVNode(VListItemTitle, null, {
                                   default: withCtx(() => [
-                                    createTextVNode(toDisplayString(child.title), 1)
+                                    createTextVNode(toDisplayString(item.title), 1)
                                   ]),
                                   _: 2
                                 }, 1024)
                               ]),
                               _: 2
                             }, [
-                              child.chip ? {
+                              item.chip ? {
                                 name: "append",
                                 fn: withCtx(() => [
                                   createVNode(VChip, {
-                                    color: child.chip.color || "primary",
+                                    color: item.chip.color || "primary",
                                     size: "small",
                                     class: "ms-2"
                                   }, {
                                     default: withCtx(() => [
-                                      createTextVNode(toDisplayString(child.chip.content), 1)
+                                      createTextVNode(toDisplayString(item.chip.content), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["color"])
                                 ]),
                                 key: "0"
                               } : void 0
-                            ]), 1032, ["to", "href", "disabled", "active", "prepend-icon", "onClick"]);
-                          }), 128))
-                        ]),
-                        _: 2
-                      }, 1032, ["value"])) : (openBlock(), createBlock(VListItem, {
-                        key: 2,
-                        to: item.to,
-                        href: item.href,
-                        disabled: item.disabled,
-                        active: isActive(item),
-                        "prepend-icon": item.icon,
-                        onClick: ($event) => handleClick(item)
-                      }, createSlots({
-                        default: withCtx(() => [
-                          createVNode(VListItemTitle, null, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(item.title), 1)
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        _: 2
-                      }, [
-                        item.chip ? {
-                          name: "append",
-                          fn: withCtx(() => [
-                            createVNode(VChip, {
-                              color: item.chip.color || "primary",
-                              size: "small",
-                              class: "ms-2"
-                            }, {
+                            ]), 1040, ["disabled"])
+                          ]),
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (child, childIndex) => {
+                              return openBlock(), createBlock(VListItem, {
+                                key: childIndex,
+                                to: child.to,
+                                href: child.href,
+                                disabled: child.disabled,
+                                active: isActive(child),
+                                onClick: ($event) => handleClick(child)
+                              }, createSlots({
+                                prepend: withCtx(() => [
+                                  typeof child.icon === "string" ? (openBlock(), createBlock(VIcon, {
+                                    key: 0,
+                                    icon: child.icon
+                                  }, null, 8, ["icon"])) : child.icon ? (openBlock(), createBlock(resolveDynamicComponent(child.icon), { key: 1 })) : createCommentVNode("", true)
+                                ]),
+                                default: withCtx(() => [
+                                  createVNode(VListItemTitle, null, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(child.title), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1024)
+                                ]),
+                                _: 2
+                              }, [
+                                child.chip ? {
+                                  name: "append",
+                                  fn: withCtx(() => [
+                                    createVNode(VChip, {
+                                      color: child.chip.color || "primary",
+                                      size: "small",
+                                      class: "ms-2"
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(child.chip.content), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["color"])
+                                  ]),
+                                  key: "0"
+                                } : void 0
+                              ]), 1032, ["to", "href", "disabled", "active", "onClick"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["value"])) : (openBlock(), createBlock(VListItem, {
+                          key: 2,
+                          to: item.to,
+                          href: item.href,
+                          disabled: item.disabled,
+                          active: isActive(item),
+                          onClick: ($event) => handleClick(item)
+                        }, createSlots({
+                          prepend: withCtx(() => [
+                            typeof item.icon === "string" ? (openBlock(), createBlock(VIcon, {
+                              key: 0,
+                              icon: item.icon
+                            }, null, 8, ["icon"])) : item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), { key: 1 })) : createCommentVNode("", true)
+                          ]),
+                          default: withCtx(() => [
+                            createVNode(VListItemTitle, null, {
                               default: withCtx(() => [
-                                createTextVNode(toDisplayString(item.chip.content), 1)
+                                createTextVNode(toDisplayString(item.title), 1)
                               ]),
                               _: 2
-                            }, 1032, ["color"])
+                            }, 1024)
                           ]),
-                          key: "0"
-                        } : void 0
-                      ]), 1032, ["to", "href", "disabled", "active", "prepend-icon", "onClick"]))
-                    ], 64);
-                  }), 128))
-                ]),
-                _: 1
-              })
+                          _: 2
+                        }, [
+                          item.chip ? {
+                            name: "append",
+                            fn: withCtx(() => [
+                              createVNode(VChip, {
+                                color: item.chip.color || "primary",
+                                size: "small",
+                                class: "ms-2"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(item.chip.content), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["color"])
+                            ]),
+                            key: "0"
+                          } : void 0
+                        ]), 1032, ["to", "href", "disabled", "active", "onClick"]))
+                      ], 64);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ], true)
             ]),
-            _: 1
-          })
+            _: 3
+          }),
+          renderSlot(_ctx.$slots, "bottom", {}, void 0, true)
         ]),
-        _: 1
+        _: 3
       }, 8, ["modelValue", "permanent", "temporary", "rail", "expand-on-hover", "location", "width", "class"]);
     };
   }
 });
-const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-b3040226"]]);
+const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-043a3ef2"]]);
 const makeVToolbarTitleProps = propsFactory({
   text: String,
   ...makeComponentProps(),
@@ -38852,7 +39115,7 @@ const VBadge = genericComponent()({
     return {};
   }
 });
-const _hoisted_1 = {
+const _hoisted_1$1 = {
   key: 0,
   class: "text-h6"
 };
@@ -38863,11 +39126,13 @@ const _hoisted_2 = {
 const _hoisted_3 = { key: 2 };
 const _hoisted_4 = { key: 2 };
 const _hoisted_5 = { key: 2 };
-const _sfc_main = /* @__PURE__ */ defineComponent$1({
+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: "جستجو..." },
@@ -38882,7 +39147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
     color: { default: "surface" },
     elevation: { default: 1 },
     height: { default: 70 },
-    class: {}
+    hideDefaultTitle: { type: Boolean, default: false }
   },
   emits: ["update:searchValue", "toggle-sidebar", "search"],
   setup(__props, { emit: __emit }) {
@@ -38900,13 +39165,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
       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) {
-            console.log("Navigate to:", item.to);
+            router.push(item.to);
           } else if (item.href) {
             window.open(item.href, "_blank");
           }
@@ -38918,28 +39184,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
         color: __props.color,
         elevation: __props.elevation,
         height: __props.height,
-        class: normalizeClass([props.class, "topbar"]),
+        class: normalizeClass(["app-header topbar", props.class]),
+        "aria-label": __props.ariaLabel,
         fixed: ""
       }, {
         default: withCtx(() => [
+          renderSlot(_ctx.$slots, "left", {}, void 0, true),
           __props.showSidebarToggle ? (openBlock(), createBlock(VAppBarNavIcon, {
             key: 0,
             variant: "text",
             onClick: toggleSidebar
           })) : createCommentVNode("", true),
-          __props.title || __props.subtitle ? (openBlock(), createBlock(VAppBarTitle, {
-            key: 1,
-            class: "d-flex flex-column"
-          }, {
-            default: withCtx(() => [
-              __props.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-              __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })) : 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: 2,
+            key: 1,
             modelValue: searchInput.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchInput.value = $event),
             placeholder: __props.searchPlaceholder,
@@ -39025,8 +39296,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
               }, 1032, ["icon", "color", "variant", "size", "disabled", "onClick"]))
             ], 64);
           }), 128)),
+          renderSlot(_ctx.$slots, "right", {}, void 0, true),
           __props.showNotifications ? (openBlock(), createBlock(VMenu, {
-            key: 3,
+            key: 2,
             location: "bottom end",
             "offset-y": ""
           }, {
@@ -39084,7 +39356,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
             _: 1
           })) : createCommentVNode("", true),
           __props.showProfile ? (openBlock(), createBlock(VMenu, {
-            key: 4,
+            key: 3,
             location: "bottom end",
             "offset-y": ""
           }, {
@@ -39144,12 +39416,148 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
             _: 1
           })) : createCommentVNode("", true)
         ]),
-        _: 1
-      }, 8, ["color", "elevation", "height", "class"]);
+        _: 3
+      }, 8, ["color", "elevation", "height", "class", "aria-label"]);
+    };
+  }
+});
+const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-b45b815e"]]);
+const makeVAppProps = propsFactory({
+  ...makeComponentProps(),
+  ...omit(makeLayoutProps(), ["fullHeight"]),
+  ...makeThemeProps()
+}, "VApp");
+const VApp = genericComponent()({
+  name: "VApp",
+  props: makeVAppProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const theme = provideTheme(props);
+    const {
+      layoutClasses,
+      getLayoutItem,
+      items,
+      layoutRef
+    } = createLayout({
+      ...props,
+      fullHeight: true
+    });
+    const {
+      rtlClasses
+    } = useRtl();
+    useRender(() => {
+      var _a;
+      return createElementVNode("div", {
+        "ref": layoutRef,
+        "class": normalizeClass(["v-application", theme.themeClasses.value, layoutClasses.value, rtlClasses.value, props.class]),
+        "style": normalizeStyle([props.style])
+      }, [createElementVNode("div", {
+        "class": "v-application__wrap"
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    });
+    return {
+      getLayoutItem,
+      items,
+      theme
+    };
+  }
+});
+const makeVMainProps = propsFactory({
+  scrollable: Boolean,
+  ...makeComponentProps(),
+  ...makeDimensionProps(),
+  ...makeTagProps({
+    tag: "main"
+  })
+}, "VMain");
+const VMain = genericComponent()({
+  name: "VMain",
+  props: makeVMainProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    const {
+      mainStyles
+    } = useLayout();
+    const {
+      ssrBootStyles
+    } = useSsrBoot();
+    useRender(() => createVNode(props.tag, {
+      "class": normalizeClass(["v-main", {
+        "v-main--scrollable": props.scrollable
+      }, props.class]),
+      "style": normalizeStyle([mainStyles.value, ssrBootStyles.value, dimensionStyles.value, props.style])
+    }, {
+      default: () => {
+        var _a, _b;
+        return [props.scrollable ? createElementVNode("div", {
+          "class": "v-main__scroller"
+        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]) : (_b = slots.default) == null ? void 0 : _b.call(slots)];
+      }
+    }));
+    return {};
+  }
+});
+const _hoisted_1 = { class: "page-wrapper" };
+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
+    }) },
+    sidebar: { default: () => ({
+      menuItems: [],
+      logo: "",
+      logoLight: "",
+      logoText: "UI Kit",
+      miniSidebar: false,
+      permanent: true,
+      temporary: false,
+      rail: false,
+      location: "left",
+      width: 265,
+      railWidth: 75
+    }) }
+  },
+  setup(__props) {
+    useCustomizerStore();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(VApp, null, {
+        default: withCtx(() => [
+          createVNode(AppHeader, mergeProps(__props.header, { class: "app-header" }), null, 16),
+          createVNode(AppSidebar, mergeProps(__props.sidebar, { class: "app-sidebar" }), null, 16),
+          createVNode(VMain, null, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
     };
   }
 });
-const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-b7912421"]]);
+const AppLayout = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-106317c7"]]);
 function useDataTable(options) {
   const items = ref([]);
   const loading = ref(false);
@@ -39711,28 +40119,29 @@ const index = {
 };
 export {
   AppHeader,
+  AppLayout,
   AppSidebar,
   AppStepper,
-  _sfc_main$h as BaseBreadcrumb,
-  _sfc_main$g as BaseIcon,
+  _sfc_main$i as BaseBreadcrumb,
+  _sfc_main$h as BaseIcon,
   BooleanEnum,
   BooleanEnumOptions,
-  _sfc_main$f as ConfirmDialog,
+  _sfc_main$g as ConfirmDialog,
   CustomAutocomplete,
-  _sfc_main$b as CustomDataTable,
+  _sfc_main$c as CustomDataTable,
   DateConverter,
   DescriptionInput,
   DigitLimit,
   DownloadButton,
   GreetingUtils,
   Loading,
-  _sfc_main$d as MoneyInput,
+  _sfc_main$e as MoneyInput,
   NationalCodeValidator,
   PdfViewer,
   ShamsiDatePicker,
-  _sfc_main$7 as UiChildCard,
-  _sfc_main$6 as UiParentCard,
-  _sfc_main$5 as VPriceTextField,
+  _sfc_main$8 as UiChildCard,
+  _sfc_main$7 as UiParentCard,
+  _sfc_main$6 as VPriceTextField,
   configureAuth,
   configureAxiosInstance,
   index as default,