@bagelink/vue 0.0.1062 → 0.0.1066

package/dist/components/Image.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AA4GA,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,QAAQ,EAAE,GAAG,CAAA;KACb;CACD;AAED,KAAK,WAAW,GAAG;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;;AA2IF,wBAMG"}
+{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AA2GA,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,QAAQ,EAAE,GAAG,CAAA;KACb;CACD;AAED,KAAK,WAAW,GAAG;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;;AA0IF,wBAMG"}

package/dist/components/Zoomer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Zoomer.vue.d.ts","sourceRoot":"","sources":["../../src/components/Zoomer.vue"],"names":[],"mappings":"AAiYA,UAAU,KAAK;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB;AAsED,iBAAS,KAAK,SAKb;AA2PD,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBATrB,GAAG;;;;;;EAc/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;6FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Zoomer.vue.d.ts","sourceRoot":"","sources":["../../src/components/Zoomer.vue"],"names":[],"mappings":"AA+XA,UAAU,KAAK;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB;AAsED,iBAAS,KAAK,SAKb;AAyPD,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBATrB,GAAG;;;;;;EAc/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;6FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/dialog/index.d.ts

@@ -0,0 +1,19 @@
+import { Component, Plugin } from 'vue';
+export interface DialogOptions {
+    title?: string;
+    content?: string | Component;
+    dismissable?: boolean;
+    width?: string;
+    actions?: Array<{
+        label: string;
+        onClick: () => void;
+        variant?: 'primary' | 'secondary' | 'danger';
+    }>;
+}
+export interface DialogApi {
+    show: (options: DialogOptions) => void;
+    hide: () => void;
+}
+export declare function useDialog(): DialogApi;
+export declare const DialogPlugin: Plugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,SAAS,EAAgB,MAAM,EAAY,MAAM,KAAK,CAAA;AAGzE,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,KAAK,CAAC;QACf,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;KAC5C,CAAC,CAAA;CACF;AAED,MAAM,WAAW,SAAS;IACzB,IAAI,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IACtC,IAAI,EAAE,MAAM,IAAI,CAAA;CAChB;AAID,wBAAgB,SAAS,IAAI,SAAS,CAIrC;AAkDD,eAAO,MAAM,YAAY,EAAE,MAkC1B,CAAA"}

package/dist/components/form/inputs/TelInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TelInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TelInput.vue"],"names":[],"mappings":"AA+cA,OAAO,EACN,KAAK,OAAO,EAOZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAEN,KAAK,YAAY,EAEjB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,UAAU,EAAoB,MAAM,KAAK,CAAA;AAEjE,MAAM,WAAW,KAAK;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAA;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC,OAAO,sBAAsB,CAAC,CAAA;IACxD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;CACtB;AAID,KAAK,WAAW,GAAG,KAAK,CAAC;AAyCzB,QAAA,MAAM,sBAAsB;;;;;;;CAO3B,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;;;aAOA,MAAM,GAAG,SAAS;;;;WAI3B,GAAG,CAAC,UAAU,CAAC;CAE9B,CAAA;AA2OD,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;UArTR,YAAY;cANR,OAAO;iBAPJ,MAAM;gBAiUN,MAAM;cAhUT,OAAO;kBAFH,IAAI,GAAG,KAAK,GAAG,KAAK;gBAStB,OAAO;mBASJ,MAAM;kBAdP,OAAO,EAAE;gBACX,OAAO;oBACH,OAAO,GAAG,MAAM;oBAChB,MAAM,GAAG,MAAM;wBAGX,OAAO;sBAGT,MAAM,EAAE;mBAEX,MAAM,EAAE;wBACH,MAAM,EAAE;;AAkf9B,wBAYG"}
+{"version":3,"file":"TelInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TelInput.vue"],"names":[],"mappings":"AAmdA,OAAO,EACN,KAAK,OAAO,EAOZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAEN,KAAK,YAAY,EAEjB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,UAAU,EAAoB,MAAM,KAAK,CAAA;AAEjE,MAAM,WAAW,KAAK;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAA;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC,OAAO,sBAAsB,CAAC,CAAA;IACxD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;CACtB;AAID,KAAK,WAAW,GAAG,KAAK,CAAC;AAyCzB,QAAA,MAAM,sBAAsB;;;;;;;CAO3B,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;;;aAOA,MAAM,GAAG,SAAS;;;;WAI3B,GAAG,CAAC,UAAU,CAAC;CAE9B,CAAA;AA+OD,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;UAzTR,YAAY;cANR,OAAO;iBAPJ,MAAM;gBAqUN,MAAM;cApUT,OAAO;kBAFH,IAAI,GAAG,KAAK,GAAG,KAAK;gBAStB,OAAO;mBASJ,MAAM;kBAdP,OAAO,EAAE;gBACX,OAAO;oBACH,OAAO,GAAG,MAAM;oBAChB,MAAM,GAAG,MAAM;wBAGX,OAAO;sBAGT,MAAM,EAAE;mBAEX,MAAM,EAAE;wBACH,MAAM,EAAE;;AAsf9B,wBAYG"}

package/dist/components/form/inputs/TextInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA6NA,OAAO,EAGN,KAAK,aAAa,EAClB,MAAM,eAAe,CAAA;AAKtB,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACzC,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC,CAAC;;;;;;;;;;;UAXM,MAAM;gBARA,MAAM,GAAG,MAAM;;AAuM9B,wBAUG"}
+{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA2NA,OAAO,EAGN,KAAK,aAAa,EAClB,MAAM,eAAe,CAAA;AAKtB,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACzC,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC,CAAC;;;;;;;;;;;UAXM,MAAM;gBARA,MAAM,GAAG,MAAM;;AAqM9B,wBAUG"}

package/dist/index.cjs

@@ -19389,8 +19389,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     let imageSrc = vue.ref(null);
-    const bagel = useBagel();
-    const fileBaseUrl = vue.computed(() => (bagel.fileBaseUrl || "https://files.bagel.design").replace(/\/$/, ""));
+    const fileBaseUrl = vue.computed(() => "https://files.bagel.design".replace(/\/$/, ""));
     const pathToUrl = () => `${fileBaseUrl.value}/${__props.pathKey}`;
     async function loadImage() {
       var _a2;
@@ -19469,7 +19468,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-1610fc13"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-3aff6eb2"]]);
 const _hoisted_1$y = { class: "bagel-input" };
 const _hoisted_2$n = {
   key: 0,
@@ -30186,6 +30185,9 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       ...props2.parseArg,
       defaultCountry: activeCountryCode.value
     }));
+    const debouncedEmit = useDebounceFn((maybeFormatted) => {
+      emit2("debounce", maybeFormatted);
+    }, props2.debounceDelay);
     const phone = vue.useModel(__props, "modelValue", {
       set: (value) => {
         let maybeFormatted = value;
@@ -30197,9 +30199,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
           }
         }
         emit2("update:modelValue", maybeFormatted);
-        debounce(() => {
-          emit2("debounce", maybeFormatted);
-        }, props2.debounceDelay);
+        debouncedEmit(maybeFormatted);
         return maybeFormatted;
       },
       get: (value) => value
@@ -30415,7 +30415,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-627af458"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-cfcf054d"]]);
 const _hoisted_1$k = ["title"];
 const _hoisted_2$b = ["for"];
 const _hoisted_3$9 = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
@@ -30460,13 +30460,13 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       if (props2.multiline || props2.code) return 4;
       return 1;
     });
-    function emitValue() {
-      emit2("update:modelValue", inputVal.value);
-    }
+    const debouncedEmit = useDebounceFn(() => {
+      emit2("debounce", inputVal.value);
+    }, 700);
     function updateInputVal() {
       if (props2.disabled) return;
-      emitValue();
-      debounce(emitValue, 300);
+      emit2("update:modelValue", inputVal.value);
+      debouncedEmit();
     }
     vue.watch(
       () => props2.modelValue,
@@ -30561,7 +30561,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-3c20ae39"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-52ac6dc3"]]);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$a = ["id", "required"];
 const _hoisted_3$8 = ["for"];
@@ -33291,12 +33291,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       pointerPosX.value = newMousePosX;
       pointerPosY.value = newMousePosY;
     }
-    function onInteractionEnd() {
-      debounce(() => {
-        limit();
-        panLocked.value = scale.value === 1;
-      }, 100);
-    }
+    const onInteractionEnd = useDebounceFn(() => {
+      limit();
+      panLocked.value = scale.value === 1;
+    }, 100);
     function limit() {
       if (scale.value < __props.minScale) {
         scale.value = __props.minScale;
@@ -33486,7 +33484,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Zoomer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b6993655"]]);
+const Zoomer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6035bdcf"]]);
 function useBglSchema({ schema, showFields, data: data2 } = {}) {
   let _schema = schema;
   if (typeof _schema === "function") {

package/dist/index.mjs

@@ -19387,8 +19387,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     let imageSrc = ref(null);
-    const bagel = useBagel();
-    const fileBaseUrl = computed(() => (bagel.fileBaseUrl || "https://files.bagel.design").replace(/\/$/, ""));
+    const fileBaseUrl = computed(() => "https://files.bagel.design".replace(/\/$/, ""));
     const pathToUrl = () => `${fileBaseUrl.value}/${__props.pathKey}`;
     async function loadImage() {
       var _a2;
@@ -19467,7 +19466,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-1610fc13"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-3aff6eb2"]]);
 const _hoisted_1$y = { class: "bagel-input" };
 const _hoisted_2$n = {
   key: 0,
@@ -30184,6 +30183,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       ...props2.parseArg,
       defaultCountry: activeCountryCode.value
     }));
+    const debouncedEmit = useDebounceFn((maybeFormatted) => {
+      emit2("debounce", maybeFormatted);
+    }, props2.debounceDelay);
     const phone = useModel(__props, "modelValue", {
       set: (value) => {
         let maybeFormatted = value;
@@ -30195,9 +30197,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           }
         }
         emit2("update:modelValue", maybeFormatted);
-        debounce(() => {
-          emit2("debounce", maybeFormatted);
-        }, props2.debounceDelay);
+        debouncedEmit(maybeFormatted);
         return maybeFormatted;
       },
       get: (value) => value
@@ -30413,7 +30413,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-627af458"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-cfcf054d"]]);
 const _hoisted_1$k = ["title"];
 const _hoisted_2$b = ["for"];
 const _hoisted_3$9 = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
@@ -30458,13 +30458,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       if (props2.multiline || props2.code) return 4;
       return 1;
     });
-    function emitValue() {
-      emit2("update:modelValue", inputVal.value);
-    }
+    const debouncedEmit = useDebounceFn(() => {
+      emit2("debounce", inputVal.value);
+    }, 700);
     function updateInputVal() {
       if (props2.disabled) return;
-      emitValue();
-      debounce(emitValue, 300);
+      emit2("update:modelValue", inputVal.value);
+      debouncedEmit();
     }
     watch(
       () => props2.modelValue,
@@ -30559,7 +30559,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-3c20ae39"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-52ac6dc3"]]);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$a = ["id", "required"];
 const _hoisted_3$8 = ["for"];
@@ -33289,12 +33289,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       pointerPosX.value = newMousePosX;
       pointerPosY.value = newMousePosY;
     }
-    function onInteractionEnd() {
-      debounce(() => {
-        limit();
-        panLocked.value = scale.value === 1;
-      }, 100);
-    }
+    const onInteractionEnd = useDebounceFn(() => {
+      limit();
+      panLocked.value = scale.value === 1;
+    }, 100);
     function limit() {
       if (scale.value < __props.minScale) {
         scale.value = __props.minScale;
@@ -33484,7 +33482,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Zoomer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b6993655"]]);
+const Zoomer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6035bdcf"]]);
 function useBglSchema({ schema, showFields, data: data2 } = {}) {
   let _schema = schema;
   if (typeof _schema === "function") {

package/dist/style.css

@@ -859,7 +859,7 @@ pre code.hljs{
 }
 }
 
-.img-web-kit[data-v-1610fc13] {
+.img-web-kit[data-v-3aff6eb2] {
 	max-width: 100%;
 	vertical-align: middle;
 	border: 0;
@@ -1567,7 +1567,7 @@ line-height: 1.65;
 	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
 }
 
-.tel-input[data-v-627af458] {
+.tel-input[data-v-cfcf054d] {
 	direction: ltr;
 	text-align: left;
 	background: var(--input-bg);
@@ -1578,21 +1578,21 @@ line-height: 1.65;
 	min-width: calc(var(--input-height) * 3);
 	width: 100%;
 }
-.tel-input[data-v-627af458]:focus-within {
+.tel-input[data-v-cfcf054d]:focus-within {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-.tel-input input[data-v-627af458] {
+.tel-input input[data-v-cfcf054d] {
 	background: transparent;
 }
-.tel-input input[data-v-627af458]:focus-visible {
+.tel-input input[data-v-cfcf054d]:focus-visible {
 	box-shadow: none;
 }
-.input_country-code[data-v-627af458] {
+.input_country-code[data-v-cfcf054d] {
 	font-size: var(--input-font-size);
 	color: var(--input-color);
 }
-.tel-country[data-v-627af458] {
+.tel-country[data-v-cfcf054d] {
 	font-size: var(--input-font-size);
 	max-width: 200px;
 	white-space: nowrap;
@@ -1601,7 +1601,7 @@ line-height: 1.65;
 	margin-top: 0;
 	margin-bottom: 0;
 }
-.tel-countryp-dropdown[data-v-627af458] {
+.tel-countryp-dropdown[data-v-cfcf054d] {
 	direction: ltr;
 	text-align: left;
 }
@@ -1615,58 +1615,58 @@ line-height: 1.65;
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-3c20ae39] {
+.bagel-input textarea[data-v-52ac6dc3] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-3c20ae39] {
+.bagel-input.text-input textarea[data-v-52ac6dc3] {
 	resize: none;
 }
-.code textarea[data-v-3c20ae39] {
+.code textarea[data-v-52ac6dc3] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-code-bg) !important;
 	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-3c20ae39]::placeholder {
+.code textarea[data-v-52ac6dc3]::placeholder {
 	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-3c20ae39] {
+.bagel-input.small[data-v-52ac6dc3] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-3c20ae39] {
+.bagel-input.dense label[data-v-52ac6dc3] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-3c20ae39]:disabled {
+.bagel-input input[data-v-52ac6dc3]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-3c20ae39] {
+.bagel-input label[data-v-52ac6dc3] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap .bgl_icon-font[data-v-3c20ae39] {
+.textInputIconWrap .bgl_icon-font[data-v-52ac6dc3] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 + 0.1rem);
 	line-height: 0;
 }
-.textInputIconWrap input[data-v-3c20ae39]{
+.textInputIconWrap input[data-v-52ac6dc3]{
 	padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
 }
-.txtInputIconStart .iconStart[data-v-3c20ae39] {
+.txtInputIconStart .iconStart[data-v-52ac6dc3] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.txtInputIconStart input[data-v-3c20ae39], .txtInputIconStart textarea[data-v-3c20ae39]{
+.txtInputIconStart input[data-v-52ac6dc3], .txtInputIconStart textarea[data-v-52ac6dc3]{
 	padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
 }
-.bagel-input.small textarea[data-v-3c20ae39] {
+.bagel-input.small textarea[data-v-52ac6dc3] {
 	height: 30px;
 }
 
@@ -3709,15 +3709,15 @@ tbody tr[data-v-4c462da5]:hover {
 	background: var(--bgl-gray-light);
 }
 
-.vue-zoomer[data-v-b6993655] {
+.vue-zoomer[data-v-6035bdcf] {
   overflow: hidden;
 }
-.zoomer[data-v-b6993655] {
+.zoomer[data-v-6035bdcf] {
   transform-origin: 50% 50%;
   width: 100%;
   height: 100%;
 }
-.zoomer > img[data-v-b6993655] {
+.zoomer > img[data-v-6035bdcf] {
   vertical-align: top;
   user-select: none;
   -moz-user-drag: none;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1062",
+  "version": "0.0.1066",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/Image.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Skeleton, normalizeDimension, appendScript, useBagel } from '@bagelink/vue'
+import { Skeleton, normalizeDimension, appendScript } from '@bagelink/vue'
 import { watch } from 'vue'
 
 declare global {
@@ -19,8 +19,7 @@ const { height, width, alt = '', src, pathKey } = defineProps<{
 
 let imageSrc = $ref<string | null>(null)
 
-const bagel = useBagel()
-const fileBaseUrl = $computed(() => (bagel.fileBaseUrl || 'https://files.bagel.design').replace(/\/$/, ''))
+const fileBaseUrl = $computed(() => ('https://files.bagel.design').replace(/\/$/, ''))
 const pathToUrl = () => `${fileBaseUrl}/${pathKey}`
 
 async function loadImage() {

package/src/components/Zoomer.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { debounce } from '@bagelink/vue'
+import { useDebounceFn } from '@bagelink/vue'
 import { onMounted, onUnmounted, watch } from 'vue'
 import TapDetector from '../utils/tapDetector'
 
@@ -141,12 +141,10 @@ function onPointerMove(newMousePosX: number, newMousePosY: number) {
 	pointerPosY = newMousePosY
 }
 
-function onInteractionEnd() {
-	debounce(() => {
-		limit()
-		panLocked = scale === 1
-	}, 100)
-}
+const onInteractionEnd = useDebounceFn(() => {
+	limit()
+	panLocked = scale === 1
+}, 100)
 
 function limit() {
 	if (scale < minScale!) {

package/src/components/dialog/index.ts

@@ -0,0 +1,192 @@
+import type { App, Component, InjectionKey, Plugin, PropType } from 'vue'
+import { createApp, defineComponent, h, inject } from 'vue'
+
+export interface DialogOptions {
+	title?: string
+	content?: string | Component
+	dismissable?: boolean
+	width?: string
+	actions?: Array<{
+		label: string
+		onClick: () => void
+		variant?: 'primary' | 'secondary' | 'danger'
+	}>
+}
+
+export interface DialogApi {
+	show: (options: DialogOptions) => void
+	hide: () => void
+}
+
+const DialogSymbol: InjectionKey<DialogApi> = Symbol('dialog')
+
+export function useDialog(): DialogApi {
+	const api = inject(DialogSymbol)
+	if (!api) throw new Error('Dialog plugin not installed')
+	return api
+}
+
+const Dialog = defineComponent({
+	props: {
+		options: {
+			type: Object as () => DialogOptions,
+			required: true
+		},
+		onClose: {
+			type: Function as PropType<(event?: MouseEvent) => void>,
+			required: true
+		}
+	},
+	setup(props) {
+		return () => h('div', {
+			class: 'dialog-overlay',
+			onClick: (e: MouseEvent) => {
+				if (props.options.dismissable && e.target === e.currentTarget) {
+					props.onClose()
+				}
+			}
+		}, [
+			h('div', {
+				class: ['dialog', props.options.width ? `w-${props.options.width}` : 'w-96']
+			}, [
+				h('div', { class: 'dialog-header' }, [
+					h('h3', { class: 'dialog-title' }, props.options.title),
+					props.options.dismissable && h('button', {
+						class: 'dialog-close',
+						onClick: props.onClose
+					}, '×')
+				]),
+				h('div', { class: 'dialog-content' }, [
+					typeof props.options.content === 'string'
+						? props.options.content
+						: h(props.options.content as any)
+				]),
+				props.options.actions && h('div', { class: 'dialog-actions' }, props.options.actions.map(action => h('button', {
+					class: ['dialog-btn', action.variant],
+					onClick: () => {
+						action.onClick()
+						props.onClose()
+					}
+				}, action.label)
+				))
+			])
+		])
+	}
+})
+
+export const DialogPlugin: Plugin = {
+	install: (app: App) => {
+		// Create a div to mount our dialog
+		const dialogContainer = document.createElement('div')
+		document.body.appendChild(dialogContainer)
+
+		let currentDialog: any = null
+
+		const api: DialogApi = {
+			show: (options: DialogOptions) => {
+				// Remove existing dialog if any
+				if (currentDialog) {
+					currentDialog.unmount()
+				}
+
+				// Create new dialog instance
+				const dialogApp = createApp(Dialog, {
+					options,
+					onClose: () => { api.hide() }
+				})
+
+				// Mount it
+				currentDialog = dialogApp.mount(dialogContainer)
+			},
+			hide: () => {
+				if (currentDialog) {
+					currentDialog.unmount()
+					currentDialog = null
+				}
+			}
+		}
+
+		app.provide(DialogSymbol, api)
+	}
+}
+
+// Add some basic styles
+const style = document.createElement('style')
+style.textContent = `
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.dialog {
+  background: white;
+  border-radius: 0.5rem;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  max-width: 90vw;
+  max-height: 90vh;
+  overflow: auto;
+}
+
+.dialog-header {
+  padding: 1rem;
+  border-bottom: 1px solid #e5e7eb;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.dialog-title {
+  margin: 0;
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+
+.dialog-close {
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  cursor: pointer;
+  padding: 0.25rem;
+}
+
+.dialog-content {
+  padding: 1rem;
+}
+
+.dialog-actions {
+  padding: 1rem;
+  border-top: 1px solid #e5e7eb;
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+
+.dialog-btn {
+  padding: 0.5rem 1rem;
+  border-radius: 0.375rem;
+  border: 1px solid #e5e7eb;
+  background: white;
+  cursor: pointer;
+}
+
+.dialog-btn.primary {
+  background: #3b82f6;
+  color: white;
+  border-color: #3b82f6;
+}
+
+.dialog-btn.danger {
+  background: #ef4444;
+  color: white;
+  border-color: #ef4444;
+}
+`
+document.head.appendChild(style)

package/src/components/form/inputs/TelInput.vue

@@ -6,7 +6,7 @@ import {
 	Icon,
 	TextInput,
 	allCountries,
-	debounce,
+	useDebounceFn,
 } from '@bagelink/vue'
 import axios from 'axios'
 import {
@@ -168,6 +168,10 @@ const parseArgs = $computed(() => ({
 	defaultCountry: activeCountryCode,
 }))
 
+const debouncedEmit = useDebounceFn((maybeFormatted: string) => {
+	emit('debounce', maybeFormatted)
+}, props.debounceDelay)
+
 const phone = defineModel<string>('modelValue', {
 	default: '',
 	set: (value) => {
@@ -179,7 +183,7 @@ const phone = defineModel<string>('modelValue', {
 		}
 
 		emit('update:modelValue', maybeFormatted)
-		debounce(() => { emit('debounce', maybeFormatted) }, props.debounceDelay)
+		debouncedEmit(maybeFormatted)
 		return maybeFormatted
 	},
 	get: value => value,

package/src/components/form/inputs/TextInput.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {
-	debounce,
 	MaterialIcon,
+	useDebounceFn,
 	type MaterialIcons,
 } from '@bagelink/vue'
 import { onMounted, watch } from 'vue'
@@ -49,14 +49,12 @@ const rows = $computed(() => {
 	return 1
 })
 
-function emitValue() {
-	emit('update:modelValue', inputVal as string)
-}
+const debouncedEmit = useDebounceFn(() => { emit('debounce', inputVal as string) }, 700)
 
 function updateInputVal() {
 	if (props.disabled) return
-	emitValue()
-	debounce(emitValue, 300)
+	emit('update:modelValue', inputVal as string)
+	debouncedEmit()
 }
 
 watch(