bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BButton.vue_vue_type_script_setup_true_lang-VSdlVuWr.mjs

@@ -0,0 +1,167 @@
+import { defineComponent, mergeModels, ref, useModel, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { _ as _sfc_main$2 } from "./BSpinner.vue_vue_type_script_setup_true_lang-Bi3Ic2-3.mjs";
+import { u as useBLinkHelper } from "./useBLinkHelper-Bvtov_sk.mjs";
+import { u as useLinkClasses, _ as _sfc_main$1 } from "./BLink.vue_vue_type_script_setup_true_lang-C39-ereM.mjs";
+import { o as onKeyStroke } from "./index-DngH9Pjm.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BButton",
+  props: /* @__PURE__ */ mergeModels({
+    loading: { type: Boolean, default: false },
+    loadingFill: { type: Boolean, default: false },
+    loadingText: { default: "Loading..." },
+    pill: { type: Boolean, default: false },
+    size: { default: "md" },
+    squared: { type: Boolean, default: false },
+    tag: { default: "button" },
+    type: { default: "button" },
+    variant: { default: "secondary" },
+    active: { type: Boolean, default: false },
+    activeClass: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    exactActiveClass: { default: void 0 },
+    href: { default: void 0 },
+    icon: { type: Boolean, default: false },
+    noRel: { type: Boolean },
+    opacity: { default: void 0 },
+    opacityHover: { default: void 0 },
+    rel: { default: void 0 },
+    replace: { type: Boolean, default: void 0 },
+    routerComponentName: { default: void 0 },
+    routerTag: { default: void 0 },
+    stretched: { type: Boolean, default: false },
+    target: { default: void 0 },
+    to: { default: void 0 },
+    underlineOffset: { default: void 0 },
+    underlineOffsetHover: { default: void 0 },
+    underlineOpacity: { default: void 0 },
+    underlineOpacityHover: { default: void 0 },
+    underlineVariant: { default: null }
+  }, {
+    "pressed": { type: Boolean, ...{ default: void 0 } },
+    "pressedModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["click"], ["update:pressed"]),
+  setup(__props, { emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BButton");
+    const emit = __emit;
+    const element = ref(null);
+    const pressedValue = useModel(__props, "pressed");
+    const { computedLink, computedLinkProps } = useBLinkHelper(props, [
+      "active-class",
+      "exact-active-class",
+      "replace",
+      "routerComponentName",
+      "routerTag"
+    ]);
+    const isToggle = computed(() => typeof pressedValue.value === "boolean");
+    const isButton = computed(
+      () => props.tag === "button" && props.href === void 0 && props.to === void 0
+    );
+    const isBLink = computed(() => props.to !== void 0);
+    const nonStandardTag = computed(() => props.href !== void 0 ? false : !isButton.value);
+    const linkProps = computed(() => isBLink.value ? computedLinkProps.value : []);
+    const computedAriaDisabled = computed(() => {
+      if (props.href === "#" && props.disabled) return true;
+      return nonStandardTag.value ? props.disabled : null;
+    });
+    const variantIsLinkType = computed(() => {
+      var _a;
+      return ((_a = props.variant) == null ? void 0 : _a.startsWith("link")) || false;
+    });
+    const variantIsLinkTypeSubset = computed(() => {
+      var _a;
+      return ((_a = props.variant) == null ? void 0 : _a.startsWith("link-")) || false;
+    });
+    const linkValueClasses = useLinkClasses(
+      computed(() => {
+        var _a;
+        return {
+          ...variantIsLinkType.value && {
+            icon: props.icon,
+            opacity: props.opacity,
+            opacityHover: props.opacityHover,
+            underlineOffset: props.underlineOffset,
+            underlineOffsetHover: props.underlineOffsetHover,
+            underlineOpacity: props.underlineOpacity,
+            underlineOpacityHover: props.underlineOpacityHover,
+            underlineVariant: props.underlineVariant,
+            variant: variantIsLinkTypeSubset.value === true ? (_a = props.variant) == null ? void 0 : _a.slice(5) : null
+          }
+        };
+      })
+    );
+    const computedClasses = computed(() => [
+      variantIsLinkType.value === true && computedLink.value === false ? linkValueClasses.value : void 0,
+      [`btn-${props.size}`],
+      {
+        [`btn-${props.variant}`]: props.variant !== null && variantIsLinkTypeSubset.value === false,
+        "active": props.active || pressedValue.value,
+        "rounded-pill": props.pill,
+        "rounded-0": props.squared,
+        "disabled": props.disabled
+      }
+    ]);
+    const computedTag = computed(() => isBLink.value ? _sfc_main$1 : props.href ? "a" : props.tag);
+    const clicked = (e) => {
+      if (props.disabled) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      emit("click", e);
+      if (isToggle.value) pressedValue.value = !pressedValue.value;
+    };
+    onKeyStroke(
+      [" ", "enter"],
+      (e) => {
+        var _a;
+        if (props.href === "#") {
+          e.preventDefault();
+          (_a = element.value) == null ? void 0 : _a.click();
+        }
+      },
+      { target: element }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(computedTag.value), mergeProps({
+        ref_key: "element",
+        ref: element,
+        class: "btn"
+      }, linkProps.value, {
+        class: computedClasses.value,
+        "aria-disabled": computedAriaDisabled.value,
+        "aria-pressed": isToggle.value ? pressedValue.value : null,
+        autocomplete: isToggle.value ? "off" : null,
+        disabled: isButton.value ? unref(props).disabled : null,
+        href: unref(props).href,
+        rel: unref(computedLink) ? unref(props).rel : null,
+        role: nonStandardTag.value || unref(computedLink) ? "button" : null,
+        target: unref(computedLink) ? unref(props).target : null,
+        type: isButton.value ? unref(props).type : null,
+        to: !isButton.value ? unref(props).to : null,
+        onClick: clicked
+      }), {
+        default: withCtx(() => [
+          unref(props).loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
+            !unref(props).loadingFill ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(unref(props).loadingText), 1)
+            ], 64)) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "loading-spinner", {}, () => [
+              createVNode(_sfc_main$2, {
+                small: unref(props).size !== "lg",
+                label: unref(props).loadingFill ? unref(props).loadingText : void 0
+              }, null, 8, ["small", "label"])
+            ])
+          ]) : renderSlot(_ctx.$slots, "default", { key: 1 })
+        ]),
+        _: 3
+      }, 16, ["class", "aria-disabled", "aria-pressed", "autocomplete", "disabled", "href", "rel", "role", "target", "type", "to"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BButton.vue_vue_type_script_setup_true_lang-VSdlVuWr.mjs.map

package/dist/BButton.vue_vue_type_script_setup_true_lang-VSdlVuWr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BButton.vue_vue_type_script_setup_true_lang-VSdlVuWr.mjs","sources":["../src/components/BButton/BButton.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    ref=\"element\"\n    class=\"btn\"\n    v-bind=\"linkProps\"\n    :class=\"computedClasses\"\n    :aria-disabled=\"computedAriaDisabled\"\n    :aria-pressed=\"isToggle ? pressedValue : null\"\n    :autocomplete=\"isToggle ? 'off' : null\"\n    :disabled=\"isButton ? props.disabled : null\"\n    :href=\"props.href\"\n    :rel=\"computedLink ? props.rel : null\"\n    :role=\"nonStandardTag || computedLink ? 'button' : null\"\n    :target=\"computedLink ? props.target : null\"\n    :type=\"isButton ? props.type : null\"\n    :to=\"!isButton ? props.to : null\"\n    @click=\"clicked\"\n  >\n    <template v-if=\"props.loading\">\n      <slot name=\"loading\">\n        <template v-if=\"!props.loadingFill\">\n          {{ props.loadingText }}\n        </template>\n        <slot name=\"loading-spinner\">\n          <BSpinner\n            :small=\"props.size !== 'lg'\"\n            :label=\"props.loadingFill ? props.loadingText : undefined\"\n          />\n        </slot>\n      </slot>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, ref} from 'vue'\nimport BSpinner from '../BSpinner/BSpinner.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport BLink from '../BLink/BLink.vue'\nimport {useLinkClasses} from '../../composables/useLinkClasses'\nimport {onKeyStroke} from '@vueuse/core'\nimport type {BButtonProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {ColorVariant} from '../../types/ColorTypes'\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'loading'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'loading-spinner'?: (props: Record<string, never>) => any\n}>()\n\nconst _props = withDefaults(defineProps<Omit<BButtonProps, 'pressed'>>(), {\n  loading: false,\n  loadingFill: false,\n  loadingText: 'Loading...',\n  pill: false,\n  size: 'md',\n  squared: false,\n  tag: 'button',\n  type: 'button',\n  // Link props\n  active: false, // Why is this active: false?\n  variant: 'secondary',\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  stretched: false,\n  href: undefined,\n  icon: false,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  routerTag: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: null,\n  // End link props\n})\n\nconst props = useDefaults(_props, 'BButton')\n\nconst emit = defineEmits<{\n  click: [value: MouseEvent]\n}>()\n\nconst element = ref<HTMLElement | null>(null)\n\nconst pressedValue = defineModel<BButtonProps['pressed']>('pressed', {default: undefined})\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active-class',\n  'exact-active-class',\n  'replace',\n  'routerComponentName',\n  'routerTag',\n])\n\nconst isToggle = computed(() => typeof pressedValue.value === 'boolean')\nconst isButton = computed(\n  () => props.tag === 'button' && props.href === undefined && props.to === undefined\n)\nconst isBLink = computed(() => props.to !== undefined)\nconst nonStandardTag = computed(() => (props.href !== undefined ? false : !isButton.value))\n\nconst linkProps = computed(() => (isBLink.value ? computedLinkProps.value : []))\nconst computedAriaDisabled = computed(() => {\n  if (props.href === '#' && props.disabled) return true\n\n  return nonStandardTag.value ? props.disabled : null\n})\n\nconst variantIsLinkType = computed(() => props.variant?.startsWith('link') || false)\nconst variantIsLinkTypeSubset = computed(() => props.variant?.startsWith('link-') || false)\nconst linkValueClasses = useLinkClasses(\n  computed(() => ({\n    ...(variantIsLinkType.value && {\n      icon: props.icon,\n      opacity: props.opacity,\n      opacityHover: props.opacityHover,\n      underlineOffset: props.underlineOffset,\n      underlineOffsetHover: props.underlineOffsetHover,\n      underlineOpacity: props.underlineOpacity,\n      underlineOpacityHover: props.underlineOpacityHover,\n      underlineVariant: props.underlineVariant,\n      variant:\n        variantIsLinkTypeSubset.value === true ? (props.variant?.slice(5) as ColorVariant) : null,\n    }),\n  }))\n)\nconst computedClasses = computed(() => [\n  variantIsLinkType.value === true && computedLink.value === false\n    ? linkValueClasses.value\n    : undefined,\n  [`btn-${props.size}`],\n  {\n    [`btn-${props.variant}`]: props.variant !== null && variantIsLinkTypeSubset.value === false,\n    'active': props.active || pressedValue.value,\n    'rounded-pill': props.pill,\n    'rounded-0': props.squared,\n    'disabled': props.disabled,\n  },\n])\n\nconst computedTag = computed(() => (isBLink.value ? BLink : props.href ? 'a' : props.tag))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled) {\n    e.preventDefault()\n    e.stopPropagation()\n    return\n  }\n  emit('click', e)\n  if (isToggle.value) pressedValue.value = !pressedValue.value\n}\n\nonKeyStroke(\n  [' ', 'enter'],\n  (e) => {\n    if (props.href === '#') {\n      e.preventDefault()\n      element.value?.click()\n    }\n  },\n  {target: element}\n)\n</script>\n"],"names":["_useModel","BLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,SAAS;AAmCT,UAAA,QAAQ,YAAY,QAAQ,SAAS;AAE3C,UAAM,OAAO;AAIP,UAAA,UAAU,IAAwB,IAAI;AAEtC,UAAA,eAAeA,SAAqC,SAAA,SAA+B;AAEzF,UAAM,EAAC,cAAc,sBAAqB,eAAe,OAAO;AAAA,MAC9D;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,WAAW,SAAS,MAAM,OAAO,aAAa,UAAU,SAAS;AACvE,UAAM,WAAW;AAAA,MACf,MAAM,MAAM,QAAQ,YAAY,MAAM,SAAS,UAAa,MAAM,OAAO;AAAA,IAAA;AAE3E,UAAM,UAAU,SAAS,MAAM,MAAM,OAAO,MAAS;AAC/C,UAAA,iBAAiB,SAAS,MAAO,MAAM,SAAS,SAAY,QAAQ,CAAC,SAAS,KAAM;AAEpF,UAAA,YAAY,SAAS,MAAO,QAAQ,QAAQ,kBAAkB,QAAQ,CAAA,CAAG;AACzE,UAAA,uBAAuB,SAAS,MAAM;AAC1C,UAAI,MAAM,SAAS,OAAO,MAAM,SAAiB,QAAA;AAE1C,aAAA,eAAe,QAAQ,MAAM,WAAW;AAAA,IAAA,CAChD;AAEK,UAAA,oBAAoB,SAAS;;AAAM,0BAAM,YAAN,mBAAe,WAAW,YAAW;AAAA,KAAK;AAC7E,UAAA,0BAA0B,SAAS;;AAAM,0BAAM,YAAN,mBAAe,WAAW,aAAY;AAAA,KAAK;AAC1F,UAAM,mBAAmB;AAAA,MACvB,SAAS,MAAO;;AAAA;AAAA,UACd,GAAI,kBAAkB,SAAS;AAAA,YAC7B,MAAM,MAAM;AAAA,YACZ,SAAS,MAAM;AAAA,YACf,cAAc,MAAM;AAAA,YACpB,iBAAiB,MAAM;AAAA,YACvB,sBAAsB,MAAM;AAAA,YAC5B,kBAAkB,MAAM;AAAA,YACxB,uBAAuB,MAAM;AAAA,YAC7B,kBAAkB,MAAM;AAAA,YACxB,SACE,wBAAwB,UAAU,QAAQ,WAAM,YAAN,mBAAe,MAAM,KAAsB;AAAA,UACzF;AAAA,QAAA;AAAA,OACA;AAAA,IAAA;AAEE,UAAA,kBAAkB,SAAS,MAAM;AAAA,MACrC,kBAAkB,UAAU,QAAQ,aAAa,UAAU,QACvD,iBAAiB,QACjB;AAAA,MACJ,CAAC,OAAO,MAAM,IAAI,EAAE;AAAA,MACpB;AAAA,QACE,CAAC,OAAO,MAAM,OAAO,EAAE,GAAG,MAAM,YAAY,QAAQ,wBAAwB,UAAU;AAAA,QACtF,UAAU,MAAM,UAAU,aAAa;AAAA,QACvC,gBAAgB,MAAM;AAAA,QACtB,aAAa,MAAM;AAAA,QACnB,YAAY,MAAM;AAAA,MACpB;AAAA,IAAA,CACD;AAEK,UAAA,cAAc,SAAS,MAAO,QAAQ,QAAQC,cAAQ,MAAM,OAAO,MAAM,MAAM,GAAI;AAEnF,UAAA,UAAU,CAAC,MAAkC;AACjD,UAAI,MAAM,UAAU;AAClB,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAClB;AAAA,MACF;AACA,WAAK,SAAS,CAAC;AACf,UAAI,SAAS,MAAoB,cAAA,QAAQ,CAAC,aAAa;AAAA,IAAA;AAGzD;AAAA,MACE,CAAC,KAAK,OAAO;AAAA,MACb,CAAC,MAAM;;AACD,YAAA,MAAM,SAAS,KAAK;AACtB,YAAE,eAAe;AACjB,wBAAQ,UAAR,mBAAe;AAAA,QACjB;AAAA,MACF;AAAA,MACA,EAAC,QAAQ,QAAO;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/BButtonToolbar.vue_vue_type_script_setup_true_lang-4_kitZe-.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=require("./useDefaults-Cd8OVIUI.js"),a=e.defineComponent({__name:"BButtonGroup",props:{ariaLabel:{default:"Group"},size:{default:"md"},tag:{default:"div"},vertical:{type:Boolean,default:!1}},setup(a){const l=a,o=t.useDefaults(l,"BButtonGroup"),r=e.computed((()=>({"btn-group":!o.vertical,[`btn-group-${o.size}`]:"md"!==o.size,"btn-group-vertical":o.vertical})));return(t,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).tag),{class:e.normalizeClass(r.value),role:"group","aria-label":e.unref(o).ariaLabel},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3},8,["class","aria-label"]))}}),l=["role","aria-label"],o=e.defineComponent({__name:"BButtonToolbar",props:{ariaLabel:{default:"Group"},justify:{type:Boolean,default:!1},role:{default:"toolbar"}},setup(a){const o=a,r=t.useDefaults(o,"BButtonToolbar"),u=e.computed((()=>({"justify-content-between":r.justify})));return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([u.value,"btn-toolbar"]),role:e.unref(r).role,"aria-label":e.unref(r).ariaLabel},[e.renderSlot(t.$slots,"default")],10,l))}});exports._sfc_main=a,exports._sfc_main$1=o;
+//# sourceMappingURL=BButtonToolbar.vue_vue_type_script_setup_true_lang-4_kitZe-.js.map

package/dist/BButtonToolbar.vue_vue_type_script_setup_true_lang-4_kitZe-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BButtonToolbar.vue_vue_type_script_setup_true_lang-4_kitZe-.js","sources":["../src/components/BButton/BButtonGroup.vue","../src/components/BButton/BButtonToolbar.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\" role=\"group\" :aria-label=\"props.ariaLabel\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BButtonGroupProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\n\nconst _props = withDefaults(defineProps<BButtonGroupProps>(), {\n  ariaLabel: 'Group',\n  size: 'md',\n  tag: 'div',\n  vertical: false,\n})\nconst props = useDefaults(_props, 'BButtonGroup')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedClasses = computed(() => ({\n  'btn-group': !props.vertical,\n  [`btn-group-${props.size}`]: props.size !== 'md',\n  'btn-group-vertical': props.vertical,\n}))\n</script>\n","<template>\n  <div\n    :class=\"computedClasses\"\n    class=\"btn-toolbar\"\n    :role=\"props.role\"\n    :aria-label=\"props.ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BButtonToolbarProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\n\nconst _props = withDefaults(defineProps<BButtonToolbarProps>(), {\n  ariaLabel: 'Group',\n  justify: false,\n  role: 'toolbar',\n})\nconst props = useDefaults(_props, 'BButtonToolbar')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedClasses = computed(() => ({\n  'justify-content-between': props.justify,\n}))\n</script>\n"],"names":["_props","__props","props","useDefaults","computedClasses","computed","vertical","size","justify"],"mappings":"8OAWA,MAAMA,EAASC,EAMTC,EAAQC,EAAAA,YAAYH,EAAQ,gBAO5BI,EAAkBC,EAAAA,UAAS,KAAO,CACtC,aAAcH,EAAMI,SACpB,CAAC,aAAaJ,EAAMK,QAAwB,OAAfL,EAAMK,KACnC,qBAAsBL,EAAMI,+bCX9B,MAAMN,EAASC,EAKTC,EAAQC,EAAAA,YAAYH,EAAQ,kBAO5BI,EAAkBC,EAAAA,UAAS,KAAO,CACtC,0BAA2BH,EAAMM"}

package/dist/BButtonToolbar.vue_vue_type_script_setup_true_lang-d2xC76Uj.mjs

@@ -0,0 +1,62 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot, createElementBlock } from "vue";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BButtonGroup",
+  props: {
+    ariaLabel: { default: "Group" },
+    size: { default: "md" },
+    tag: { default: "div" },
+    vertical: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BButtonGroup");
+    const computedClasses = computed(() => ({
+      "btn-group": !props.vertical,
+      [`btn-group-${props.size}`]: props.size !== "md",
+      "btn-group-vertical": props.vertical
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: normalizeClass(computedClasses.value),
+        role: "group",
+        "aria-label": unref(props).ariaLabel
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "aria-label"]);
+    };
+  }
+});
+const _hoisted_1 = ["role", "aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BButtonToolbar",
+  props: {
+    ariaLabel: { default: "Group" },
+    justify: { type: Boolean, default: false },
+    role: { default: "toolbar" }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BButtonToolbar");
+    const computedClasses = computed(() => ({
+      "justify-content-between": props.justify
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([computedClasses.value, "btn-toolbar"]),
+        role: unref(props).role,
+        "aria-label": unref(props).ariaLabel
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a
+};
+//# sourceMappingURL=BButtonToolbar.vue_vue_type_script_setup_true_lang-d2xC76Uj.mjs.map

package/dist/BButtonToolbar.vue_vue_type_script_setup_true_lang-d2xC76Uj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BButtonToolbar.vue_vue_type_script_setup_true_lang-d2xC76Uj.mjs","sources":["../src/components/BButton/BButtonGroup.vue","../src/components/BButton/BButtonToolbar.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\" role=\"group\" :aria-label=\"props.ariaLabel\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BButtonGroupProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\n\nconst _props = withDefaults(defineProps<BButtonGroupProps>(), {\n  ariaLabel: 'Group',\n  size: 'md',\n  tag: 'div',\n  vertical: false,\n})\nconst props = useDefaults(_props, 'BButtonGroup')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedClasses = computed(() => ({\n  'btn-group': !props.vertical,\n  [`btn-group-${props.size}`]: props.size !== 'md',\n  'btn-group-vertical': props.vertical,\n}))\n</script>\n","<template>\n  <div\n    :class=\"computedClasses\"\n    class=\"btn-toolbar\"\n    :role=\"props.role\"\n    :aria-label=\"props.ariaLabel\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BButtonToolbarProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\n\nconst _props = withDefaults(defineProps<BButtonToolbarProps>(), {\n  ariaLabel: 'Group',\n  justify: false,\n  role: 'toolbar',\n})\nconst props = useDefaults(_props, 'BButtonToolbar')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedClasses = computed(() => ({\n  'justify-content-between': props.justify,\n}))\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,UAAM,SAAS;AAMT,UAAA,QAAQ,YAAY,QAAQ,cAAc;AAO1C,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,aAAa,CAAC,MAAM;AAAA,MACpB,CAAC,aAAa,MAAM,IAAI,EAAE,GAAG,MAAM,SAAS;AAAA,MAC5C,sBAAsB,MAAM;AAAA,IAC5B,EAAA;;;;;;;;;;;;;;;;;;;;;;;;ACZF,UAAM,SAAS;AAKT,UAAA,QAAQ,YAAY,QAAQ,gBAAgB;AAO5C,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,2BAA2B,MAAM;AAAA,IACjC,EAAA;;;;;;;;;;;;"}

package/dist/BCard.vue_vue_type_script_setup_true_lang-HE0K2EEE.mjs

@@ -0,0 +1,400 @@
+import { defineComponent, computed, openBlock, createBlock, mergeProps, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, renderSlot, createTextVNode, toDisplayString, unref, useSlots, createCommentVNode, createVNode, normalizeProps } from "vue";
+import { i as isEmptySlot } from "./dom-B-SQyhbA.mjs";
+import { u as useColorVariantClasses } from "./useColorVariantClasses-WMXe7khu.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { _ as _sfc_main$8 } from "./BImg.vue_vue_type_script_setup_true_lang-CZ0wmkG3.mjs";
+import { o as omit } from "./object-DIbMZaP9.mjs";
+import { j as createReusableTemplate } from "./index-DngH9Pjm.mjs";
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "BCardImg",
+  props: {
+    placement: { default: "top" },
+    blank: { type: Boolean, default: void 0 },
+    blankColor: { default: void 0 },
+    block: { type: Boolean, default: void 0 },
+    fluid: { type: Boolean, default: void 0 },
+    fluidGrow: { type: Boolean, default: void 0 },
+    height: { default: void 0 },
+    tag: {},
+    lazy: { type: Boolean, default: void 0 },
+    sizes: { default: void 0 },
+    src: { default: void 0 },
+    srcset: { default: void 0 },
+    thumbnail: { type: Boolean, default: void 0 },
+    width: { default: void 0 },
+    rounded: { type: [Boolean, String, Number], default: void 0 },
+    roundedTop: { type: [Boolean, String, Number], default: void 0 },
+    roundedBottom: { type: [Boolean, String, Number], default: void 0 },
+    roundedStart: { type: [Boolean, String, Number], default: void 0 },
+    roundedEnd: { type: [Boolean, String, Number], default: void 0 }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCardImg");
+    const baseAlignmentClasses = computed(() => ({
+      "card-img-top": props.placement === "top",
+      // TODO implement this class
+      "card-img-end": props.placement === "end",
+      "card-img-bottom": props.placement === "bottom",
+      // TODO implement this class
+      "card-img-start": props.placement === "start",
+      "card-img": props.placement === "overlay"
+    }));
+    const computedImgProps = computed(() => omit(props, ["placement"]));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$8, mergeProps(computedImgProps.value, { class: baseAlignmentClasses.value }), null, 16, ["class"]);
+    };
+  }
+});
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "BCardHeadFoot",
+  props: {
+    borderVariant: { default: null },
+    html: { default: void 0 },
+    tag: { default: "div" },
+    text: { default: void 0 },
+    variant: { default: null },
+    bgVariant: { default: null },
+    textVariant: { default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    const resolvedBackgroundClasses = useColorVariantClasses(props);
+    const computedClasses = computed(() => [
+      resolvedBackgroundClasses.value,
+      {
+        [`border-${props.borderVariant}`]: props.borderVariant !== null
+      }
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+        class: normalizeClass(computedClasses.value)
+      }, {
+        default: withCtx(() => [
+          !!_ctx.html ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            innerHTML: _ctx.html
+          }, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
+            createTextVNode(toDisplayString(_ctx.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "BCardHeader",
+  props: {
+    borderVariant: { default: void 0 },
+    html: { default: void 0 },
+    tag: { default: "div" },
+    text: { default: void 0 },
+    variant: { default: void 0 },
+    bgVariant: { default: void 0 },
+    textVariant: { default: void 0 }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCardHeader");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$6, mergeProps({ class: "card-header" }, unref(props)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "BCardTitle",
+  props: {
+    tag: { default: "h4" },
+    text: { default: void 0 }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCardTitle");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), { class: "card-title" }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(unref(props).text), 1)
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "BCardSubtitle",
+  props: {
+    text: { default: void 0 },
+    tag: { default: "h6" },
+    textVariant: { default: "body-secondary" }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCardSubtitle");
+    const computedClasses = computed(() => ({
+      [`text-${props.textVariant}`]: props.textVariant !== null
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: normalizeClass(["card-subtitle mb-2", computedClasses.value])
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(unref(props).text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BCardBody",
+  props: {
+    overlay: { type: Boolean, default: false },
+    subtitle: { default: void 0 },
+    subtitleTag: { default: "h4" },
+    subtitleTextVariant: { default: void 0 },
+    tag: { default: "div" },
+    text: { default: void 0 },
+    title: { default: void 0 },
+    titleTag: { default: "h4" },
+    variant: { default: null },
+    bgVariant: { default: null },
+    textVariant: { default: null }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCardBody");
+    const slots = useSlots();
+    const resolvedBackgroundClasses = useColorVariantClasses(props);
+    const hasTitleSlot = computed(() => !isEmptySlot(slots.title));
+    const hasSubtitleSlot = computed(() => !isEmptySlot(slots.subtitle));
+    const computedClasses = computed(() => [
+      resolvedBackgroundClasses.value,
+      props.overlay ? "card-img-overlay" : "card-body"
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: normalizeClass(computedClasses.value)
+      }, {
+        default: withCtx(() => [
+          !!unref(props).title || hasTitleSlot.value ? (openBlock(), createBlock(_sfc_main$4, {
+            key: 0,
+            tag: unref(props).titleTag
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(unref(props).title), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["tag"])) : createCommentVNode("", true),
+          !!unref(props).subtitle || hasSubtitleSlot.value ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 1,
+            tag: unref(props).subtitleTag,
+            "text-variant": unref(props).subtitleTextVariant
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                createTextVNode(toDisplayString(unref(props).subtitle), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["tag", "text-variant"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(unref(props).text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BCardFooter",
+  props: {
+    borderVariant: { default: void 0 },
+    html: { default: void 0 },
+    tag: { default: "div" },
+    text: { default: void 0 },
+    variant: { default: void 0 },
+    bgVariant: { default: void 0 },
+    textVariant: { default: void 0 }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCardFooter");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$6, mergeProps({ class: "card-footer" }, unref(props)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(unref(props).text), 1)
+          ])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BCard",
+  props: {
+    align: { default: void 0 },
+    bodyBgVariant: { default: void 0 },
+    bodyClass: { default: void 0 },
+    bodyTag: { default: "div" },
+    bodyText: { default: "" },
+    bodyTextVariant: { default: void 0 },
+    borderVariant: { default: null },
+    footer: { default: void 0 },
+    footerBgVariant: { default: void 0 },
+    footerBorderVariant: { default: void 0 },
+    footerClass: { default: void 0 },
+    footerHtml: { default: "" },
+    footerTag: { default: "div" },
+    footerTextVariant: { default: void 0 },
+    footerVariant: { default: null },
+    header: { default: void 0 },
+    headerBgVariant: { default: void 0 },
+    headerBorderVariant: { default: void 0 },
+    headerClass: { default: void 0 },
+    headerHtml: { default: "" },
+    headerTag: { default: "div" },
+    headerTextVariant: { default: void 0 },
+    headerVariant: { default: null },
+    imgAlt: { default: void 0 },
+    imgPlacement: { default: "top" },
+    imgHeight: { default: void 0 },
+    imgSrc: { default: void 0 },
+    imgWidth: { default: void 0 },
+    noBody: { type: Boolean, default: false },
+    subtitle: { default: void 0 },
+    subtitleTag: { default: "h6" },
+    subtitleTextVariant: { default: "body-secondary" },
+    tag: { default: "div" },
+    title: { default: void 0 },
+    titleTag: { default: "h4" },
+    variant: { default: null },
+    bgVariant: { default: null },
+    textVariant: { default: null }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCard");
+    const slots = useSlots();
+    const hasHeaderSlot = computed(() => !isEmptySlot(slots.header));
+    const hasFooterSlot = computed(() => !isEmptySlot(slots.footer));
+    const resolvedBackgroundClasses = useColorVariantClasses(props);
+    const computedClasses = computed(() => [
+      resolvedBackgroundClasses.value,
+      {
+        [`text-${props.align}`]: props.align !== void 0,
+        [`border-${props.borderVariant}`]: props.borderVariant !== null,
+        "flex-row": props.imgPlacement === "start",
+        "flex-row-reverse": props.imgPlacement === "end"
+      }
+    ]);
+    const imgAttr = computed(() => ({
+      src: props.imgSrc,
+      alt: props.imgAlt,
+      height: props.imgHeight,
+      width: props.imgWidth,
+      placement: props.imgPlacement
+    }));
+    const ReusableImg = createReusableTemplate();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: normalizeClass(["card", computedClasses.value])
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(ReusableImg).define, null, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "img", {}, () => [
+                unref(props).imgSrc ? (openBlock(), createBlock(_sfc_main$7, normalizeProps(mergeProps({ key: 0 }, imgAttr.value)), null, 16)) : createCommentVNode("", true)
+              ])
+            ]),
+            _: 3
+          }),
+          unref(props).imgPlacement !== "bottom" ? (openBlock(), createBlock(unref(ReusableImg).reuse, { key: 0 })) : createCommentVNode("", true),
+          unref(props).header || hasHeaderSlot.value || unref(props).headerHtml ? (openBlock(), createBlock(_sfc_main$5, {
+            key: 1,
+            "bg-variant": unref(props).headerBgVariant,
+            variant: unref(props).headerVariant,
+            "border-variant": unref(props).headerBorderVariant,
+            html: unref(props).headerHtml,
+            tag: unref(props).headerTag,
+            "text-variant": unref(props).headerTextVariant,
+            class: normalizeClass(unref(props).headerClass)
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "header", {}, () => [
+                createTextVNode(toDisplayString(unref(props).header), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["bg-variant", "variant", "border-variant", "html", "tag", "text-variant", "class"])) : createCommentVNode("", true),
+          !unref(props).noBody ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 2,
+            overlay: unref(props).imgPlacement === "overlay",
+            "bg-variant": unref(props).bodyBgVariant,
+            tag: unref(props).bodyTag,
+            "text-variant": unref(props).bodyTextVariant,
+            subtitle: unref(props).subtitle,
+            "subtitle-tag": unref(props).subtitleTag,
+            "subtitle-text-variant": unref(props).subtitleTextVariant,
+            title: unref(props).title,
+            "title-tag": unref(props).titleTag,
+            class: normalizeClass(unref(props).bodyClass)
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createTextVNode(toDisplayString(unref(props).bodyText), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["overlay", "bg-variant", "tag", "text-variant", "subtitle", "subtitle-tag", "subtitle-text-variant", "title", "title-tag", "class"])) : renderSlot(_ctx.$slots, "default", { key: 3 }, () => [
+            createTextVNode(toDisplayString(unref(props).bodyText), 1)
+          ]),
+          unref(props).footer || hasFooterSlot.value || unref(props).footerHtml ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 4,
+            "bg-variant": unref(props).footerBgVariant,
+            "border-variant": unref(props).footerBorderVariant,
+            variant: unref(props).footerVariant,
+            html: unref(props).footerHtml,
+            tag: unref(props).footerTag,
+            "text-variant": unref(props).footerTextVariant,
+            class: normalizeClass(unref(props).footerClass)
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "footer", {}, () => [
+                createTextVNode(toDisplayString(unref(props).footer), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["bg-variant", "border-variant", "variant", "html", "tag", "text-variant", "class"])) : createCommentVNode("", true),
+          unref(props).imgPlacement === "bottom" ? (openBlock(), createBlock(unref(ReusableImg).reuse, { key: 5 })) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  _sfc_main$2 as a,
+  _sfc_main$1 as b,
+  _sfc_main$5 as c,
+  _sfc_main$7 as d,
+  _sfc_main$3 as e,
+  _sfc_main$4 as f
+};
+//# sourceMappingURL=BCard.vue_vue_type_script_setup_true_lang-HE0K2EEE.mjs.map