sprintify-ui 0.6.48 → 0.6.50

package/dist/types/src/components/BaseButton.vue.d.ts

@@ -1,5 +1,6 @@
 import { ClassNameValue } from 'tailwind-merge';
 import { RouteLocationRaw } from 'vue-router';
+declare function focus(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     class: {
         type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
@@ -41,7 +42,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"start" | "end">;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    focus: typeof focus;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     class: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.6.48",
+  "version": "0.6.50",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseBadge.vue

@@ -75,7 +75,8 @@ const classes = computed(() => {
     md: 'px-1.5 py-0.5 text-xs',
     lg: 'px-1.5 py-0.5 text-sm',
   }[sizeInternal.value];
-  const wrap = props.wrap ? 'whitespace-nowrap' : '';
+
+  const wrap = props.wrap ? '' : 'whitespace-nowrap';
 
   return twMerge(base, wrap, size, props.class);
 })

package/src/components/BaseButton.vue

@@ -1,7 +1,7 @@
 <template>
   <component
     :is="as"
-    ref="button"
+    ref="buttonRef"
     :class="classes"
     :style="styles"
     :to="to"
@@ -205,4 +205,16 @@ const iconClass = computed(() => {
   return classes;
 });
 
+const buttonRef = ref<HTMLElement | undefined>(undefined);
+
+function focus() {
+  if (buttonRef.value) {
+    buttonRef.value.focus();
+  }
+}
+
+defineExpose({
+  focus,
+});
+
 </script>