@bagelink/vue 1.2.75 → 1.2.79

package/dist/components/Slider.vue.d.ts

@@ -2,7 +2,7 @@ type Easing = 'ease-in-out' | 'ease-in' | 'ease-out' | 'linear';
 type AutoplayMode = 'disabled' | 'standard' | 'linear';
 type AutoplayValue = boolean | AutoplayMode;
 interface CarouselOptions {
-    duration?: number;
+    speed?: number;
     easing?: Easing;
     perPage?: number | {
         [key: number]: number;
@@ -19,6 +19,7 @@ interface CarouselOptions {
     pauseOnHover?: boolean;
     dots?: boolean;
     slideWidth?: number;
+    slideGap?: number;
     onInit?: () => void;
     onChange?: () => void;
 }
@@ -64,7 +65,7 @@ declare const __VLS_component: import('vue').DefineComponent<CarouselOptions, {
 }>, {
     autoplay: AutoplayValue;
     loop: boolean;
-    duration: number;
+    speed: number;
     rtl: boolean;
     dots: boolean;
     draggable: boolean;
@@ -73,9 +74,9 @@ declare const __VLS_component: import('vue').DefineComponent<CarouselOptions, {
     multipleDrag: boolean;
     threshold: number;
     autoplayInterval: number;
-    autoplaySpeed: number;
     pauseOnHover: boolean;
     slideWidth: number;
+    slideGap: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     carouselRef: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.vue.d.ts","sourceRoot":"","sources":["../../src/components/Slider.vue"],"names":[],"mappings":"AAu/BA,KAAK,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;AAC/D,KAAK,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAA;AACtD,KAAK,aAAa,GAAG,OAAO,GAAG,YAAY,CAAA;AAE3C,UAAU,eAAe;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAkWD,iBAAS,IAAI,CAAC,aAAa,GAAE,MAAU,GAAG,IAAI,CAkC7C;AAED,iBAAS,IAAI,CAAC,aAAa,GAAE,MAAU,GAAG,IAAI,CAkC7C;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAejC;AA+SD,iBAAS,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAenC;AAED,iBAAS,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAkBlD;AAED,iBAAS,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEpC;AAED,iBAAS,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEnC;AAED,iBAAS,OAAO,CAAC,aAAa,GAAE,OAAe,GAAG,IAAI,CAkBrD;AAqGD,iBAAS,aAAa,IAAI,IAAI,CAE7B;AAED,iBAAS,cAAc,IAAI,IAAI,CAI9B;AAgDD,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;cAzhCT,aAAa;UAFjB,OAAO;cAPH,MAAM;SAQX,OAAO;UAKN,OAAO;eATF,OAAO;YAHV,MAAM;gBAEF,MAAM;kBAEJ,OAAO;eACV,MAAM;sBAIC,MAAM;mBACT,MAAM;kBACP,OAAO;gBAET,MAAM;;;kBA+hClB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Slider.vue.d.ts","sourceRoot":"","sources":["../../src/components/Slider.vue"],"names":[],"mappings":"AAy/BA,KAAK,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;AAC/D,KAAK,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAA;AACtD,KAAK,aAAa,GAAG,OAAO,GAAG,YAAY,CAAA;AAE3C,UAAU,eAAe;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAmWD,iBAAS,IAAI,CAAC,aAAa,GAAE,MAAU,GAAG,IAAI,CAkC7C;AAED,iBAAS,IAAI,CAAC,aAAa,GAAE,MAAU,GAAG,IAAI,CAkC7C;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAejC;AA+SD,iBAAS,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAenC;AAED,iBAAS,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAkBlD;AAED,iBAAS,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEpC;AAED,iBAAS,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEnC;AAED,iBAAS,OAAO,CAAC,aAAa,GAAE,OAAe,GAAG,IAAI,CAkBrD;AAqGD,iBAAS,aAAa,IAAI,IAAI,CAE7B;AAED,iBAAS,cAAc,IAAI,IAAI,CAI9B;AAgDD,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;cA3hCT,aAAa;UAFjB,OAAO;WAPN,MAAM;SAQR,OAAO;UAKN,OAAO;eATF,OAAO;YAHV,MAAM;gBAEF,MAAM;kBAEJ,OAAO;eACV,MAAM;sBAIC,MAAM;kBAEV,OAAO;gBAET,MAAM;cACR,MAAM;;;kBAgiChB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/inputs/RadioGroup.vue.d.ts

@@ -19,6 +19,7 @@ declare const _default: <ContextObjType extends {
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:modelValue" | "onDelete"> & ({
         modelValue?: any;
     } & {
+        id?: string;
         groupName?: string;
         options: RadioOption<ContextObjType>[];
         deletable?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioGroup.vue"],"names":[],"mappings":"AAuHA,MAAM,WAAW,WAAW,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,CAAC,CAAA;IACd,KAAK,EAAE,GAAG,CAAA;CACV;yBAEgB,cAAc,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA0LO,mBAAmB,CAAC;;;;;;;qBAzIb,GAAG;;oBA/CL,MAAM;iBACT,WAAW,CAAC,cAAc,CAAC,EAAE;oBAC1B,OAAO;mBACR,OAAO;gBACV,MAAM;mBACH,OAAO;oBAmL2E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;qBAzMD,MAAM;qBACN,MAAM;uBACJ,MAAM;oBACT,MAAM;iBACT,MAAM;;mBAEJ,GAAG;YA6JoB,GAAG;;UAwC3B,4HAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArMzE,wBAqM4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioGroup.vue"],"names":[],"mappings":"AA8HA,MAAM,WAAW,WAAW,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,CAAC,CAAA;IACd,KAAK,EAAE,GAAG,CAAA;CACV;yBAEgB,cAAc,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAiMO,mBAAmB,CAAC;;;;;;;qBAzIb,GAAG;;aAtDZ,MAAM;oBACC,MAAM;iBACT,WAAW,CAAC,cAAc,CAAC,EAAE;oBAC1B,OAAO;mBACR,OAAO;gBACV,MAAM;mBACH,OAAO;oBAyL2E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;qBAhND,MAAM;qBACN,MAAM;uBACJ,MAAM;oBACT,MAAM;iBACT,MAAM;;mBAEJ,GAAG;YAoKoB,GAAG;;UAwC3B,4HAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA5MzE,wBA4M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/layout/Layout.vue.d.ts

@@ -5,6 +5,7 @@ interface LayoutProrps {
     mColumns?: string[];
     mRows?: string[];
     rows?: string[];
+    mGap?: number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -22,6 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<LayoutProrps, {}, {
     columns: string[];
     mColumns: string[];
     mRows: string[];
+    mGap: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/layout/Layout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.vue"],"names":[],"mappings":"AA0DA,UAAU,YAAY;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CACf;AAoCD,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UA3Fb,MAAM,EAAE;UAJR,OAAO;SADR,MAAM;aAEF,MAAM,EAAE;cACP,MAAM,EAAE;WACX,MAAM,EAAE;wFAoGf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Layout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.vue"],"names":[],"mappings":"AAgEA,UAAU,YAAY;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AA0CD,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UApGb,MAAM,EAAE;UAJR,OAAO;SADR,MAAM;aAEF,MAAM,EAAE;cACP,MAAM,EAAE;WACX,MAAM,EAAE;UAET,MAAM;wFA2GZ,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.cjs

@@ -16685,6 +16685,7 @@ const _hoisted_7$8 = {
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ vue.mergeModels({
+    id: {},
     groupName: {},
     options: {},
     deletable: { type: Boolean },
@@ -16699,7 +16700,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    const name = vue.computed(() => props2.groupName || Math.random().toString(36).substring(2, 15));
+    const name = vue.computed(
+      () => props2.groupName || props2.id || Math.random().toString(36).substring(2, 15)
+    );
     const selectedOption = vue.useModel(__props, "modelValue");
     let isFocused = vue.ref(false);
     const containerClasses = vue.computed(() => ({
@@ -16771,7 +16774,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-29cff93d"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-adc49780"]]);
 const _hoisted_1$y = { class: "bagel-input" };
 const _hoisted_2$n = { class: "pb-025" };
 const _hoisted_3$k = { class: "flex gap-05 flex-wrap" };
@@ -32783,19 +32786,22 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     columns: { default: () => [] },
     mColumns: { default: () => [] },
     mRows: { default: () => [] },
-    rows: { default: () => [] }
+    rows: { default: () => [] },
+    mGap: { default: void 0 }
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "16111f2e": gapSize.value,
-      "2c189afc": gridTemplateRows.value,
-      "243c3a94": gridTemplateColumns.value,
-      "84a9b646": mGridTemplateRows.value,
-      "55be334e": mGridTemplateColumns.value
+      "ff4aa016": gapSize.value,
+      "3683119b": gridTemplateRows.value,
+      "f6f04e4a": gridTemplateColumns.value,
+      "fa53dae8": mGapSize.value,
+      "0307a8e4": mGridTemplateRows.value,
+      "7e4910f2": mGridTemplateColumns.value
     }));
     const props2 = __props;
     const gridTemplateRows = vue.computed(() => props2.rows.length > 0 ? props2.rows.join(" ") : "auto");
     const gapSize = vue.computed(() => `${props2.gap}rem`);
+    const mGapSize = vue.computed(() => props2.mGap !== void 0 ? `${props2.mGap}rem` : gapSize.value);
     const mGridTemplateRows = vue.computed(() => {
       var _a;
       if ((_a = props2.mRows) == null ? void 0 : _a.length) return props2.mRows.join(" ");
@@ -32816,7 +32822,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1814129a"]]);
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-a0f4895c"]]);
 const _hoisted_1$j = { key: 0 };
 const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "SidebarMenu",
@@ -34063,7 +34069,7 @@ const dragThreshold = 10;
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "Slider",
   props: {
-    duration: { default: 200 },
+    speed: { default: 350 },
     easing: { default: "ease-out" },
     perPage: {},
     startIndex: { default: 0 },
@@ -34073,11 +34079,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     loop: { type: Boolean, default: true },
     rtl: { type: Boolean, default: false },
     autoplay: { type: [Boolean, String], default: "disabled" },
-    autoplayInterval: { default: 3e3 },
-    autoplaySpeed: { default: 50 },
+    autoplayInterval: { default: 5e3 },
+    autoplaySpeed: {},
     pauseOnHover: { type: Boolean, default: true },
     dots: { type: Boolean, default: false },
     slideWidth: { default: 300 },
+    slideGap: { default: 1 },
     onInit: {},
     onChange: {}
   },
@@ -34123,7 +34130,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
       const calculatedPerPage = perPage.value;
       return {
-        duration: props2.duration,
+        speed: props2.speed,
         easing: props2.easing,
         perPage: calculatedPerPage,
         startIndex: props2.startIndex,
@@ -34134,10 +34141,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         rtl: props2.rtl,
         autoplay: autoplayMode,
         autoplayInterval: props2.autoplayInterval,
-        autoplaySpeed: props2.autoplaySpeed,
+        autoplaySpeed: props2.speed / 4,
         pauseOnHover: props2.pauseOnHover,
         dots: props2.dots,
         slideWidth: props2.slideWidth,
+        slideGap: props2.slideGap,
         onInit: () => {
           emit2("init");
         },
@@ -34275,6 +34283,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       const elementContainer = document.createElement("div");
       elementContainer.style.cssFloat = config.value.rtl ? "right" : "left";
       elementContainer.style.float = config.value.rtl ? "right" : "left";
+      elementContainer.style.padding = config.value.slideGap ? `${config.value.slideGap / 2}rem` : "0";
       const percentage = config.value.loop ? 100 / (innerElements.value.length + perPage.value * 2) : 100 / innerElements.value.length;
       elementContainer.style.width = `${percentage}%`;
       elementContainer.appendChild(elm);
@@ -34373,8 +34382,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     }
     function enableTransition() {
       if (sliderFrame.value) {
-        sliderFrame.value.style.webkitTransition = `all ${config.value.duration}ms ${config.value.easing}`;
-        sliderFrame.value.style.transition = `all ${config.value.duration}ms ${config.value.easing}`;
+        sliderFrame.value.style.webkitTransition = `all ${config.value.speed}ms ${config.value.easing}`;
+        sliderFrame.value.style.transition = `all ${config.value.speed}ms ${config.value.easing}`;
       }
     }
     function updateAfterDrag() {
@@ -34722,7 +34731,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-705b9c93"]]);
+const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-fee6ed49"]]);
 const _hoisted_1$4 = { class: "stickyTop" };
 const _hoisted_2$2 = {
   key: 0,

package/dist/index.mjs

@@ -16683,6 +16683,7 @@ const _hoisted_7$8 = {
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ mergeModels({
+    id: {},
     groupName: {},
     options: {},
     deletable: { type: Boolean },
@@ -16697,7 +16698,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    const name = computed(() => props2.groupName || Math.random().toString(36).substring(2, 15));
+    const name = computed(
+      () => props2.groupName || props2.id || Math.random().toString(36).substring(2, 15)
+    );
     const selectedOption = useModel(__props, "modelValue");
     let isFocused = ref(false);
     const containerClasses = computed(() => ({
@@ -16769,7 +16772,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-29cff93d"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-adc49780"]]);
 const _hoisted_1$y = { class: "bagel-input" };
 const _hoisted_2$n = { class: "pb-025" };
 const _hoisted_3$k = { class: "flex gap-05 flex-wrap" };
@@ -32781,19 +32784,22 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     columns: { default: () => [] },
     mColumns: { default: () => [] },
     mRows: { default: () => [] },
-    rows: { default: () => [] }
+    rows: { default: () => [] },
+    mGap: { default: void 0 }
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "16111f2e": gapSize.value,
-      "2c189afc": gridTemplateRows.value,
-      "243c3a94": gridTemplateColumns.value,
-      "84a9b646": mGridTemplateRows.value,
-      "55be334e": mGridTemplateColumns.value
+      "ff4aa016": gapSize.value,
+      "3683119b": gridTemplateRows.value,
+      "f6f04e4a": gridTemplateColumns.value,
+      "fa53dae8": mGapSize.value,
+      "0307a8e4": mGridTemplateRows.value,
+      "7e4910f2": mGridTemplateColumns.value
     }));
     const props2 = __props;
     const gridTemplateRows = computed(() => props2.rows.length > 0 ? props2.rows.join(" ") : "auto");
     const gapSize = computed(() => `${props2.gap}rem`);
+    const mGapSize = computed(() => props2.mGap !== void 0 ? `${props2.mGap}rem` : gapSize.value);
     const mGridTemplateRows = computed(() => {
       var _a;
       if ((_a = props2.mRows) == null ? void 0 : _a.length) return props2.mRows.join(" ");
@@ -32814,7 +32820,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1814129a"]]);
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-a0f4895c"]]);
 const _hoisted_1$j = { key: 0 };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenu",
@@ -34061,7 +34067,7 @@ const dragThreshold = 10;
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "Slider",
   props: {
-    duration: { default: 200 },
+    speed: { default: 350 },
     easing: { default: "ease-out" },
     perPage: {},
     startIndex: { default: 0 },
@@ -34071,11 +34077,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     loop: { type: Boolean, default: true },
     rtl: { type: Boolean, default: false },
     autoplay: { type: [Boolean, String], default: "disabled" },
-    autoplayInterval: { default: 3e3 },
-    autoplaySpeed: { default: 50 },
+    autoplayInterval: { default: 5e3 },
+    autoplaySpeed: {},
     pauseOnHover: { type: Boolean, default: true },
     dots: { type: Boolean, default: false },
     slideWidth: { default: 300 },
+    slideGap: { default: 1 },
     onInit: {},
     onChange: {}
   },
@@ -34121,7 +34128,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
       const calculatedPerPage = perPage.value;
       return {
-        duration: props2.duration,
+        speed: props2.speed,
         easing: props2.easing,
         perPage: calculatedPerPage,
         startIndex: props2.startIndex,
@@ -34132,10 +34139,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         rtl: props2.rtl,
         autoplay: autoplayMode,
         autoplayInterval: props2.autoplayInterval,
-        autoplaySpeed: props2.autoplaySpeed,
+        autoplaySpeed: props2.speed / 4,
         pauseOnHover: props2.pauseOnHover,
         dots: props2.dots,
         slideWidth: props2.slideWidth,
+        slideGap: props2.slideGap,
         onInit: () => {
           emit2("init");
         },
@@ -34273,6 +34281,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const elementContainer = document.createElement("div");
       elementContainer.style.cssFloat = config.value.rtl ? "right" : "left";
       elementContainer.style.float = config.value.rtl ? "right" : "left";
+      elementContainer.style.padding = config.value.slideGap ? `${config.value.slideGap / 2}rem` : "0";
       const percentage = config.value.loop ? 100 / (innerElements.value.length + perPage.value * 2) : 100 / innerElements.value.length;
       elementContainer.style.width = `${percentage}%`;
       elementContainer.appendChild(elm);
@@ -34371,8 +34380,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     }
     function enableTransition() {
       if (sliderFrame.value) {
-        sliderFrame.value.style.webkitTransition = `all ${config.value.duration}ms ${config.value.easing}`;
-        sliderFrame.value.style.transition = `all ${config.value.duration}ms ${config.value.easing}`;
+        sliderFrame.value.style.webkitTransition = `all ${config.value.speed}ms ${config.value.easing}`;
+        sliderFrame.value.style.transition = `all ${config.value.speed}ms ${config.value.easing}`;
       }
     }
     function updateAfterDrag() {
@@ -34720,7 +34729,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-705b9c93"]]);
+const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-fee6ed49"]]);
 const _hoisted_1$4 = { class: "stickyTop" };
 const _hoisted_2$2 = {
   key: 0,

package/dist/style.css

@@ -1874,20 +1874,20 @@ pre code.hljs{
     text-align: right;
 }
 
-.radio-input-list[data-v-29cff93d]{
+.radio-input-list[data-v-adc49780]{
 	width: auto;
 	transform: scale(1.4);
 	margin-inline-end: 0.6rem;
 }
-.active-list-item[data-v-29cff93d]:has(:checked){
+.active-list-item[data-v-adc49780]:has(:checked){
 	background: var(--bgl-primary-light) !important;
 	border-color: var(--bgl-primary) !important;
 	accent-color: var(--bgl-accent-color);
 }
-.has-error .active-list-item[data-v-29cff93d] {
+.has-error .active-list-item[data-v-adc49780] {
 	border-color: var(--bgl-red) !important;
 }
-.has-error[data-v-29cff93d] :is(input[type="radio"]) {
+.has-error[data-v-adc49780] :is(input[type="radio"]) {
 	accent-color: var(--bgl-red);
 }
 
@@ -2777,17 +2777,18 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
   color: var(--bgl-primary) !important;
 }
 
-.layout[data-v-1814129a] {
+.layout[data-v-a0f4895c] {
   min-height: 100px;
   display: grid;
-  gap: var(--16111f2e);
-  grid-template-rows: var(--2c189afc);
-  grid-template-columns: var(--243c3a94);
+  gap: var(--ff4aa016);
+  grid-template-rows: var(--3683119b);
+  grid-template-columns: var(--f6f04e4a);
 }
 @media screen and (max-width: 910px) {
-.layout[data-v-1814129a] {
-    grid-template-rows: var(--84a9b646);
-    grid-template-columns: var(--55be334e);
+.layout[data-v-a0f4895c] {
+	gap: var(--fa53dae8);
+    grid-template-rows: var(--0307a8e4);
+    grid-template-columns: var(--7e4910f2);
 }
 }
 
@@ -4398,32 +4399,32 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
-.carousel-wrapper[data-v-705b9c93] {
+.carousel-wrapper[data-v-fee6ed49] {
   position: relative;
   width: 100%;
 }
-.carousel-container[data-v-705b9c93] {
+.carousel-container[data-v-fee6ed49] {
   margin: 0 auto;
   overflow: hidden;
 }
-.carousel-dots[data-v-705b9c93] {
+.carousel-dots[data-v-fee6ed49] {
   display: flex;
   justify-content: center;
   gap: 8px;
   margin-top: 16px;
 }
-.carousel-dot[data-v-705b9c93] {
+.carousel-dot[data-v-fee6ed49] {
   width: 12px;
   height: 12px;
   border-radius: 50px;
-  background-color: #ccc;
+  background-color: var(--bgl-gray-light);
   border: none;
   padding: 0;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
 }
-.carousel-dot.active[data-v-705b9c93] {
-  background-color: #333;
+.carousel-dot.active[data-v-fee6ed49] {
+  background-color: var(--bgl-primary);
   width: 26px;
 }
 

package/package.json

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

package/src/components/Slider.vue

@@ -7,7 +7,7 @@ type AutoplayMode = 'disabled' | 'standard' | 'linear'
 type AutoplayValue = boolean | AutoplayMode
 
 interface CarouselOptions {
-	duration?: number
+	speed?: number
 	easing?: Easing
 	perPage?: number | { [key: number]: number }
 	startIndex?: number
@@ -22,6 +22,7 @@ interface CarouselOptions {
 	pauseOnHover?: boolean
 	dots?: boolean
 	slideWidth?: number
+	slideGap?: number
 	onInit?: () => void
 	onChange?: () => void
 }
@@ -35,7 +36,7 @@ interface DragState {
 }
 
 const props = withDefaults(defineProps<CarouselOptions>(), {
-	duration: 200,
+	speed: 350,
 	easing: 'ease-out',
 	startIndex: 0,
 	draggable: true,
@@ -44,11 +45,11 @@ const props = withDefaults(defineProps<CarouselOptions>(), {
 	loop: true,
 	rtl: false,
 	autoplay: 'disabled',
-	autoplayInterval: 3000,
-	autoplaySpeed: 50,
+	autoplayInterval: 5000,
 	pauseOnHover: true,
 	dots: false,
 	slideWidth: 300,
+	slideGap: 1
 })
 
 const emit = defineEmits<{
@@ -118,7 +119,7 @@ const config = computed<ComputedConfig>(() => {
 	const calculatedPerPage = perPage.value
 
 	return {
-		duration: props.duration,
+		speed: props.speed,
 		easing: props.easing,
 		perPage: calculatedPerPage,
 		startIndex: props.startIndex,
@@ -129,10 +130,11 @@ const config = computed<ComputedConfig>(() => {
 		rtl: props.rtl,
 		autoplay: autoplayMode,
 		autoplayInterval: props.autoplayInterval,
-		autoplaySpeed: props.autoplaySpeed,
+		autoplaySpeed: props.speed / 4,
 		pauseOnHover: props.pauseOnHover,
 		dots: props.dots,
 		slideWidth: props.slideWidth,
+		slideGap: props.slideGap,
 		onInit: () => { emit('init') },
 		onChange: () => { emit('change') }
 	}
@@ -343,7 +345,7 @@ function buildSliderFrameItem(elm: Element): HTMLElement {
 	const elementContainer = document.createElement('div')
 	elementContainer.style.cssFloat = config.value.rtl ? 'right' : 'left'
 	elementContainer.style.float = config.value.rtl ? 'right' : 'left'
-
+	elementContainer.style.padding = config.value.slideGap ? `${config.value.slideGap / 2}rem` : '0'
 	const percentage = config.value.loop
 		? 100 / (innerElements.value.length + (perPage.value * 2))
 		: 100 / innerElements.value.length
@@ -474,8 +476,8 @@ function disableTransition(): void {
 
 function enableTransition(): void {
 	if (sliderFrame.value) {
-		sliderFrame.value.style.webkitTransition = `all ${config.value.duration}ms ${config.value.easing}`
-		sliderFrame.value.style.transition = `all ${config.value.duration}ms ${config.value.easing}`
+		sliderFrame.value.style.webkitTransition = `all ${config.value.speed}ms ${config.value.easing}`
+		sliderFrame.value.style.transition = `all ${config.value.speed}ms ${config.value.easing}`
 	}
 }
 
@@ -996,7 +998,7 @@ defineExpose({
   width: 12px;
   height: 12px;
   border-radius: 50px;
-  background-color: #ccc;
+  background-color: var(--bgl-gray-light);
   border: none;
   padding: 0;
   cursor: pointer;
@@ -1004,7 +1006,7 @@ defineExpose({
 }
 
 .carousel-dot.active {
-  background-color: #333;
+  background-color: var(--bgl-primary);
   width: 26px;
 }
 </style>

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

@@ -12,6 +12,7 @@ export interface RadioOption<T> {
 }
 
 const props = defineProps<{
+	id?: string
 	groupName?: string
 	options: RadioOption<ContextObjType>[]
 	deletable?: boolean
@@ -22,7 +23,13 @@ const props = defineProps<{
 
 const emit = defineEmits(['delete', 'focus', 'blur', 'change'])
 
-const name = $computed(() => props.groupName || Math.random().toString(36).substring(2, 15))
+const name = $computed(
+	() => (
+		props.groupName
+		|| props.id
+		|| Math.random().toString(36).substring(2, 15)
+	)
+)
 const selectedOption = defineModel('modelValue')
 let isFocused = $ref(false)
 
@@ -58,10 +65,10 @@ function handleChange() {
 			<input
 				:id="opt.id || `${name}-${index}`"
 				v-model="selectedOption"
-				:disabled="disabled"
+				:disabled
 				class="radio-input-list"
 				type="radio"
-				:name="name"
+				:name
 				:value="opt.value"
 				:required="required"
 				@focus="handleFocus"

package/src/components/layout/Layout.vue

@@ -6,6 +6,7 @@ interface LayoutProrps {
 	mColumns?: string[]
 	mRows?: string[]
 	rows?: string[]
+	mGap?: number
 }
 
 const props = withDefaults(defineProps<LayoutProrps>(), {
@@ -15,10 +16,14 @@ const props = withDefaults(defineProps<LayoutProrps>(), {
 	rows: () => ([]),
 	mColumns: () => ([]),
 	mRows: () => ([]),
+	mGap: undefined,
+
 })
 
 const gridTemplateRows = $computed(() => (props.rows.length > 0 ? props.rows.join(' ') : 'auto'))
 const gapSize = $computed(() => `${props.gap}rem`)
+const mGapSize = $computed(() => props.mGap !== undefined ? `${props.mGap}rem` : gapSize)
+
 const mGridTemplateRows = $computed(() => {
 	if (props.mRows?.length) return props.mRows.join(' ')
 	return gridTemplateRows
@@ -49,6 +54,7 @@ const mGridTemplateColumns = $computed(() => {
 
 @media screen and (max-width: 910px) {
   .layout {
+	gap: v-bind(mGapSize);
     grid-template-rows: v-bind(mGridTemplateRows);
     grid-template-columns: v-bind(mGridTemplateColumns);
   }