sprintify-ui 0.6.48 → 0.6.51

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/dist/types/src/components/BaseHeader.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     attributes: {
         type: import("vue").PropType<{
-            icon: string;
+            icon?: string | undefined;
             label: string;
         }[]>;
         default: undefined;
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     attributes: {
         type: import("vue").PropType<{
-            icon: string;
+            icon?: string | undefined;
             label: string;
         }[]>;
         default: undefined;
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
     breadcrumbs: Breadcrumb[];
     layout: 'default' | 'compact';
     attributes: {
-        icon: string;
+        icon?: string;
         label: string;
     }[];
     subtitle: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.6.48",
+  "version": "0.6.51",
   "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>

package/src/components/BaseHeader.vue

@@ -44,11 +44,12 @@
           <div
             v-for="attribute in attributes"
             :key="attribute.label"
-            class="flex items-center"
+            class="flex items-center gap-1.5"
           >
             <BaseIcon
+              v-if="attribute.icon"
               :icon="attribute.icon"
-              class="mr-1.5 h-4 w-4 shrink-0 text-slate-600"
+              class="h-4 w-4 shrink-0 text-slate-600"
               aria-hidden="true"
             />
             <span class="text-sm text-slate-600">
@@ -113,7 +114,7 @@ const props = withDefaults(
   defineProps<{
     title: string;
     subtitle?: string;
-    attributes?: { icon: string; label: string }[];
+    attributes?: { icon?: string; label: string }[];
     actions?: ActionItem[];
     badge?: BaseBadgeProps;
     layout?: 'default' | 'compact';