bootstrap-vue-next 0.46.3 → 1.0.0

package/dist/{BFormRating-AEiF8K8T.js → BFormRating-iKFgSFet.js}

@@ -1,3 +1,4 @@
+import { S as useToNumber } from "./dist-DKc2ivHS.js";
 import { t as useDefaults } from "./useDefaults-BzP4qZBu.js";
 import { t as useId$1 } from "./useId-Fh-Arhb7.js";
 import { t as useRtl } from "./useRtl-FeLayV4k.js";
@@ -20,21 +21,12 @@ var _hoisted_2 = [
 	"value"
 ];
 var _hoisted_3 = ["aria-label"];
-var _hoisted_4 = ["onClick"];
-var _hoisted_5 = { class: "b-form-rating-star" };
-var _hoisted_6 = ["width", "height"];
-var _hoisted_7 = {
-	key: 0,
-	d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
-};
-var _hoisted_8 = {
-	key: 1,
-	d: "M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z"
-};
-var _hoisted_9 = {
-	key: 2,
-	d: "M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.522 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z"
-};
+var _hoisted_4 = ["d"];
+var _hoisted_5 = ["onClick"];
+var _hoisted_6 = { class: "b-form-rating-item" };
+var _hoisted_7 = ["width", "height"];
+var _hoisted_8 = ["d"];
+var lengthDefault = 5;
 //#endregion
 //#region src/components/BFormRating/BFormRating.vue
 var BFormRating_default = /* @__PURE__ */ defineComponent({
@@ -79,8 +71,8 @@ var BFormRating_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		size: { default: "1rem" },
-		stars: { default: 5 },
+		size: { default: void 0 },
+		length: { default: lengthDefault },
 		variant: { default: void 0 }
 	}, {
 		"modelValue": { default: 0 },
@@ -104,40 +96,63 @@ var BFormRating_default = /* @__PURE__ */ defineComponent({
 			} catch {}
 			return isRtl?.value ?? false;
 		});
-		const computedClasses = computed(() => ({
-			"form-control": true,
-			"is-readonly": props.readonly,
-			"is-disabled": props.disabled,
-			"no-border": props.noBorder,
-			"b-form-rating": true,
-			"d-inline-flex": props.inline
-		}));
-		function isIconFull(index) {
-			return displayValue.value - index >= 1;
-		}
-		function isIconHalf(index) {
+		const computedClasses = computed(() => [
+			"form-control",
+			"b-form-rating",
+			"align-items-center",
+			{
+				"is-readonly": props.readonly,
+				"is-disabled": props.disabled,
+				"no-border": props.noBorder,
+				"d-flex": !props.inline,
+				"d-inline-flex": props.inline,
+				"b-form-rating-inline": props.inline
+			}
+		]);
+		const isIconFull = (index) => displayValue.value - index >= 1;
+		const isIconHalf = (index) => {
 			const diff = displayValue.value - index;
 			return diff >= .5 && diff < 1;
-		}
+		};
+		const iconPaths = {
+			full: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z",
+			half: "M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z",
+			empty: "M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.522 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z",
+			clear: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"
+		};
+		const getIcon = (index) => {
+			if (isIconFull(index)) return iconPaths.full;
+			if (isIconHalf(index)) return iconPaths.half;
+			return iconPaths.empty;
+		};
 		const hoverValue = ref(null);
 		const displayValue = computed(() => hoverValue.value !== null ? hoverValue.value : modelValue.value);
-		const clampedStars = computed(() => Math.max(3, props.stars));
+		const lengthNumber = useToNumber(() => props.length, {
+			nanToZero: true,
+			method: "parseInt"
+		});
+		const computedLength = computed(() => lengthNumber.value > 0 ? lengthNumber.value : lengthDefault);
 		const computedSize = computed(() => {
-			if (props.size === "sm") return ".875rem";
-			if (props.size === "lg") return "1.25rem";
-			return props.size;
+			return `${{
+				sm: .875,
+				default: 1,
+				lg: 1.25
+			}[props.size ?? "default"]}rem`;
+		});
+		const computedFormatter = computed(() => {
+			const preciseValue = props.precision > 0 ? props.precision : 0;
+			return new Intl.NumberFormat(computedLocale.value, {
+				style: "decimal",
+				useGrouping: false,
+				minimumFractionDigits: preciseValue,
+				maximumFractionDigits: preciseValue,
+				notation: "standard"
+			});
 		});
-		const computedFormatter = computed(() => new Intl.NumberFormat(computedLocale.value, {
-			style: "decimal",
-			useGrouping: false,
-			minimumFractionDigits: props.precision > 0 ? props.precision : 0,
-			maximumFractionDigits: props.precision > 0 ? props.precision : 0,
-			notation: "standard"
-		}));
 		const displayValueText = computed(() => {
 			const val = props.precision > 0 ? roundedValue.value : displayValue.value;
 			const formattedValue = computedFormatter.value.format(val);
-			if (props.showValueMax) return `${formattedValue}/${computedFormatter.value.format(clampedStars.value)}`;
+			if (props.showValueMax) return `${formattedValue}/${computedFormatter.value.format(computedLength.value)}`;
 			if (props.showValue) return formattedValue;
 			return "";
 		});
@@ -146,7 +161,7 @@ var BFormRating_default = /* @__PURE__ */ defineComponent({
 			const factor = 10 ** props.precision;
 			return Math.round((val + Number.EPSILON) * factor) / factor;
 		});
-		const iconColors = computed(() => Array.from({ length: clampedStars.value }, () => {
+		const iconColors = computed(() => Array.from({ length: computedLength.value }, () => {
 			if (props.disabled) return {
 				class: "is-disabled",
 				style: {}
@@ -164,19 +179,19 @@ var BFormRating_default = /* @__PURE__ */ defineComponent({
 				style: {}
 			};
 		}));
-		function onKeydown(e) {
+		const onKeydown = (e) => {
 			if (props.readonly || props.disabled) return;
 			let newValue = modelValue.value;
 			const isRtlMode = computedRtl.value;
 			switch (e.key) {
 				case "ArrowRight":
-					newValue = isRtlMode ? Math.max(newValue - 1, 0) : Math.min(newValue + 1, clampedStars.value);
+					newValue = isRtlMode ? Math.max(newValue - 1, 0) : Math.min(newValue + 1, computedLength.value);
 					break;
 				case "ArrowUp":
-					newValue = Math.min(newValue + 1, clampedStars.value);
+					newValue = Math.min(newValue + 1, computedLength.value);
 					break;
 				case "ArrowLeft":
-					newValue = isRtlMode ? Math.min(newValue + 1, clampedStars.value) : Math.max(newValue - 1, 0);
+					newValue = isRtlMode ? Math.min(newValue + 1, computedLength.value) : Math.max(newValue - 1, 0);
 					break;
 				case "ArrowDown":
 					newValue = Math.max(newValue - 1, 0);
@@ -185,15 +200,15 @@ var BFormRating_default = /* @__PURE__ */ defineComponent({
 			}
 			e.preventDefault();
 			modelValue.value = newValue;
-		}
-		function selectRating(starIndex) {
+		};
+		const selectRating = (itemIndex) => {
 			if (props.readonly || props.disabled) return;
-			modelValue.value = hoverValue.value !== null ? hoverValue.value : starIndex;
-		}
-		function clearRating() {
+			modelValue.value = hoverValue.value !== null ? hoverValue.value : itemIndex;
+		};
+		const clearRating = () => {
 			hoverValue.value = null;
 			modelValue.value = 0;
-		}
+		};
 		__expose({ hoverValue });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("output", {
@@ -203,9 +218,9 @@ var BFormRating_default = /* @__PURE__ */ defineComponent({
 				form: unref(props).form ? unref(props).form : void 0,
 				role: "slider",
 				"aria-valuemin": 0,
-				"aria-valuemax": clampedStars.value,
+				"aria-valuemax": computedLength.value,
 				"aria-valuenow": displayValue.value,
-				"aria-valuetext": unref(props).labelValueCurrent(displayValue.value, clampedStars.value),
+				"aria-valuetext": unref(props).labelValueCurrent(displayValue.value, computedLength.value),
 				"aria-disabled": unref(props).disabled ? true : void 0,
 				"aria-readonly": unref(props).readonly ? true : void 0,
 				tabindex: unref(props).disabled ? void 0 : "0",
@@ -220,7 +235,7 @@ var BFormRating_default = /* @__PURE__ */ defineComponent({
 				}, null, 8, _hoisted_2)) : createCommentVNode("", true),
 				unref(props).showClear && !unref(props).readonly && !unref(props).disabled ? (openBlock(), createElementBlock("span", {
 					key: 1,
-					class: "clear-button-spacing",
+					class: "rating-clear-button",
 					onClick: clearRating
 				}, [renderSlot(_ctx.$slots, "icon-clear", {}, () => [(openBlock(), createElementBlock("svg", {
 					viewBox: "0 0 16 16",
@@ -228,25 +243,25 @@ var BFormRating_default = /* @__PURE__ */ defineComponent({
 					"aria-label": unref(props).clearLabel,
 					xmlns: "http://www.w3.org/2000/svg",
 					class: "clear-icon"
-				}, [..._cache[0] || (_cache[0] = [createElementVNode("g", null, [createElementVNode("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" })], -1)])], 8, _hoisted_3))])])) : createCommentVNode("", true),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(clampedStars.value, (starIndex, index) => {
+				}, [createElementVNode("g", null, [createElementVNode("path", { d: iconPaths.clear }, null, 8, _hoisted_4)])], 8, _hoisted_3))])])) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(computedLength.value, (itemIndex, index) => {
 					return openBlock(), createElementBlock("span", {
-						key: starIndex,
-						class: "star",
-						onClick: ($event) => selectRating(starIndex)
+						key: itemIndex,
+						class: "rating-item flex-grow-1",
+						onClick: ($event) => selectRating(itemIndex)
 					}, [renderSlot(_ctx.$slots, "default", {
-						starIndex,
+						itemIndex,
 						isFilled: isIconFull(index),
 						isHalf: isIconHalf(index)
-					}, () => [createElementVNode("span", _hoisted_5, [(openBlock(), createElementBlock("svg", {
+					}, () => [createElementVNode("span", _hoisted_6, [(openBlock(), createElementBlock("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: computedSize.value,
 						height: computedSize.value,
 						fill: "currentColor",
-						class: normalizeClass([[iconColors.value[index]?.class], "star-spacing"]),
+						class: normalizeClass([iconColors.value[index]?.class]),
 						style: normalizeStyle(iconColors.value[index]?.style),
 						viewBox: "0 0 16 16"
-					}, [isIconFull(index) ? (openBlock(), createElementBlock("path", _hoisted_7)) : isIconHalf(index) ? (openBlock(), createElementBlock("path", _hoisted_8)) : (openBlock(), createElementBlock("path", _hoisted_9))], 14, _hoisted_6))])])], 8, _hoisted_4);
+					}, [createElementVNode("path", { d: getIcon(index) }, null, 8, _hoisted_8)], 14, _hoisted_7))])])], 8, _hoisted_5);
 				}), 128)),
 				unref(props).showValue || unref(props).showValueMax ? (openBlock(), createElementBlock("span", {
 					key: 2,
@@ -260,4 +275,4 @@ var BFormRating_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BFormRating_default as t };
 
-//# sourceMappingURL=BFormRating-AEiF8K8T.js.map
+//# sourceMappingURL=BFormRating-iKFgSFet.js.map

package/dist/BFormRating-iKFgSFet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormRating-iKFgSFet.js","names":[],"sources":["../src/components/BFormRating/BFormRating.vue","../src/components/BFormRating/BFormRating.vue"],"sourcesContent":["<template>\n  <output\n    :id=\"computedId\"\n    :class=\"computedClasses\"\n    :dir=\"computedRtl ? 'rtl' : 'ltr'\"\n    :form=\"props.form ? props.form : undefined\"\n    role=\"slider\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"computedLength\"\n    :aria-valuenow=\"displayValue\"\n    :aria-valuetext=\"props.labelValueCurrent(displayValue, computedLength)\"\n    :aria-disabled=\"props.disabled ? true : undefined\"\n    :aria-readonly=\"props.readonly ? true : undefined\"\n    :tabindex=\"props.disabled ? undefined : '0'\"\n    @keydown=\"onKeydown\"\n  >\n    <input\n      v-if=\"props.name && !props.disabled\"\n      key=\"hidden\"\n      type=\"hidden\"\n      :name=\"props.name\"\n      :form=\"props.form\"\n      :value=\"modelValue\"\n    />\n    <span\n      v-if=\"props.showClear && !props.readonly && !props.disabled\"\n      class=\"rating-clear-button\"\n      @click=\"clearRating\"\n    >\n      <slot name=\"icon-clear\">\n        <svg\n          viewBox=\"0 0 16 16\"\n          role=\"img\"\n          :aria-label=\"props.clearLabel\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"clear-icon\"\n        >\n          <g>\n            <path :d=\"iconPaths.clear\" />\n          </g>\n        </svg>\n      </slot>\n    </span>\n    <span\n      v-for=\"(itemIndex, index) in computedLength\"\n      :key=\"itemIndex\"\n      class=\"rating-item flex-grow-1\"\n      @click=\"selectRating(itemIndex)\"\n    >\n      <slot :item-index=\"itemIndex\" :is-filled=\"isIconFull(index)\" :is-half=\"isIconHalf(index)\">\n        <span class=\"b-form-rating-item\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            :width=\"computedSize\"\n            :height=\"computedSize\"\n            fill=\"currentColor\"\n            :class=\"[iconColors[index]?.class]\"\n            :style=\"iconColors[index]?.style\"\n            viewBox=\"0 0 16 16\"\n          >\n            <path :d=\"getIcon(index)\" />\n          </svg>\n        </span>\n      </slot>\n    </span>\n\n    <span\n      v-if=\"props.showValue || props.showValueMax\"\n      :style=\"{fontSize: computedSize}\"\n      class=\"rating-value-text\"\n    >\n      {{ displayValueText }}\n    </span>\n  </output>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, ref} from 'vue'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useRtl} from '../../composables/useRtl'\nimport type {BFormRatingProps, BFormRatingSlots, Size} from '../../types'\n\nconst lengthDefault = 5\nconst _props = withDefaults(defineProps<Omit<BFormRatingProps, 'modelValue'>>(), {\n  clearLabel: 'Clear rating',\n  color: '',\n  id: undefined,\n  inline: false,\n  labelValueCurrent: (current: number, max: number) => `${current} of ${max}`,\n  locale: undefined,\n  noBorder: false,\n  precision: 0,\n  readonly: false,\n  disabled: false,\n  form: undefined,\n  name: undefined,\n  showClear: false,\n  showValue: false,\n  showValueMax: false,\n  size: undefined,\n  length: lengthDefault,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BFormRating')\ndefineSlots<BFormRatingSlots>()\n\nconst modelValue = defineModel<Exclude<BFormRatingProps['modelValue'], undefined>>({default: 0})\n\nconst computedId = useId(() => props.id, 'form-rating')\n\nconst {isRtl, locale: globalLocale} = useRtl()\n\nconst computedLocale = computed(() => {\n  const loc = (props.locale ?? globalLocale?.value) || undefined\n  const nf = new Intl.NumberFormat(loc)\n  return nf.resolvedOptions().locale\n})\n\nconst computedRtl = computed(() => {\n  const locale = computedLocale.value\n  try {\n    const localeObj = new Intl.Locale(locale)\n    const {textInfo} = localeObj as Intl.Locale & {textInfo?: {direction: string}}\n    if (textInfo) {\n      return textInfo.direction === 'rtl'\n    }\n  } catch {\n    // Fallback\n  }\n  return isRtl?.value ?? false\n})\n\nconst computedClasses = computed(() => [\n  'form-control',\n  'b-form-rating',\n  'align-items-center',\n  {\n    'is-readonly': props.readonly,\n    'is-disabled': props.disabled,\n    'no-border': props.noBorder,\n    'd-flex': !props.inline,\n    'd-inline-flex': props.inline,\n    'b-form-rating-inline': props.inline,\n  },\n])\n\nconst isIconFull = (index: number): boolean => displayValue.value - index >= 1\nconst isIconHalf = (index: number): boolean => {\n  const diff = displayValue.value - index\n  return diff >= 0.5 && diff < 1\n}\nconst iconPaths = {\n  full: 'M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z',\n  half: 'M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z',\n  empty:\n    'M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.522 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z',\n  clear:\n    'M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708',\n} as const\nconst getIcon = (index: number): string => {\n  if (isIconFull(index)) return iconPaths.full\n  if (isIconHalf(index)) return iconPaths.half\n  return iconPaths.empty\n}\n\nconst hoverValue = ref<number | null>(null)\n\nconst displayValue = computed(() =>\n  hoverValue.value !== null ? hoverValue.value : modelValue.value\n)\n\nconst lengthNumber = useToNumber(() => props.length, {nanToZero: true, method: 'parseInt'})\nconst computedLength = computed(() => (lengthNumber.value > 0 ? lengthNumber.value : lengthDefault))\n\nconst computedSize = computed(() => {\n  const resolved = {\n    sm: 0.875,\n    default: 1,\n    lg: 1.25,\n  } satisfies Record<Size | 'default', number>\n  return `${resolved[props.size ?? 'default']}rem`\n})\n\nconst computedFormatter = computed(() => {\n  const preciseValue = props.precision > 0 ? props.precision : 0\n  return new Intl.NumberFormat(computedLocale.value, {\n    style: 'decimal',\n    useGrouping: false,\n    minimumFractionDigits: preciseValue,\n    maximumFractionDigits: preciseValue,\n    notation: 'standard',\n  })\n})\n\nconst displayValueText = computed(() => {\n  const val = props.precision > 0 ? roundedValue.value : displayValue.value\n  const formattedValue = computedFormatter.value.format(val)\n  if (props.showValueMax) {\n    const formattedMax = computedFormatter.value.format(computedLength.value)\n    return `${formattedValue}/${formattedMax}`\n  }\n  if (props.showValue) {\n    return formattedValue\n  }\n  return ''\n})\n\nconst roundedValue = computed(() => {\n  const val = displayValue.value\n  const factor = 10 ** props.precision\n  return Math.round((val + Number.EPSILON) * factor) / factor\n})\n\nconst iconColors = computed(() =>\n  Array.from({length: computedLength.value}, () => {\n    if (props.disabled) {\n      return {class: 'is-disabled', style: {}}\n    }\n    if (props.variant) {\n      return {class: `text-${props.variant}`, style: {}}\n    }\n    if (props.color) {\n      return {class: '', style: {color: props.color}}\n    }\n    return {class: '', style: {}}\n  })\n)\n\n//add keyboard support\nconst onKeydown = (e: KeyboardEvent) => {\n  if (props.readonly || props.disabled) return\n\n  let newValue = modelValue.value\n\n  const isRtlMode = computedRtl.value\n\n  switch (e.key) {\n    case 'ArrowRight':\n      newValue = isRtlMode\n        ? Math.max(newValue - 1, 0)\n        : Math.min(newValue + 1, computedLength.value)\n      break\n    case 'ArrowUp':\n      newValue = Math.min(newValue + 1, computedLength.value)\n      break\n    case 'ArrowLeft':\n      newValue = isRtlMode\n        ? Math.min(newValue + 1, computedLength.value)\n        : Math.max(newValue - 1, 0)\n      break\n    case 'ArrowDown':\n      newValue = Math.max(newValue - 1, 0)\n      break\n    default:\n      return\n  }\n\n  e.preventDefault()\n  modelValue.value = newValue\n}\n\nconst selectRating = (itemIndex: number) => {\n  if (props.readonly || props.disabled) return\n  modelValue.value = hoverValue.value !== null ? hoverValue.value : itemIndex\n}\n\n// clear\nconst clearRating = () => {\n  hoverValue.value = null\n  modelValue.value = 0\n}\n\ndefineExpose({\n  hoverValue,\n})\n</script>\n","<template>\n  <output\n    :id=\"computedId\"\n    :class=\"computedClasses\"\n    :dir=\"computedRtl ? 'rtl' : 'ltr'\"\n    :form=\"props.form ? props.form : undefined\"\n    role=\"slider\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"computedLength\"\n    :aria-valuenow=\"displayValue\"\n    :aria-valuetext=\"props.labelValueCurrent(displayValue, computedLength)\"\n    :aria-disabled=\"props.disabled ? true : undefined\"\n    :aria-readonly=\"props.readonly ? true : undefined\"\n    :tabindex=\"props.disabled ? undefined : '0'\"\n    @keydown=\"onKeydown\"\n  >\n    <input\n      v-if=\"props.name && !props.disabled\"\n      key=\"hidden\"\n      type=\"hidden\"\n      :name=\"props.name\"\n      :form=\"props.form\"\n      :value=\"modelValue\"\n    />\n    <span\n      v-if=\"props.showClear && !props.readonly && !props.disabled\"\n      class=\"rating-clear-button\"\n      @click=\"clearRating\"\n    >\n      <slot name=\"icon-clear\">\n        <svg\n          viewBox=\"0 0 16 16\"\n          role=\"img\"\n          :aria-label=\"props.clearLabel\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"clear-icon\"\n        >\n          <g>\n            <path :d=\"iconPaths.clear\" />\n          </g>\n        </svg>\n      </slot>\n    </span>\n    <span\n      v-for=\"(itemIndex, index) in computedLength\"\n      :key=\"itemIndex\"\n      class=\"rating-item flex-grow-1\"\n      @click=\"selectRating(itemIndex)\"\n    >\n      <slot :item-index=\"itemIndex\" :is-filled=\"isIconFull(index)\" :is-half=\"isIconHalf(index)\">\n        <span class=\"b-form-rating-item\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            :width=\"computedSize\"\n            :height=\"computedSize\"\n            fill=\"currentColor\"\n            :class=\"[iconColors[index]?.class]\"\n            :style=\"iconColors[index]?.style\"\n            viewBox=\"0 0 16 16\"\n          >\n            <path :d=\"getIcon(index)\" />\n          </svg>\n        </span>\n      </slot>\n    </span>\n\n    <span\n      v-if=\"props.showValue || props.showValueMax\"\n      :style=\"{fontSize: computedSize}\"\n      class=\"rating-value-text\"\n    >\n      {{ displayValueText }}\n    </span>\n  </output>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, ref} from 'vue'\nimport {useToNumber} from '@vueuse/core'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useRtl} from '../../composables/useRtl'\nimport type {BFormRatingProps, BFormRatingSlots, Size} from '../../types'\n\nconst lengthDefault = 5\nconst _props = withDefaults(defineProps<Omit<BFormRatingProps, 'modelValue'>>(), {\n  clearLabel: 'Clear rating',\n  color: '',\n  id: undefined,\n  inline: false,\n  labelValueCurrent: (current: number, max: number) => `${current} of ${max}`,\n  locale: undefined,\n  noBorder: false,\n  precision: 0,\n  readonly: false,\n  disabled: false,\n  form: undefined,\n  name: undefined,\n  showClear: false,\n  showValue: false,\n  showValueMax: false,\n  size: undefined,\n  length: lengthDefault,\n  variant: undefined,\n})\nconst props = useDefaults(_props, 'BFormRating')\ndefineSlots<BFormRatingSlots>()\n\nconst modelValue = defineModel<Exclude<BFormRatingProps['modelValue'], undefined>>({default: 0})\n\nconst computedId = useId(() => props.id, 'form-rating')\n\nconst {isRtl, locale: globalLocale} = useRtl()\n\nconst computedLocale = computed(() => {\n  const loc = (props.locale ?? globalLocale?.value) || undefined\n  const nf = new Intl.NumberFormat(loc)\n  return nf.resolvedOptions().locale\n})\n\nconst computedRtl = computed(() => {\n  const locale = computedLocale.value\n  try {\n    const localeObj = new Intl.Locale(locale)\n    const {textInfo} = localeObj as Intl.Locale & {textInfo?: {direction: string}}\n    if (textInfo) {\n      return textInfo.direction === 'rtl'\n    }\n  } catch {\n    // Fallback\n  }\n  return isRtl?.value ?? false\n})\n\nconst computedClasses = computed(() => [\n  'form-control',\n  'b-form-rating',\n  'align-items-center',\n  {\n    'is-readonly': props.readonly,\n    'is-disabled': props.disabled,\n    'no-border': props.noBorder,\n    'd-flex': !props.inline,\n    'd-inline-flex': props.inline,\n    'b-form-rating-inline': props.inline,\n  },\n])\n\nconst isIconFull = (index: number): boolean => displayValue.value - index >= 1\nconst isIconHalf = (index: number): boolean => {\n  const diff = displayValue.value - index\n  return diff >= 0.5 && diff < 1\n}\nconst iconPaths = {\n  full: 'M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z',\n  half: 'M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z',\n  empty:\n    'M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.522 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z',\n  clear:\n    'M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708',\n} as const\nconst getIcon = (index: number): string => {\n  if (isIconFull(index)) return iconPaths.full\n  if (isIconHalf(index)) return iconPaths.half\n  return iconPaths.empty\n}\n\nconst hoverValue = ref<number | null>(null)\n\nconst displayValue = computed(() =>\n  hoverValue.value !== null ? hoverValue.value : modelValue.value\n)\n\nconst lengthNumber = useToNumber(() => props.length, {nanToZero: true, method: 'parseInt'})\nconst computedLength = computed(() => (lengthNumber.value > 0 ? lengthNumber.value : lengthDefault))\n\nconst computedSize = computed(() => {\n  const resolved = {\n    sm: 0.875,\n    default: 1,\n    lg: 1.25,\n  } satisfies Record<Size | 'default', number>\n  return `${resolved[props.size ?? 'default']}rem`\n})\n\nconst computedFormatter = computed(() => {\n  const preciseValue = props.precision > 0 ? props.precision : 0\n  return new Intl.NumberFormat(computedLocale.value, {\n    style: 'decimal',\n    useGrouping: false,\n    minimumFractionDigits: preciseValue,\n    maximumFractionDigits: preciseValue,\n    notation: 'standard',\n  })\n})\n\nconst displayValueText = computed(() => {\n  const val = props.precision > 0 ? roundedValue.value : displayValue.value\n  const formattedValue = computedFormatter.value.format(val)\n  if (props.showValueMax) {\n    const formattedMax = computedFormatter.value.format(computedLength.value)\n    return `${formattedValue}/${formattedMax}`\n  }\n  if (props.showValue) {\n    return formattedValue\n  }\n  return ''\n})\n\nconst roundedValue = computed(() => {\n  const val = displayValue.value\n  const factor = 10 ** props.precision\n  return Math.round((val + Number.EPSILON) * factor) / factor\n})\n\nconst iconColors = computed(() =>\n  Array.from({length: computedLength.value}, () => {\n    if (props.disabled) {\n      return {class: 'is-disabled', style: {}}\n    }\n    if (props.variant) {\n      return {class: `text-${props.variant}`, style: {}}\n    }\n    if (props.color) {\n      return {class: '', style: {color: props.color}}\n    }\n    return {class: '', style: {}}\n  })\n)\n\n//add keyboard support\nconst onKeydown = (e: KeyboardEvent) => {\n  if (props.readonly || props.disabled) return\n\n  let newValue = modelValue.value\n\n  const isRtlMode = computedRtl.value\n\n  switch (e.key) {\n    case 'ArrowRight':\n      newValue = isRtlMode\n        ? Math.max(newValue - 1, 0)\n        : Math.min(newValue + 1, computedLength.value)\n      break\n    case 'ArrowUp':\n      newValue = Math.min(newValue + 1, computedLength.value)\n      break\n    case 'ArrowLeft':\n      newValue = isRtlMode\n        ? Math.min(newValue + 1, computedLength.value)\n        : Math.max(newValue - 1, 0)\n      break\n    case 'ArrowDown':\n      newValue = Math.max(newValue - 1, 0)\n      break\n    default:\n      return\n  }\n\n  e.preventDefault()\n  modelValue.value = newValue\n}\n\nconst selectRating = (itemIndex: number) => {\n  if (props.readonly || props.disabled) return\n  modelValue.value = hoverValue.value !== null ? hoverValue.value : itemIndex\n}\n\n// clear\nconst clearRating = () => {\n  hoverValue.value = null\n  modelValue.value = 0\n}\n\ndefineExpose({\n  hoverValue,\n})\n</script>\n"],"mappings":"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"}

package/dist/bootstrap-vue-next.css

@@ -144,17 +144,15 @@
 }
 
 .b-form-rating {
-  display: flex;
-  justify-content: space-between;
-  padding: 0.375rem 0.75rem;
-  border-radius: 0.375rem;
-  border: 1px solid var(--bs-secondary-border-subtle, #dee2e6);
-  background-color: var(--bs-body-bg);
-  gap: 0.25rem;
-  flex: 1 1 auto;
-  width: 1%;
+  text-align: center;
   min-width: 0;
 }
+.b-form-rating:not(.b-form-rating-inline) {
+  width: 100%;
+}
+.b-form-rating.b-form-rating-inline {
+  width: auto;
+}
 .b-form-rating.no-border {
   border: none;
 }
@@ -173,36 +171,44 @@
   transform: scale(1.5);
 }
 
-.star {
-  cursor: pointer;
+.rating-item {
+  align-items: center;
+  display: flex;
+  justify-content: center;
   user-select: none;
   padding: 0 0.25em;
 }
 
-.is-readonly .star,
-.is-disabled .star {
-  cursor: default;
+.b-form-rating:not(.is-readonly):not(.is-disabled) .rating-item {
+  cursor: pointer;
 }
 
-.clear-button-spacing {
-  cursor: pointer;
-  margin-left: 0.5rem;
+.is-readonly .rating-item,
+.is-disabled .rating-item {
+  cursor: default;
 }
 
-.star-spacing {
-  margin: 0 0.5rem;
+.rating-clear-button {
+  align-items: center;
+  cursor: pointer;
+  display: inline-flex;
+  flex-shrink: 0;
+  padding: 0 0.25em;
 }
 
 .rating-value-text {
+  flex-shrink: 0;
   color: var(--bs-body-color);
-  margin: 0 0.6;
+  margin: 0;
+  padding: 0 0.25em;
 }
 
-.b-form-rating-star svg {
+.b-form-rating-item {
+  display: inline-flex;
   transition: transform 0.2s ease;
 }
 
-.b-form-rating:not(.is-readonly):not(.is-disabled) .star:hover .b-form-rating-star svg {
+.b-form-rating:not(.is-readonly):not(.is-disabled) .rating-item:hover .b-form-rating-item {
   transform: scale(1.5);
 }
 

package/dist/bootstrap-vue-next.mjs

@@ -13,11 +13,11 @@ import { n as BProgressBar_default, t as BProgress_default } from "./BProgress-B
 import { t as BSpinner_default } from "./BSpinner-H1DZOmiM.js";
 import { t as BButton_default } from "./BButton-KZu5jczf.js";
 import { t as BAlert_default } from "./BAlert-C9Mi4RDx.js";
-import { n as BOrchestrator_default, t as BApp_default } from "./BApp-GXR1wS6K.js";
+import { n as BOrchestrator_default, t as BApp_default } from "./BApp-Bg5xEz8H.js";
 import { useProvideDefaults } from "./src/composables/useProvideDefaults/index.mjs";
 import { useRegistry } from "./src/composables/useRegistry/index.mjs";
 import { t as BAutocomplete_default } from "./BAutocomplete-BFbbKtpz.js";
-import { t as BFormOtp_default } from "./BFormOtp-C3vmDnzs.js";
+import { t as BFormOtp_default } from "./BFormOtp-ClDACqXM.js";
 import { n as BDatePicker_default, t as BDateRangePicker_default } from "./BDatePicker-AVTYcVLy.js";
 import { t as BTimeField_default } from "./BTimeField-CbRGjaI6.js";
 import { n as BDateRangeField_default, r as BDateField_default, t as BTimeRangeField_default } from "./BDateField-Bj-Jz7u4.js";
@@ -43,10 +43,10 @@ import { t as BFormSelectOption_default } from "./BFormSelectOption-C8orMj24.js"
 import { n as BFormDatalist_default, t as BFormFloatingLabel_default } from "./BForm-CcbrqF35.js";
 import { i as BFormInvalidFeedback_default, n as BFormText_default, r as BFormRow_default, t as BFormValidFeedback_default } from "./BFormValidFeedback-BTNOXbQ6.js";
 import { n as BFormCheckbox_default, t as BFormCheckboxGroup_default } from "./BFormCheckbox-BMhyR-J5.js";
-import { t as BFormFile_default } from "./BFormFile-BVrDprWL.js";
+import { t as BFormFile_default } from "./BFormFile-C2DnrbK7.js";
 import { t as BFormGroup_default } from "./BFormGroup-D3R7DxxF.js";
 import { n as BFormRadio_default, t as BFormRadioGroup_default } from "./BFormRadio-DRViMh6V.js";
-import { t as BFormRating_default } from "./BFormRating-AEiF8K8T.js";
+import { t as BFormRating_default } from "./BFormRating-iKFgSFet.js";
 import { n as BFormSelectOptionGroup_default, t as BFormSelect_default } from "./BFormSelect-DdjH8482.js";
 import { t as BFormSpinbutton_default } from "./BFormSpinbutton-fkVMbQC3.js";
 import { t as BFormTags_default } from "./BFormTags-CUcyRTCK.js";

package/dist/components/BFormFile/useAriaLiveMessage.d.mts

@@ -0,0 +1,10 @@
+import { MaybeRef, Ref } from 'vue';
+/**
+ * Manages an ARIA live region message with a clear-then-set pattern.
+ *
+ * Screen readers only announce `aria-live` content on a transition from empty
+ * to non-empty text. By clearing the message first and then setting it in the
+ * next tick we guarantee that every file selection produces that empty→non-empty
+ * transition, even when the same file is selected again.
+ */
+export declare const useAriaLiveMessage: (selectedFiles: Ref<readonly File[]>, formatter: MaybeRef<((files: readonly File[]) => string) | undefined>) => Readonly<Ref<string, string>>;

package/dist/components/BFormFile/useAriaLiveMessage.d.ts

@@ -0,0 +1,10 @@
+import { MaybeRef, Ref } from 'vue';
+/**
+ * Manages an ARIA live region message with a clear-then-set pattern.
+ *
+ * Screen readers only announce `aria-live` content on a transition from empty
+ * to non-empty text. By clearing the message first and then setting it in the
+ * next tick we guarantee that every file selection produces that empty→non-empty
+ * transition, even when the same file is selected again.
+ */
+export declare const useAriaLiveMessage: (selectedFiles: Ref<readonly File[]>, formatter: MaybeRef<((files: readonly File[]) => string) | undefined>) => Readonly<Ref<string, string>>;

package/dist/components/BFormRating/BFormRating.vue.d.mts

@@ -1,4 +1,4 @@
-import { BFormRatingProps, BFormRatingSlots } from '../../types';
+import { BFormRatingProps, BFormRatingSlots, Size } from '../../types';
 type __VLS_Props = Omit<BFormRatingProps, 'modelValue'>;
 type __VLS_Slots = BFormRatingSlots;
 type __VLS_ModelProps = {
@@ -17,19 +17,19 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     readonly: boolean;
-    size: "sm" | "lg" | string;
+    size: Size;
     color: string;
     variant: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | string;
     precision: number;
     showValue: boolean;
     inline: boolean;
+    length: import('../../types/CommonTypes').Numberish;
     locale: string;
     clearLabel: string;
     labelValueCurrent: (current: number, max: number) => string;
     noBorder: boolean;
     showClear: boolean;
     showValueMax: boolean;
-    stars: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,4 +1,4 @@
-import { BFormRatingProps, BFormRatingSlots } from '../../types';
+import { BFormRatingProps, BFormRatingSlots, Size } from '../../types';
 type __VLS_Props = Omit<BFormRatingProps, 'modelValue'>;
 type __VLS_Slots = BFormRatingSlots;
 type __VLS_ModelProps = {
@@ -17,19 +17,19 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     readonly: boolean;
-    size: "sm" | "lg" | string;
+    size: Size;
     color: string;
     variant: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | string;
     precision: number;
     showValue: boolean;
     inline: boolean;
+    length: import('../../types/CommonTypes').Numberish;
     locale: string;
     clearLabel: string;
     labelValueCurrent: (current: number, max: number) => string;
     noBorder: boolean;
     showClear: boolean;
     showValueMax: boolean;
-    stars: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/src/components/BApp/index.mjs

@@ -1,2 +1,2 @@
-import { n as BOrchestrator_default, t as BApp_default } from "../../../BApp-GXR1wS6K.js";
+import { n as BOrchestrator_default, t as BApp_default } from "../../../BApp-Bg5xEz8H.js";
 export { BApp_default as BApp, BOrchestrator_default as BOrchestrator };

package/dist/src/components/BFormFile/index.mjs

@@ -1,2 +1,2 @@
-import { t as BFormFile_default } from "../../../BFormFile-BVrDprWL.js";
+import { t as BFormFile_default } from "../../../BFormFile-C2DnrbK7.js";
 export { BFormFile_default as BFormFile };

package/dist/src/components/BFormOtp/index.mjs

@@ -1,2 +1,2 @@
-import { t as BFormOtp_default } from "../../../BFormOtp-C3vmDnzs.js";
+import { t as BFormOtp_default } from "../../../BFormOtp-ClDACqXM.js";
 export { BFormOtp_default as BFormOtp };

package/dist/src/components/BFormRating/index.mjs

@@ -1,2 +1,2 @@
-import { t as BFormRating_default } from "../../../BFormRating-AEiF8K8T.js";
+import { t as BFormRating_default } from "../../../BFormRating-iKFgSFet.js";
 export { BFormRating_default as BFormRating };

package/dist/src/components/index.mjs

@@ -9,9 +9,9 @@ import { n as BProgressBar_default, t as BProgress_default } from "../../BProgre
 import { t as BSpinner_default } from "../../BSpinner-H1DZOmiM.js";
 import { t as BButton_default } from "../../BButton-KZu5jczf.js";
 import { t as BAlert_default } from "../../BAlert-C9Mi4RDx.js";
-import { n as BOrchestrator_default, t as BApp_default } from "../../BApp-GXR1wS6K.js";
+import { n as BOrchestrator_default, t as BApp_default } from "../../BApp-Bg5xEz8H.js";
 import { t as BAutocomplete_default } from "../../BAutocomplete-BFbbKtpz.js";
-import { t as BFormOtp_default } from "../../BFormOtp-C3vmDnzs.js";
+import { t as BFormOtp_default } from "../../BFormOtp-ClDACqXM.js";
 import { n as BDatePicker_default, t as BDateRangePicker_default } from "../../BDatePicker-AVTYcVLy.js";
 import { t as BTimeField_default } from "../../BTimeField-CbRGjaI6.js";
 import { n as BDateRangeField_default, r as BDateField_default, t as BTimeRangeField_default } from "../../BDateField-Bj-Jz7u4.js";
@@ -37,10 +37,10 @@ import { t as BFormSelectOption_default } from "../../BFormSelectOption-C8orMj24
 import { n as BFormDatalist_default, t as BFormFloatingLabel_default } from "../../BForm-CcbrqF35.js";
 import { i as BFormInvalidFeedback_default, n as BFormText_default, r as BFormRow_default, t as BFormValidFeedback_default } from "../../BFormValidFeedback-BTNOXbQ6.js";
 import { n as BFormCheckbox_default, t as BFormCheckboxGroup_default } from "../../BFormCheckbox-BMhyR-J5.js";
-import { t as BFormFile_default } from "../../BFormFile-BVrDprWL.js";
+import { t as BFormFile_default } from "../../BFormFile-C2DnrbK7.js";
 import { t as BFormGroup_default } from "../../BFormGroup-D3R7DxxF.js";
 import { n as BFormRadio_default, t as BFormRadioGroup_default } from "../../BFormRadio-DRViMh6V.js";
-import { t as BFormRating_default } from "../../BFormRating-AEiF8K8T.js";
+import { t as BFormRating_default } from "../../BFormRating-iKFgSFet.js";
 import { n as BFormSelectOptionGroup_default, t as BFormSelect_default } from "../../BFormSelect-DdjH8482.js";
 import { t as BFormSpinbutton_default } from "../../BFormSpinbutton-fkVMbQC3.js";
 import { t as BFormTags_default } from "../../BFormTags-CUcyRTCK.js";

package/dist/types/ComponentProps.d.mts

@@ -325,7 +325,7 @@ export interface BFormDatalistBaseProps {
     textField?: string;
     valueField?: string;
 }
-export interface BFormDatalistProps<Item = Record<string, unknown> | string | number | boolean, ValueKey extends Item extends Record<string, unknown> ? keyof Item : string = Item extends Record<string, unknown> ? keyof Item : never> {
+export interface BFormDatalistProps<Item = Record<string, unknown> | string | number | boolean, ValueKey extends (Item extends Record<string, unknown> ? keyof Item : string) = Item extends Record<string, unknown> ? keyof Item : never> {
     disabled?: boolean;
     disabledField?: keyof Item & string;
     id?: string;
@@ -470,8 +470,8 @@ export interface BFormRatingProps {
     showClear?: boolean;
     showValue?: boolean;
     showValueMax?: boolean;
-    size?: 'sm' | 'lg' | string;
-    stars?: number;
+    size?: Size;
+    length?: Numberish;
     variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | string;
 }
 export interface BFormSelectBaseProps {

package/dist/types/ComponentProps.d.ts

@@ -325,7 +325,7 @@ export interface BFormDatalistBaseProps {
     textField?: string;
     valueField?: string;
 }
-export interface BFormDatalistProps<Item = Record<string, unknown> | string | number | boolean, ValueKey extends Item extends Record<string, unknown> ? keyof Item : string = Item extends Record<string, unknown> ? keyof Item : never> {
+export interface BFormDatalistProps<Item = Record<string, unknown> | string | number | boolean, ValueKey extends (Item extends Record<string, unknown> ? keyof Item : string) = Item extends Record<string, unknown> ? keyof Item : never> {
     disabled?: boolean;
     disabledField?: keyof Item & string;
     id?: string;
@@ -470,8 +470,8 @@ export interface BFormRatingProps {
     showClear?: boolean;
     showValue?: boolean;
     showValueMax?: boolean;
-    size?: 'sm' | 'lg' | string;
-    stars?: number;
+    size?: Size;
+    length?: Numberish;
     variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | string;
 }
 export interface BFormSelectBaseProps {

package/dist/types/ComponentSlots.d.mts

@@ -272,7 +272,7 @@ export type BFormRadioGroupSlots = {
 export type BFormRatingSlots = {
     'icon-clear'?: (props: Record<string, never>) => any;
     'default'?: (props: {
-        starIndex: number;
+        itemIndex: number;
         isFilled: boolean;
         isHalf: boolean;
     }) => any;

package/dist/types/ComponentSlots.d.ts

@@ -272,7 +272,7 @@ export type BFormRadioGroupSlots = {
 export type BFormRatingSlots = {
     'icon-clear'?: (props: Record<string, never>) => any;
     'default'?: (props: {
-        starIndex: number;
+        itemIndex: number;
         isFilled: boolean;
         isHalf: boolean;
     }) => any;

package/package.json

@@ -2,7 +2,7 @@
   "name": "bootstrap-vue-next",
   "displayName": "BootstrapVueNext",
   "description": "Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development",
-  "version": "0.46.3",
+  "version": "1.0.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/bootstrap-vue-next.mjs",