@bagelink/vue 0.0.1102 → 0.0.1104

package/dist/index.mjs

@@ -45,7 +45,7 @@ const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
     return uploadField;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = reactive({
@@ -59,10 +59,10 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$W = ["aria-expanded", "aria-controls"];
-const _hoisted_2$C = { class: "accordion-label" };
-const _hoisted_3$s = ["id", "aria-hidden"];
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$X = ["aria-expanded", "aria-controls"];
+const _hoisted_2$D = { class: "accordion-label" };
+const _hoisted_3$t = ["id", "aria-hidden"];
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -128,7 +128,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             createVNode(unref(_sfc_main$d), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "head", {}, () => [
-            createElementVNode("span", _hoisted_2$C, toDisplayString(_ctx.label), 1)
+            createElementVNode("span", _hoisted_2$D, toDisplayString(_ctx.label), 1)
           ], true),
           iconPosition.value === "end" ? (openBlock(), createElementBlock("span", {
             key: 1,
@@ -136,7 +136,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(_sfc_main$d), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : createCommentVNode("", true)
-        ], 8, _hoisted_1$W),
+        ], 8, _hoisted_1$X),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -146,7 +146,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(isOpen) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$s)) : createCommentVNode("", true)
+            ], 8, _hoisted_3$t)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -161,9 +161,9 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-1e73ca3e"]]);
-const _hoisted_1$V = { class: "relative" };
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-1e73ca3e"]]);
+const _hoisted_1$W = { class: "relative" };
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
   setup(__props, { emit: __emit }) {
@@ -185,8 +185,8 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$V, [
-        createVNode(unref(_sfc_main$W), {
+      return openBlock(), createElementBlock("div", _hoisted_1$W, [
+        createVNode(unref(_sfc_main$X), {
           ref_key: "suggestion",
           ref: suggestion,
           noAutoFocus: true,
@@ -221,11 +221,11 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$U = {
+const _hoisted_1$V = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -290,7 +290,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           _ctx.loading ? (openBlock(), createBlock(unref(Loading), {
             key: 0,
             size: "15"
-          })) : (openBlock(), createElementBlock("div", _hoisted_1$U, [
+          })) : (openBlock(), createElementBlock("div", _hoisted_1$V, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$d), {
               key: 0,
               icon: _ctx.icon
@@ -312,10 +312,10 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-c23a3626"]]);
-const _hoisted_1$T = ["dismissable"];
-const _hoisted_2$B = { class: "m-0" };
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-c23a3626"]]);
+const _hoisted_1$U = ["dismissable"];
+const _hoisted_2$C = { class: "m-0" };
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -343,7 +343,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_2$B, toDisplayString(_ctx.message), 1),
+        createElementVNode("p", _hoisted_2$C, toDisplayString(_ctx.message), 1),
         createVNode(Btn, {
           flat: "",
           thin: "",
@@ -351,13 +351,13 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$T)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$U)) : createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-57141c32"]]);
-const _hoisted_1$S = ["src", "alt"];
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-57141c32"]]);
+const _hoisted_1$T = ["src", "alt"];
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -375,7 +375,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$S)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$T)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, toDisplayString((_ctx.fallback || unref(initials)(_ctx.name || "")).toUpperCase()), 5))
@@ -383,8 +383,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-46ad8c25"]]);
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-46ad8c25"]]);
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -413,9 +413,9 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-2f3caf93"]]);
-const _hoisted_1$R = { key: 1 };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-2f3caf93"]]);
+const _hoisted_1$S = { key: 1 };
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "BglComponent",
   props: {
     field: {},
@@ -435,16 +435,16 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         return TextInput;
       }
       if (props2.field.$el === "number") return NumberInput;
-      if (props2.field.$el === "array") return _sfc_main$P;
+      if (props2.field.$el === "array") return _sfc_main$Q;
       if (props2.field.$el === "select") return SelectInput;
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
       if (props2.field.$el === "richtext") return RichText;
       if (props2.field.$el === "upload") return UploadInput;
       if (props2.field.$el === "file") return FileUpload;
-      if (props2.field.$el === "date") return _sfc_main$K;
+      if (props2.field.$el === "date") return _sfc_main$L;
       if (props2.field.$el === "tabs") return TabsNav;
-      if (props2.field.$el === "form") return _sfc_main$R;
+      if (props2.field.$el === "form") return _sfc_main$S;
       return props2.field.$el ?? "div";
     });
     function getFieldData(path) {
@@ -561,7 +561,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                   id: [props2.id, child.id].filter(Boolean).join("."),
                   field: child,
                   "parent-path": props2.id
-                }, null, 8, ["id", "field", "parent-path"])) : (openBlock(), createElementBlock("span", _hoisted_1$R, toDisplayString(child), 1))
+                }, null, 8, ["id", "field", "parent-path"])) : (openBlock(), createElementBlock("span", _hoisted_1$S, toDisplayString(child), 1))
               ], 64);
             }), 128))
           ], 64))
@@ -571,10 +571,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Q = ["src"];
-const _hoisted_2$A = ["autoplay", "muted", "loop", "controls", "playsinline"];
-const _hoisted_3$r = ["src", "type"];
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _hoisted_1$R = ["src"];
+const _hoisted_2$B = ["autoplay", "muted", "loop", "controls", "playsinline"];
+const _hoisted_3$s = ["src", "type"];
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -651,7 +651,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$Q)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$R)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           ref_key: "video",
           ref: video,
@@ -665,18 +665,18 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$r)
-        ], 12, _hoisted_2$A)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_3$s)
+        ], 12, _hoisted_2$B)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-006552f6"]]);
-const _hoisted_1$P = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-006552f6"]]);
+const _hoisted_1$Q = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -705,7 +705,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$P, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$Q, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -715,18 +715,18 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["dir"];
-const _hoisted_2$z = {
+const _hoisted_1$P = ["dir"];
+const _hoisted_2$A = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_3$q = {
+const _hoisted_3$r = {
   key: 0,
   class: "dots flex-center gap-05 mt-1"
 };
-const _hoisted_4$i = ["onClick"];
-const _hoisted_5$h = { class: "Handlers" };
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _hoisted_4$j = ["onClick"];
+const _hoisted_5$i = { class: "Handlers" };
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: { type: Boolean, default: false },
@@ -904,19 +904,19 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
           onMouseover: clearAutoplay,
           onFocusin: clearAutoplay
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_2$z)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_2$A)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 38),
-        __props.dots && unref(slideCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
+        __props.dots && unref(slideCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(slideCount), (i2) => {
             return openBlock(), createElementBlock("span", {
               key: i2,
               class: normalizeClass(["dot cursor", { current: unref(activeSlideIndex) === i2 - 1 }]),
               onClick: ($event) => goToSlide(i2 - 1)
-            }, null, 10, _hoisted_4$i);
+            }, null, 10, _hoisted_4$j);
           }), 128))
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_5$h, [
+        createElementVNode("div", _hoisted_5$i, [
           createElementVNode("span", { onClick: prev }, [
             renderSlot(_ctx.$slots, "prev", {
               index: unref(activeSlideIndex),
@@ -930,11 +930,11 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             }, void 0, true)
           ])
         ])
-      ], 14, _hoisted_1$O);
+      ], 14, _hoisted_1$P);
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-063b5ad9"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-063b5ad9"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -5845,7 +5845,7 @@ const _hoisted_4$2$1 = {
 };
 const _hoisted_5$2$1 = ["x1", "y1", "x2", "y2"];
 const _hoisted_6$2$1 = ["x1", "y1", "x2", "y2"];
-const _hoisted_7$9 = ["x1", "y1", "x2", "y2"];
+const _hoisted_7$a = ["x1", "y1", "x2", "y2"];
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.data.length ? (openBlock(), createElementBlock("g", {
     key: 0,
@@ -5901,7 +5901,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
         y1: _ctx.canvas.y,
         x2: _ctx.canvas.width - 1,
         y2: _ctx.canvas.height
-      }, null, 8, _hoisted_7$9)
+      }, null, 8, _hoisted_7$a)
     ])
   ], 8, _hoisted_1$4$1)) : createCommentVNode("v-if", true);
 }
@@ -6768,10 +6768,10 @@ const _hoisted_1$1$1 = {
   style: { display: "flex", position: "relative" }
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
-const _hoisted_3$p = { class: "layer-rectangles" };
-const _hoisted_4$h = ["transform", "onMouseover"];
-const _hoisted_5$g = ["width", "height"];
-const _hoisted_6$d = {
+const _hoisted_3$q = { class: "layer-rectangles" };
+const _hoisted_4$i = ["transform", "onMouseover"];
+const _hoisted_5$h = ["width", "height"];
+const _hoisted_6$e = {
   x: 0 + 10,
   y: 0 + 20,
   "font-size": `15px`,
@@ -6786,7 +6786,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       viewBox: `0 0 ${_ctx.size.width} ${_ctx.size.height}`,
       ref: "el"
     }, [
-      createElementVNode("g", _hoisted_3$p, [
+      createElementVNode("g", _hoisted_3$q, [
         (openBlock(true), createElementBlock(
           Fragment,
           null,
@@ -6807,21 +6807,21 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   y: 0,
                   width: r2.width,
                   height: r2.height
-                }), null, 16, _hoisted_5$g),
+                }), null, 16, _hoisted_5$h),
                 renderSlot(_ctx.$slots, "text", {
                   r: r2,
                   selected: _ctx.selected === i2
                 }, () => [
                   createElementVNode(
                     "text",
-                    _hoisted_6$d,
+                    _hoisted_6$e,
                     toDisplayString(r2.data.name),
                     1
                     /* TEXT */
                   )
                 ])
               ])
-            ], 42, _hoisted_4$h);
+            ], 42, _hoisted_4$i);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -6878,25 +6878,25 @@ var script = defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$N = {
+const _hoisted_1$O = {
   key: 0,
   class: "layer-hover-bar"
 };
-const _hoisted_2$y = ["x", "y", "width", "height"];
+const _hoisted_2$z = ["x", "y", "width", "height"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$N, [
+  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$O, [
     createElementVNode("rect", mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
       width: _ctx.bar.width > 0 ? _ctx.bar.width : 0,
       height: _ctx.bar.height > 0 ? _ctx.bar.height : 0
-    }), null, 16, _hoisted_2$y)
+    }), null, 16, _hoisted_2$z)
   ])) : createCommentVNode("v-if", true);
 }
 script.render = render;
 script.__file = "src/components/HoverBar/index.vue";
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -7036,28 +7036,28 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$M = {
+const _hoisted_1$N = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$x = {
+const _hoisted_2$y = {
   key: 0,
   class: "data-row m_py-05"
 };
-const _hoisted_3$o = { class: "key" };
-const _hoisted_4$g = { class: "m-0" };
-const _hoisted_5$f = { key: 1 };
-const _hoisted_6$c = {
+const _hoisted_3$p = { class: "key" };
+const _hoisted_4$h = { class: "m-0" };
+const _hoisted_5$g = { key: 1 };
+const _hoisted_6$d = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_7$8 = { class: "key" };
-const _hoisted_8$5 = { class: "m-0" };
-const _hoisted_9$4 = {
+const _hoisted_7$9 = { class: "key" };
+const _hoisted_8$6 = { class: "m-0" };
+const _hoisted_9$5 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ mergeModels({
     showFields: {},
@@ -7093,7 +7093,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     const computedSchema = computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$M, [
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
         _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$4), {
           key: 0,
           label: _ctx.title
@@ -7102,11 +7102,11 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment, {
             key: field.id
           }, [
-            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
-              createElementVNode("div", _hoisted_3$o, [
-                createElementVNode("p", _hoisted_4$g, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
+            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
+              createElementVNode("div", _hoisted_3$p, [
+                createElementVNode("p", _hoisted_4$h, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
               ]),
-              createVNode(unref(_sfc_main$S), {
+              createVNode(unref(_sfc_main$T), {
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
                 label: "",
@@ -7116,15 +7116,15 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_5$f, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(computedSchema.value, ({ id, label }) => {
             return openBlock(), createElementBlock(Fragment, { key: id }, [
-              !isUnset(itemData.value[id]) ? (openBlock(), createElementBlock("div", _hoisted_6$c, [
-                createElementVNode("div", _hoisted_7$8, [
-                  createElementVNode("p", _hoisted_8$5, toDisplayString(label), 1)
+              !isUnset(itemData.value[id]) ? (openBlock(), createElementBlock("div", _hoisted_6$d, [
+                createElementVNode("div", _hoisted_7$9, [
+                  createElementVNode("p", _hoisted_8$6, toDisplayString(label), 1)
                 ]),
                 createElementVNode("div", null, [
-                  id ? (openBlock(), createElementBlock("p", _hoisted_9$4, toDisplayString(dataTransform(itemData.value[id])), 1)) : createCommentVNode("", true)
+                  id ? (openBlock(), createElementBlock("p", _hoisted_9$5, toDisplayString(dataTransform(itemData.value[id])), 1)) : createCommentVNode("", true)
                 ])
               ])) : createCommentVNode("", true)
             ], 64);
@@ -7135,7 +7135,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-6c27f163"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-6c27f163"]]);
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -9682,7 +9682,7 @@ const Gt$1 = {
   install: Ct$1,
   options: h
 };
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "Dropdown",
   props: /* @__PURE__ */ mergeModels({
     value: {},
@@ -9760,9 +9760,9 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$L = { class: "px-1 pt-025 pb-1" };
-const _hoisted_2$w = { class: "ms-1" };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _hoisted_1$M = { class: "px-1 pt-025 pb-1" };
+const _hoisted_2$x = { class: "ms-1" };
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "FieldSetVue",
   props: {
     label: {},
@@ -9770,15 +9770,15 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", _hoisted_1$L, [
-        createElementVNode("legend", _hoisted_2$w, toDisplayString(_ctx.legend || _ctx.label), 1),
+      return openBlock(), createElementBlock("fieldset", _hoisted_1$M, [
+        createElementVNode("legend", _hoisted_2$x, toDisplayString(_ctx.legend || _ctx.label), 1),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
   }
 });
-const FieldSetVue = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-f7e758e5"]]);
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const FieldSetVue = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-f7e758e5"]]);
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -9808,7 +9808,92 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-f99f1900"]]);
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-f99f1900"]]);
+const FORM_STATE_KEY = Symbol("bagelFormState");
+function safeClone(obj) {
+  if (obj === null || typeof obj !== "object") return obj;
+  const seen = /* @__PURE__ */ new WeakSet();
+  return JSON.parse(JSON.stringify(obj, (key, value) => {
+    if (typeof value === "object" && value !== null) {
+      if (seen.has(value)) {
+        return void 0;
+      }
+      seen.add(value);
+    }
+    return value;
+  }));
+}
+function provideBagelFormState(initialData) {
+  const data2 = ref(initialData);
+  const isDirty = ref(false);
+  const getFieldData = (path) => {
+    if (!path) return "";
+    const keys4 = path.split(/[.[]/);
+    let current = data2.value;
+    for (let i2 = 0; i2 < keys4.length; i2++) {
+      const key = keys4[i2];
+      if (!current || typeof current !== "object" || !(key in current)) {
+        return "";
+      }
+      current = current[key];
+    }
+    return current ?? "";
+  };
+  const updateField = (path, value) => {
+    const keys4 = path.split(/[.[]/);
+    if (typeof data2.value !== "object" || data2.value === null) {
+      data2.value = {};
+    }
+    let current = data2.value;
+    for (let i2 = 0; i2 < keys4.length - 1; i2++) {
+      const key = keys4[i2];
+      if (!(key in current) || typeof current[key] !== "object" || current[key] === null) {
+        current[key] = {};
+      }
+      current = current[key];
+    }
+    const safeValue = safeClone(value);
+    current[keys4[keys4.length - 1]] = safeValue;
+    isDirty.value = true;
+  };
+  const state2 = {
+    data: data2,
+    getFieldData,
+    updateField,
+    isDirty
+  };
+  provide(FORM_STATE_KEY, state2);
+  return state2;
+}
+function useBagelFormState() {
+  const state2 = inject(FORM_STATE_KEY);
+  if (!state2) throw new Error("BagelFormState must be provided");
+  return state2;
+}
+function useFormField(props2) {
+  const formState = inject(FORM_STATE_KEY);
+  const fieldData = computed({
+    get: () => {
+      if (!props2.fieldID || !formState) return props2.modelValue ?? props2.field.defaultValue ?? "";
+      const value = formState.getFieldData(props2.fieldID);
+      if (props2.field.$el === "form" && !value) return {};
+      return value ?? "";
+    },
+    set: (val) => {
+      if (!props2.fieldID || !formState) return;
+      const currentValue = formState.getFieldData(props2.fieldID);
+      if (JSON.stringify(val) === JSON.stringify(currentValue)) return;
+      if (props2.field.onUpdate) {
+        props2.field.onUpdate(val, currentValue);
+      }
+      formState.updateField(props2.fieldID, val);
+    }
+  });
+  return {
+    fieldData,
+    formState
+  };
+}
 const state$1 = reactive(/* @__PURE__ */ new Map());
 function useTabs(group) {
   if (!state$1.has(group)) {
@@ -9822,8 +9907,8 @@ function useTabs(group) {
   });
   return { currentTab };
 }
-const _hoisted_1$K = ["onClick"];
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _hoisted_1$L = ["onClick"];
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "TabsNav",
   props: {
     title: {},
@@ -9905,77 +9990,16 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                 icon: tab.icon
               }, null, 8, ["icon"])) : createCommentVNode("", true),
               createTextVNode(" " + toDisplayString(tabLabel(tab)), 1)
-            ], 10, _hoisted_1$K);
+            ], 10, _hoisted_1$L);
           }), 128))
         ], true)
       ], 2);
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-307612a9"]]);
-const FORM_STATE_KEY = Symbol("bagelFormState");
-function safeClone(obj) {
-  if (obj === null || typeof obj !== "object") return obj;
-  const seen = /* @__PURE__ */ new WeakSet();
-  return JSON.parse(JSON.stringify(obj, (key, value) => {
-    if (typeof value === "object" && value !== null) {
-      if (seen.has(value)) {
-        return void 0;
-      }
-      seen.add(value);
-    }
-    return value;
-  }));
-}
-function provideBagelFormState(initialData) {
-  const data2 = ref(initialData);
-  const isDirty = ref(false);
-  const getFieldData = (path) => {
-    if (!path) return "";
-    const keys4 = path.split(/[.[]/);
-    let current = data2.value;
-    for (let i2 = 0; i2 < keys4.length; i2++) {
-      const key = keys4[i2];
-      if (!current || typeof current !== "object" || !(key in current)) {
-        return "";
-      }
-      current = current[key];
-    }
-    return current ?? "";
-  };
-  const updateField = (path, value) => {
-    const keys4 = path.split(/[.[]/);
-    if (typeof data2.value !== "object" || data2.value === null) {
-      data2.value = {};
-    }
-    let current = data2.value;
-    for (let i2 = 0; i2 < keys4.length - 1; i2++) {
-      const key = keys4[i2];
-      if (!(key in current) || typeof current[key] !== "object" || current[key] === null) {
-        current[key] = {};
-      }
-      current = current[key];
-    }
-    const safeValue = safeClone(value);
-    current[keys4[keys4.length - 1]] = safeValue;
-    isDirty.value = true;
-  };
-  const state2 = {
-    data: data2,
-    getFieldData,
-    updateField,
-    isDirty
-  };
-  provide(FORM_STATE_KEY, state2);
-  return state2;
-}
-function useBagelFormState() {
-  const state2 = inject(FORM_STATE_KEY);
-  if (!state2) throw new Error("BagelFormState must be provided");
-  return state2;
-}
-const _hoisted_1$J = { key: 1 };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-307612a9"]]);
+const _hoisted_1$K = { key: 1 };
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -9986,8 +10010,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
-    const emit2 = __emit;
-    const formState = inject(FORM_STATE_KEY) ?? provideBagelFormState(props2.modelValue);
+    const { fieldData } = useFormField(props2);
     const customAttrs = ref({});
     const is4 = computed(() => {
       if (props2.field.$el === "text") return TextInput;
@@ -9996,62 +10019,36 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         return TextInput;
       }
       if (props2.field.$el === "number") return NumberInput;
-      if (props2.field.$el === "array") return _sfc_main$P;
+      if (props2.field.$el === "array") return _sfc_main$Q;
       if (props2.field.$el === "select") return SelectInput;
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
       if (props2.field.$el === "richtext") return RichText;
       if (props2.field.$el === "upload") return UploadInput;
       if (props2.field.$el === "file") return FileUpload;
-      if (props2.field.$el === "date") return _sfc_main$K;
+      if (props2.field.$el === "date") return _sfc_main$L;
       if (props2.field.$el === "tabs") return TabsNav;
-      if (props2.field.$el === "bglform") return _sfc_main$R;
+      if (props2.field.$el === "bglform") return _sfc_main$S;
       return props2.field.$el ?? "div";
     });
-    const fieldData = computed({
-      get: () => {
-        if (!props2.fieldID) return props2.field.defaultValue ?? (props2.field.$el === "form" ? {} : "");
-        const value = formState.getFieldData(props2.fieldID);
-        if (props2.field.$el === "form" && !value) return {};
-        return value ?? "";
-      },
-      set: (val) => {
-        if (!props2.fieldID) return;
-        const currentValue = formState.getFieldData(props2.fieldID);
-        if (JSON.stringify(val) === JSON.stringify(currentValue)) return;
-        emit2("update:modelValue", val);
-        if (props2.field.onUpdate) {
-          props2.field.onUpdate(val, currentValue);
-        }
-        formState.updateField(props2.fieldID, val);
-      }
-    });
-    const vIf = computed(() => {
-      if (props2.field["v-if"] === void 0 && props2.field.vIf === void 0) return true;
-      if (typeof props2.field["v-if"] === "boolean" || typeof props2.field.vIf === "boolean") return props2.field["v-if"];
-      if (typeof props2.field["v-if"] === "string" || typeof props2.field.vIf === "string") return true;
-      if (typeof props2.field["v-if"] === "function") return props2.field["v-if"](fieldData.value, formState.data.value);
-      if (typeof props2.field.vIf === "function") return props2.field.vIf(fieldData.value, formState.data.value);
-      return true;
-    });
     const computedOptions = computed(
-      () => bindAttrs({ options: props2.field.options }, fieldData.value, formState.data.value).options
+      () => bindAttrs({ options: props2.field.options }, fieldData, props2.modelValue).options
     );
     const computedAttrs = computed(() => {
       const attrs = { ...customAttrs.value, ...props2.field.attrs };
-      return bindAttrs(attrs, fieldData.value, formState.data.value);
+      return bindAttrs(attrs, fieldData, props2.modelValue);
     });
     const computedClass = computed(
       () => {
         var _a2;
-        return classify(fieldData.value, formState.data.value, props2.field.class, (_a2 = props2.field.attrs) == null ? void 0 : _a2.class);
+        return classify(fieldData, props2.modelValue, props2.field.class, (_a2 = props2.field.attrs) == null ? void 0 : _a2.class);
       }
     );
     return (_ctx, _cache) => {
       const _component_BglField = resolveComponent("BglField", true);
-      return vIf.value ? (openBlock(), createBlock(resolveDynamicComponent(is4.value), mergeProps({ key: 0 }, computedAttrs.value, {
-        modelValue: fieldData.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fieldData.value = $event),
+      return _ctx.field.vIf === void 0 || _ctx.field.vIf ? (openBlock(), createBlock(resolveDynamicComponent(is4.value), mergeProps({ key: 0 }, computedAttrs.value, {
+        modelValue: unref(fieldData),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(fieldData) ? fieldData.value = $event : null),
         fieldID: props2.fieldID,
         required: _ctx.field.required,
         class: computedClass.value,
@@ -10070,7 +10067,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                 fieldID: [props2.fieldID, child.id].filter(Boolean).join("."),
                 field: child,
                 "parent-path": props2.fieldID
-              }, null, 8, ["fieldID", "field", "parent-path"])) : (openBlock(), createElementBlock("span", _hoisted_1$J, toDisplayString(child), 1))
+              }, null, 8, ["fieldID", "field", "parent-path"])) : (openBlock(), createElementBlock("span", _hoisted_1$K, toDisplayString(child), 1))
             ], 64);
           }), 128))
         ]),
@@ -10079,7 +10076,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -10109,7 +10106,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
         }
         data2.value = newVal;
       }, { deep: true, immediate: true });
-      watch(() => data2, (newVal) => {
+      watch(() => data2.value, (newVal) => {
         if (emitDirty.value) return;
         emitDirty.value = true;
         emit2("dirty");
@@ -10181,7 +10178,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         _ctx.tag === "template" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(computedSchema.value, (field, i2) => {
-            return openBlock(), createBlock(unref(_sfc_main$S), {
+            return openBlock(), createBlock(unref(_sfc_main$T), {
               key: field.id || `${i2}p`,
               fieldID: field.id,
               field
@@ -10204,7 +10201,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             label: _ctx.label
           }, null, 8, ["label"])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(computedSchema.value, (field, i2) => {
-            return openBlock(), createBlock(unref(_sfc_main$S), {
+            return openBlock(), createBlock(unref(_sfc_main$T), {
               key: field.id || `${i2}p`,
               fieldID: field.id,
               field
@@ -10222,8 +10219,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$I = { key: 0 };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$J = { key: 0 };
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ mergeModels({
     bagelFormProps: { default: () => ({}) },
@@ -10290,8 +10287,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           mode: "out-in"
         }, {
           default: withCtx(() => [
-            !unref(isStepping) ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
-              createVNode(unref(_sfc_main$R), mergeProps({
+            !unref(isStepping) ? (openBlock(), createElementBlock("div", _hoisted_1$J, [
+              createVNode(unref(_sfc_main$S), mergeProps({
                 ref_key: "formRef",
                 ref: formRef,
                 modelValue: formData.value,
@@ -10330,12 +10327,12 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$H = { class: "label mb-05" };
-const _hoisted_2$v = {
+const _hoisted_1$I = { class: "label mb-05" };
+const _hoisted_2$w = {
   key: 0,
   class: "-ms-05 ps-05 border-start"
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "FieldArray",
   props: {
     el: { default: "div" },
@@ -10392,8 +10389,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(props2.class)
       }, [
-        createElementVNode("p", _hoisted_1$H, toDisplayString(_ctx.label), 1),
-        _ctx.schema ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
+        createElementVNode("p", _hoisted_1$I, toDisplayString(_ctx.label), 1),
+        _ctx.schema ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(data2.value, (_2, i2) => {
             return openBlock(), createElementBlock("div", {
               key: i2,
@@ -10401,7 +10398,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
               thin: "",
               class: "mb-05 itemBox transition p-05"
             }, [
-              createVNode(unref(_sfc_main$R), {
+              createVNode(unref(_sfc_main$S), {
                 modelValue: data2.value[i2],
                 "onUpdate:modelValue": [($event) => data2.value[i2] = $event, emitValue],
                 schema: _ctx.schema
@@ -10431,7 +10428,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             _: 1
           })) : createCommentVNode("", true)
         ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(data2.value, (_2, i2) => {
-          return openBlock(), createBlock(unref(_sfc_main$S), {
+          return openBlock(), createBlock(unref(_sfc_main$T), {
             key: i2,
             modelValue: data2.value[i2],
             "onUpdate:modelValue": [($event) => data2.value[i2] = $event, emitValue],
@@ -10442,8 +10439,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$G = { class: "primary-checkbox" };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_1$H = { class: "primary-checkbox" };
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": { type: Boolean, ...{ default: false } },
@@ -10453,7 +10450,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const val = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$G, [
+      return openBlock(), createElementBlock("label", _hoisted_1$H, [
         renderSlot(_ctx.$slots, "label", {}, void 0, true),
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -10465,11 +10462,11 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-73f1d9ad"]]);
-const _hoisted_1$F = ["title"];
-const _hoisted_2$u = ["id", "value", "required"];
-const _hoisted_3$n = ["for"];
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-73f1d9ad"]]);
+const _hoisted_1$G = ["title"];
+const _hoisted_2$v = ["id", "value", "required"];
+const _hoisted_3$o = ["for"];
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -10503,32 +10500,32 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           required: _ctx.required,
           type: "checkbox",
           class: "me-05"
-        }, null, 8, _hoisted_2$u), [
+        }, null, 8, _hoisted_2$v), [
           [vModelCheckbox, checked.value]
         ]),
         createElementVNode("label", { for: inputId.value }, [
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$n)
-      ], 10, _hoisted_1$F);
+        ], 8, _hoisted_3$o)
+      ], 10, _hoisted_1$G);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-03ed2982"]]);
-const _hoisted_1$E = { class: "mb-05" };
-const _hoisted_2$t = {
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-03ed2982"]]);
+const _hoisted_1$F = { class: "mb-05" };
+const _hoisted_2$u = {
   key: 0,
   class: "label txt-start"
 };
-const _hoisted_3$m = {
+const _hoisted_3$n = {
   key: 1,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
-const _hoisted_4$f = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
-const _hoisted_5$e = ["innerHTML"];
-const _hoisted_6$b = ["onKeydown"];
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _hoisted_4$g = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
+const _hoisted_5$f = ["innerHTML"];
+const _hoisted_6$c = ["onKeydown"];
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "Index",
   props: {
     language: {},
@@ -10610,19 +10607,19 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       }
     }, { immediate: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$t, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-        unref(loaded) ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$u, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+        unref(loaded) ? (openBlock(), createElementBlock("div", _hoisted_3$n, [
           createElementVNode("div", {
             class: "relative block h-100",
             style: normalizeStyle({ height: `calc(${unref(elHeight)} - 2rem)` })
           }, [
-            createElementVNode("pre", _hoisted_4$f, [
+            createElementVNode("pre", _hoisted_4$g, [
               _cache[2] || (_cache[2] = createTextVNode("					")),
               createElementVNode("code", {
                 class: normalizeClass(["absolute inset-0", className.value]),
                 innerHTML: highlightedCode.value
-              }, null, 10, _hoisted_5$e),
+              }, null, 10, _hoisted_5$f),
               _cache[3] || (_cache[3] = createTextVNode("\n				"))
             ]),
             !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("textarea", {
@@ -10637,7 +10634,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               "data-gramm": "false",
               onKeydown: withKeys(withModifiers(handleTab, ["prevent"]), ["tab"]),
               onInput: _cache[1] || (_cache[1] = ($event) => emit2("update:modelValue", unref(code)))
-            }, null, 40, _hoisted_6$b)), [
+            }, null, 40, _hoisted_6$c)), [
               [vModelText, unref(code)]
             ]) : createCommentVNode("", true)
           ], 4)
@@ -10646,10 +10643,10 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-1fbc9b61"]]);
-const _hoisted_1$D = ["title"];
-const _hoisted_2$s = ["id", "placeholder", "required"];
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-1fbc9b61"]]);
+const _hoisted_1$E = ["title"];
+const _hoisted_2$t = ["id", "placeholder", "required"];
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -10687,11 +10684,11 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.placeholder || _ctx.label,
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$s), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$t), [
             [vModelText, inputVal.value]
           ])
         ])
-      ], 10, _hoisted_1$D)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$E)) : createCommentVNode("", true);
     };
   }
 });
@@ -19249,9 +19246,9 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$C = ["title"];
-const _hoisted_2$r = { key: 0 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _hoisted_1$D = ["title"];
+const _hoisted_2$s = { key: 0 };
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     required: { type: Boolean },
@@ -19293,7 +19290,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.label
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$r, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$s, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
         createVNode(unref(Hn), mergeProps({
           ref_key: "datePicker",
           ref: datePicker,
@@ -19309,10 +19306,374 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           "minutes-grid-increment": _ctx.minutesGridIncrement,
           "start-time": { hours: 8, minutes: 0 }
         }), null, 16, ["modelValue", "required", "enable-time-picker", "allowed-dates", "time-picker-inline", "minutes-increment", "minutes-grid-increment"])
+      ], 10, _hoisted_1$D);
+    };
+  }
+});
+const _hoisted_1$C = ["title"];
+const _hoisted_2$r = { key: 0 };
+const _hoisted_3$m = {
+  key: 0,
+  class: "required"
+};
+const _hoisted_4$f = { class: "date-picker-container" };
+const _hoisted_5$e = ["type", "value", "min", "max", "required", "disabled"];
+const _hoisted_6$b = { class: "calendar-container" };
+const _hoisted_7$8 = { class: "calendar-section" };
+const _hoisted_8$5 = { class: "calendar-header" };
+const _hoisted_9$4 = { class: "month-year-selector" };
+const _hoisted_10$4 = { class: "month-year" };
+const _hoisted_11$3 = {
+  key: 0,
+  class: "calendar-grid"
+};
+const _hoisted_12$3 = ["disabled", "onClick"];
+const _hoisted_13$3 = {
+  key: 1,
+  class: "month-grid"
+};
+const _hoisted_14$2 = ["disabled", "onClick"];
+const _hoisted_15$1 = {
+  key: 2,
+  class: "year-grid"
+};
+const _hoisted_16 = ["disabled", "onClick"];
+const _hoisted_17 = {
+  key: 0,
+  class: "time-picker"
+};
+const _hoisted_18 = { class: "time-input-group" };
+const _hoisted_19 = { class: "timezone-display" };
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  __name: "DatePick",
+  props: {
+    required: { type: Boolean },
+    label: {},
+    editMode: { type: Boolean, default: true },
+    small: { type: Boolean, default: false },
+    enableTime: { type: Boolean, default: false },
+    modelValue: {},
+    min: {},
+    max: {},
+    timezone: { default: "UTC" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit2 = __emit;
+    let isOpen = ref(false);
+    let currentMonth = ref(/* @__PURE__ */ new Date());
+    let currentView = ref("days");
+    const inputType = computed(() => props2.enableTime ? "datetime-local" : "date");
+    function formatDate(date2) {
+      if (!date2) return "";
+      const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
+      return props2.enableTime ? dateObj.toISOString().slice(0, 16) : dateObj.toISOString().split("T")[0];
+    }
+    const formattedValue = computed(() => formatDate(props2.modelValue));
+    const formattedMin = computed(() => formatDate(props2.min));
+    const formattedMax = computed(() => formatDate(props2.max));
+    const selectedDate = computed(() => {
+      if (!props2.modelValue) return null;
+      return typeof props2.modelValue === "string" ? new Date(props2.modelValue) : props2.modelValue;
+    });
+    const currentMonthDays = computed(() => {
+      const year = currentMonth.value.getFullYear();
+      const month = currentMonth.value.getMonth();
+      const firstDay = new Date(year, month, 1);
+      const lastDay = new Date(year, month + 1, 0);
+      const days = [];
+      for (let i2 = 0; i2 < firstDay.getDay(); i2++) days.push(null);
+      for (let i2 = 1; i2 <= lastDay.getDate(); i2++) days.push(new Date(year, month, i2));
+      return days;
+    });
+    const currentMonthValue = computed(() => ({
+      month: currentMonth.value.getMonth(),
+      year: currentMonth.value.getFullYear(),
+      formatted: {
+        month: currentMonth.value.toLocaleString("default", { month: "long", timeZone: props2.timezone }),
+        year: currentMonth.value.toLocaleString("default", { year: "numeric", timeZone: props2.timezone })
+      }
+    }));
+    const months = computed(
+      () => Array.from({ length: 12 }, (_2, i2) => {
+        const date2 = new Date(currentMonthValue.value.year, i2, 1);
+        return {
+          name: date2.toLocaleString("default", { month: "short" }),
+          value: i2,
+          disabled: isDateDisabled(date2)
+        };
+      })
+    );
+    const years = computed(() => {
+      const startYear = currentMonthValue.value.year - 10;
+      return Array.from({ length: 21 }, (_2, i2) => ({
+        value: startYear + i2,
+        disabled: isYearDisabled(startYear + i2)
+      }));
+    });
+    function isDateDisabled(date2) {
+      if (!date2) return true;
+      const minDate = props2.min ? new Date(props2.min) : null;
+      const maxDate = props2.max ? new Date(props2.max) : null;
+      if (minDate && date2 < minDate) return true;
+      if (maxDate && date2 > maxDate) return true;
+      return false;
+    }
+    function isYearDisabled(year) {
+      const minDate = props2.min ? new Date(props2.min) : null;
+      const maxDate = props2.max ? new Date(props2.max) : null;
+      if (minDate && year < minDate.getFullYear()) return true;
+      if (maxDate && year > maxDate.getFullYear()) return true;
+      return false;
+    }
+    function selectMonth(monthIndex) {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), monthIndex, 1);
+      currentView.value = "days";
+    }
+    function selectYear(year) {
+      currentMonth.value = new Date(year, currentMonth.value.getMonth(), 1);
+      currentView.value = "months";
+    }
+    function previousMonth() {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() - 1, 1);
+    }
+    function nextMonth() {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() + 1, 1);
+    }
+    function previousYear() {
+      const offset2 = currentView.value === "months" ? 1 : 21;
+      currentMonth.value = new Date(currentMonth.value.getFullYear() - offset2, currentMonth.value.getMonth(), 1);
+    }
+    function nextYear() {
+      const offset2 = currentView.value === "months" ? 1 : 21;
+      currentMonth.value = new Date(currentMonth.value.getFullYear() + offset2, currentMonth.value.getMonth(), 1);
+    }
+    function selectDate(date2) {
+      var _a2, _b;
+      if (!date2 || !props2.editMode) return;
+      const newDate = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate(), 0, 0, 0);
+      if (props2.enableTime) {
+        const currentHours = ((_a2 = selectedDate.value) == null ? void 0 : _a2.getHours()) ?? (/* @__PURE__ */ new Date()).getHours();
+        const currentMinutes = ((_b = selectedDate.value) == null ? void 0 : _b.getMinutes()) ?? (/* @__PURE__ */ new Date()).getMinutes();
+        newDate.setHours(currentHours);
+        newDate.setMinutes(currentMinutes);
+        emit2("update:modelValue", newDate.toISOString());
+      } else {
+        emit2("update:modelValue", newDate.toISOString().split("T")[0]);
+        isOpen.value = false;
+      }
+    }
+    function handleInput(event) {
+      const input = event.target;
+      if (!input.value) {
+        emit2("update:modelValue", "");
+        return;
+      }
+      const date2 = new Date(input.value);
+      emit2("update:modelValue", props2.enableTime ? date2.toISOString() : date2.toISOString().split("T")[0]);
+    }
+    const hours = computed(() => {
+      var _a2;
+      return ((_a2 = selectedDate.value) == null ? void 0 : _a2.getHours()) ?? 0;
+    });
+    const minutes = computed(() => {
+      var _a2;
+      return ((_a2 = selectedDate.value) == null ? void 0 : _a2.getMinutes()) ?? 0;
+    });
+    function handleHourInput(value) {
+      if (!selectedDate.value) return;
+      const newDate = new Date(selectedDate.value);
+      newDate.setHours(value);
+      emit2("update:modelValue", newDate.toISOString());
+    }
+    function handleMinuteInput(value) {
+      if (!selectedDate.value) return;
+      const newDate = new Date(selectedDate.value);
+      newDate.setMinutes(value);
+      emit2("update:modelValue", newDate.toISOString());
+    }
+    function isSelected(date2) {
+      if (!date2 || !selectedDate.value) return false;
+      return date2.toISOString().split("T")[0] === selectedDate.value.toISOString().split("T")[0];
+    }
+    function isToday(date2) {
+      if (!date2) return false;
+      return date2.toISOString().split("T")[0] === (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+    }
+    const timezoneDisplay = computed(() => {
+      if (!props2.enableTime) return "";
+      try {
+        return (/* @__PURE__ */ new Date()).toLocaleString("en-US", {
+          timeZoneName: "short",
+          timeZone: props2.timezone
+        }).split(" ").pop();
+      } catch {
+        return "UTC";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["bagel-input", { small: _ctx.small }]),
+        title: _ctx.label
+      }, [
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$r, [
+          createTextVNode(toDisplayString(_ctx.label) + " ", 1),
+          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$m, "*")) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createVNode(unref(kt$1), {
+          shown: unref(isOpen),
+          triggers: [],
+          placement: "bottom-start",
+          distance: 4,
+          onApplyShow: _cache[4] || (_cache[4] = ($event) => isRef(isOpen) ? isOpen.value = true : isOpen = true),
+          onApplyHide: _cache[5] || (_cache[5] = ($event) => isRef(isOpen) ? isOpen.value = false : isOpen = false)
+        }, {
+          popper: withCtx(() => [
+            createElementVNode("div", _hoisted_6$b, [
+              createElementVNode("div", _hoisted_7$8, [
+                createElementVNode("div", _hoisted_8$5, [
+                  unref(currentView) === "days" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createVNode(unref(Btn), {
+                      flat: "",
+                      icon: "chevron_left",
+                      onClick: previousMonth
+                    }),
+                    createElementVNode("div", _hoisted_9$4, [
+                      createElementVNode("button", {
+                        class: "month-btn",
+                        onClick: _cache[1] || (_cache[1] = ($event) => isRef(currentView) ? currentView.value = "months" : currentView = "months")
+                      }, toDisplayString(currentMonthValue.value.formatted.month), 1),
+                      createElementVNode("button", {
+                        class: "year-btn",
+                        onClick: _cache[2] || (_cache[2] = ($event) => isRef(currentView) ? currentView.value = "years" : currentView = "years")
+                      }, toDisplayString(currentMonthValue.value.formatted.year), 1)
+                    ]),
+                    createVNode(unref(Btn), {
+                      flat: "",
+                      icon: "chevron_right",
+                      onClick: nextMonth
+                    })
+                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createVNode(unref(Btn), {
+                      flat: "",
+                      icon: "chevron_left",
+                      onClick: previousYear
+                    }),
+                    createElementVNode("span", _hoisted_10$4, toDisplayString(currentMonthValue.value.formatted.year), 1),
+                    createVNode(unref(Btn), {
+                      flat: "",
+                      icon: "chevron_right",
+                      onClick: nextYear
+                    })
+                  ], 64))
+                ]),
+                unref(currentView) === "days" ? (openBlock(), createElementBlock("div", _hoisted_11$3, [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], (day) => {
+                    return createElementVNode("div", {
+                      key: day,
+                      class: "weekday"
+                    }, toDisplayString(day), 1);
+                  }), 64)),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(currentMonthDays.value, (date2, index2) => {
+                    return openBlock(), createElementBlock("button", {
+                      key: index2,
+                      type: "button",
+                      class: normalizeClass(["day", {
+                        selected: isSelected(date2),
+                        today: isToday(date2),
+                        disabled: isDateDisabled(date2)
+                      }]),
+                      disabled: isDateDisabled(date2),
+                      onClick: ($event) => selectDate(date2)
+                    }, toDisplayString(date2 == null ? void 0 : date2.getDate()), 11, _hoisted_12$3);
+                  }), 128))
+                ])) : unref(currentView) === "months" ? (openBlock(), createElementBlock("div", _hoisted_13$3, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(months.value, (month) => {
+                    return openBlock(), createElementBlock("button", {
+                      key: month.value,
+                      class: normalizeClass(["month-item", {
+                        selected: month.value === currentMonthValue.value.month,
+                        disabled: month.disabled
+                      }]),
+                      disabled: month.disabled,
+                      onClick: ($event) => selectMonth(month.value)
+                    }, toDisplayString(month.name), 11, _hoisted_14$2);
+                  }), 128))
+                ])) : (openBlock(), createElementBlock("div", _hoisted_15$1, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(years.value, (year) => {
+                    return openBlock(), createElementBlock("button", {
+                      key: year.value,
+                      class: normalizeClass(["year-item", {
+                        selected: year.value === currentMonthValue.value.year,
+                        disabled: year.disabled
+                      }]),
+                      disabled: year.disabled,
+                      onClick: ($event) => selectYear(year.value)
+                    }, toDisplayString(year.value), 11, _hoisted_16);
+                  }), 128))
+                ]))
+              ]),
+              _ctx.enableTime && unref(currentView) === "days" ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                createElementVNode("div", _hoisted_18, [
+                  createVNode(unref(NumberInput), {
+                    center: "",
+                    "model-value": hours.value,
+                    disabled: !selectedDate.value,
+                    min: 0,
+                    max: 23,
+                    layout: "vertical",
+                    padZero: 2,
+                    "onUpdate:modelValue": handleHourInput
+                  }, null, 8, ["model-value", "disabled"]),
+                  _cache[6] || (_cache[6] = createElementVNode("span", null, ":", -1)),
+                  createVNode(unref(NumberInput), {
+                    center: "",
+                    "model-value": minutes.value,
+                    disabled: !selectedDate.value,
+                    min: 0,
+                    max: 59,
+                    padZero: 2,
+                    layout: "vertical",
+                    "onUpdate:modelValue": handleMinuteInput
+                  }, null, 8, ["model-value", "disabled"])
+                ]),
+                createElementVNode("span", _hoisted_19, toDisplayString(timezoneDisplay.value), 1),
+                selectedDate.value ? (openBlock(), createBlock(unref(Btn), {
+                  key: 0,
+                  flat: "",
+                  onClick: _cache[3] || (_cache[3] = ($event) => isRef(isOpen) ? isOpen.value = false : isOpen = false)
+                }, {
+                  default: withCtx(() => _cache[7] || (_cache[7] = [
+                    createTextVNode(" Done ")
+                  ])),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4$f, [
+              createElementVNode("input", {
+                type: inputType.value,
+                value: formattedValue.value,
+                min: formattedMin.value,
+                max: formattedMax.value,
+                required: _ctx.required,
+                disabled: !_ctx.editMode,
+                class: "date-input",
+                onInput: handleInput,
+                onClick: _cache[0] || (_cache[0] = ($event) => isRef(isOpen) ? isOpen.value = true : isOpen = true)
+              }, null, 40, _hoisted_5$e)
+            ])
+          ]),
+          _: 1
+        }, 8, ["shown"])
       ], 10, _hoisted_1$C);
     };
   }
 });
+const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-e36ecd8c"]]);
 const _hoisted_1$B = { class: "datetime-wrap" };
 const _hoisted_2$q = { class: "date-wrap" };
 const _hoisted_3$l = {
@@ -19702,7 +20063,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$z, [
         createElementVNode("label", null, toDisplayString(_ctx.label), 1),
         _ctx.required && !storageFiles.value.length ? (openBlock(), createElementBlock("input", _hoisted_2$o)) : createCommentVNode("", true),
-        _ctx.theme === "basic" ? (openBlock(), createBlock(unref(_sfc_main$_), {
+        _ctx.theme === "basic" ? (openBlock(), createBlock(unref(_sfc_main$$), {
           key: 1,
           outline: "",
           class: "flex p-05 gap-1",
@@ -20012,7 +20373,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     id: {},
     helptext: {},
     layout: {},
-    center: { type: Boolean }
+    center: { type: Boolean },
+    padZero: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -20032,7 +20394,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       emit2("update:modelValue", numberValue.value);
     }
     function formatNumber2(num) {
-      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      let formatted = num.toString();
+      if (__props.padZero && __props.padZero > 0) {
+        formatted = formatted.padStart(__props.padZero, "0");
+      }
+      return formatted.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     }
     let formattedValue = ref("");
     function inputHandler() {
@@ -20147,7 +20513,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-a6e0446d"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-3a20cf4a"]]);
 const _hoisted_1$w = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "OTP",
@@ -20810,7 +21176,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$q, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.map(configToOption).filter(Boolean), (action, index2) => {
           return openBlock(), createElementBlock(Fragment, { key: index2 }, [
-            action.name === "insertTable" ? (openBlock(), createBlock(unref(_sfc_main$W), {
+            action.name === "insertTable" ? (openBlock(), createBlock(unref(_sfc_main$X), {
               key: 0,
               placement: "bottom-start",
               thin: "",
@@ -22108,7 +22474,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$W), {
+      return openBlock(), createBlock(unref(_sfc_main$X), {
         ref_key: "dropdown",
         ref: dropdown,
         shown: unref(open),
@@ -22187,7 +22553,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             height: "25px",
             class: "mx-1 my-1"
           })) : createCommentVNode("", true),
-          createVNode(unref(_sfc_main$_), {
+          createVNode(unref(_sfc_main$$), {
             class: "p-05",
             style: normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -30346,7 +30712,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               withKeys(reset, ["tab"])
             ]
           }, [
-            !computedDropDownOptions.value.hide ? (openBlock(), createBlock(unref(_sfc_main$W), {
+            !computedDropDownOptions.value.hide ? (openBlock(), createBlock(unref(_sfc_main$X), {
               key: 0,
               ref_key: "phoneDropdown",
               ref: phoneDropdown,
@@ -30813,7 +31179,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$i, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$9, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
         _ctx.required && !pathKeys.value.length ? (openBlock(), createElementBlock("input", _hoisted_3$7)) : createCommentVNode("", true),
-        _ctx.theme === "basic" ? (openBlock(), createBlock(unref(_sfc_main$_), {
+        _ctx.theme === "basic" ? (openBlock(), createBlock(unref(_sfc_main$$), {
           key: 2,
           outline: "",
           class: "flex p-05 gap-1",
@@ -31109,7 +31475,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$_), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
+      return openBlock(), createBlock(unref(_sfc_main$$), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "brand", {}, void 0, true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navLinks, (nav, i2) => {
@@ -31210,7 +31576,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           icon: "keyboard_arrow_right",
           onClick: unref(toggleMenu)
         }, null, 8, ["onClick"]),
-        createVNode(unref(_sfc_main$_), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
+        createVNode(unref(_sfc_main$$), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
           default: withCtx(() => [
             !unref(isOpen) || !unref(slots)["brand-open"] ? renderSlot(_ctx.$slots, "brand", { key: 0 }, void 0, true) : createCommentVNode("", true),
             unref(isOpen) ? renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : createCommentVNode("", true),
@@ -31731,7 +32097,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: withKeys(closeModal, ["esc"])
       }, [
-        createVNode(unref(_sfc_main$_), {
+        createVNode(unref(_sfc_main$$), {
           class: "modal",
           style: normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
@@ -31908,7 +32274,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => emit2("update:visible", $event))
       }, createSlots({
         default: withCtx(() => [
-          _ctx.visible ? (openBlock(), createBlock(unref(_sfc_main$R), {
+          _ctx.visible ? (openBlock(), createBlock(unref(_sfc_main$S), {
             key: 0,
             ref_key: "form",
             ref: form,
@@ -33027,7 +33393,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         row,
                         field
                       }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_10$1, [
-                        createVNode(unref(_sfc_main$10), {
+                        createVNode(unref(_sfc_main$11), {
                           id: field.id,
                           class: "embedded-field",
                           field,
@@ -35154,33 +35520,34 @@ function timeAgo(date2, lang = "en") {
   return selectedLang.justNow;
 }
 export {
-  _sfc_main$17 as Accordion,
+  _sfc_main$18 as Accordion,
   AccordionItem,
-  _sfc_main$15 as AddressSearch,
+  _sfc_main$16 as AddressSearch,
   Alert,
   Avatar,
   Badge,
-  _sfc_main$R as BagelForm,
+  _sfc_main$S as BagelForm,
   BagelVue,
-  _sfc_main$10 as BglComponent,
-  _sfc_main$S as BglField,
-  _sfc_main$R as BglForm,
-  _sfc_main$Q as BglMultiStepForm,
+  _sfc_main$11 as BglComponent,
+  _sfc_main$T as BglField,
+  _sfc_main$S as BglForm,
+  _sfc_main$R as BglMultiStepForm,
   BglVideo,
   BottomMenu,
   Btn,
-  _sfc_main$_ as Card,
+  _sfc_main$$ as Card,
   Carousel,
   CheckInput,
   Checkbox,
   CodeEditor,
-  _sfc_main$L as ColorPicker,
+  _sfc_main$M as ColorPicker,
   DataPreview,
-  _sfc_main$K as DateInput,
+  _sfc_main$L as DateInput,
+  DatePick,
   _sfc_main$J as DatePicker,
-  _sfc_main$W as Dropdown,
+  _sfc_main$X as Dropdown,
   FORM_STATE_KEY,
-  _sfc_main$P as FieldArray,
+  _sfc_main$Q as FieldArray,
   FieldSetVue,
   FileUpload,
   Flag,
@@ -35191,7 +35558,7 @@ export {
   Image$1 as Image,
   JSONInput,
   Layout,
-  _sfc_main$Y as Lineart,
+  _sfc_main$Z as Lineart,
   _sfc_main$h as ListItem,
   ListView,
   Loading,