sprintify-ui 0.12.20 → 0.12.22

package/dist/sprintify-ui.es.js

@@ -7543,7 +7543,7 @@ const HC = { class: "relative filter drop-shadow-[0_1px_2px_rgba(0,0,0,0.1)]" },
     }, {
       default: X(() => [
         de(d.$slots, "default"),
-        n.visible && n.text ? (k(), oe(or, {
+        n.visible && (n.text || d.$slots.tooltip) ? (k(), oe(or, {
           key: 0,
           to: "body"
         }, [
@@ -9133,16 +9133,19 @@ const _2 = {
       const w = ["btn"];
       return o.color && (o.color in r ? w.push(r[o.color]) : w.push("hover:enabled:opacity-80")), s.value && w.push((T = on[s.value]) == null ? void 0 : T.buttonClass), l.value && w.push("p-0 aspect-1 justify-center"), Qe(w, o.class);
     }), u = S(() => {
-      if (o.color && !(o.color in r)) {
-        const w = Sl(o.color);
-        return {
-          backgroundColor: w.backgroundColor,
-          color: w.textColor,
-          borderColor: w.borderColor,
-          borderWidth: "1px",
-          borderStyle: "solid"
-        };
-      }
+      if (o.color && !(o.color in r))
+        try {
+          const w = Sl(o.color);
+          return {
+            backgroundColor: w.backgroundColor,
+            color: w.textColor,
+            borderColor: w.borderColor,
+            borderWidth: "1px",
+            borderStyle: "solid"
+          };
+        } catch {
+          console.warn(`[BaseButton] "${o.color}" is not a valid color.`);
+        }
       return {};
     }), c = S(() => {
       const w = ["flex items-center w-full"];
@@ -11718,11 +11721,15 @@ const YM = ["src"], GM = ["fill"], JM = ["font-size"], XM = { class: "truncate"
   },
   setup(n) {
     const t = n, e = S(() => {
-      const a = Sl(t.color, t.contrast == "high"), u = {
-        backgroundColor: a.backgroundColor,
-        color: a.textColor
-      };
-      return t.bordered && (u.borderColor = a.borderColor, u.borderWidth = "1px", u.borderStyle = "solid"), u;
+      try {
+        const a = Sl(t.color, t.contrast == "high"), u = {
+          backgroundColor: a.backgroundColor,
+          color: a.textColor
+        };
+        return t.bordered && (u.borderColor = a.borderColor, u.borderWidth = "1px", u.borderStyle = "solid"), u;
+      } catch {
+        return console.warn(`[BaseBadge] "${t.color}" is not a valid color.`), {};
+      }
     }), r = S(() => Object.keys(on).includes(t.size) ? t.size : "md"), o = mf(), i = S(() => !!o.default), s = S(() => {
       const a = "inline-flex items-center rounded leading-tight", u = {
         xs: "text-[9px]",

package/dist/types/components/BaseAvatarGroup.vue.d.ts

@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     to: (user: AvatarUserInput) => RouteLocationRaw;
     size: string;
-    max: number;
     tooltip: boolean;
+    max: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -67,11 +67,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     icon: string;
     disabled: boolean;
     as: string;
+    tooltip: string | null;
     loading: boolean;
     iconPosition: "start" | "end";
     sizeBehavior: SizeBehavior;
     align: "center" | "between";
-    tooltip: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/BaseTableColumn.vue.d.ts

@@ -204,8 +204,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     meta: Record<string, any> | unknown[];
     width: number;
     padding: string;
-    align: "left" | "center" | "right";
     tooltip: string;
+    align: "left" | "center" | "right";
     field: string;
     headerClass: string | Record<string, any> | unknown[];
     searchable: boolean;

package/dist/types/components/BaseTableHeader.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
 }>, {
     class: string | false | 0 | 0n | ClassNameValue[] | null;
     style: string | false | import("vue").CSSProperties | StyleValue[] | null;
-    align: "left" | "center" | "right";
     tooltip: string;
+    align: "left" | "center" | "right";
     colspan: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.12.20",
+  "version": "0.12.22",
   "type": "module",
   "scripts": {
     "generate-llm-txt": "node scripts/generate-llm-txt.js",

package/src/components/BaseBadge.vue

@@ -43,20 +43,25 @@ const props = withDefaults(
 );
 
 const colorStyle = computed((): Record<string, string> => {
-  const config = getColorConfig(props.color, props.contrast == 'high');
-
-  const styles: Record<string, string> = {
-    backgroundColor: config.backgroundColor,
-    color: config.textColor,
-  };
-
-  if (props.bordered) {
-    styles.borderColor = config.borderColor;
-    styles.borderWidth = '1px';
-    styles.borderStyle = 'solid';
+  try {
+    const config = getColorConfig(props.color, props.contrast == 'high');
+
+    const styles: Record<string, string> = {
+      backgroundColor: config.backgroundColor,
+      color: config.textColor,
+    };
+
+    if (props.bordered) {
+      styles.borderColor = config.borderColor;
+      styles.borderWidth = '1px';
+      styles.borderStyle = 'solid';
+    }
+
+    return styles;
+  } catch {
+    console.warn(`[BaseBadge] "${props.color}" is not a valid color.`);
+    return {};
   }
-
-  return styles;
 });
 
 const sizeInternal = computed(() => {

package/src/components/BaseButton.vue

@@ -207,15 +207,19 @@ const classes = computed(() => {
 
 const styles = computed(() => {
   if (props.color && !(props.color in colors)) {
-    const config = getColorConfig(props.color);
-
-    return {
-      backgroundColor: config.backgroundColor,
-      color: config.textColor,
-      borderColor: config.borderColor,
-      borderWidth: '1px',
-      borderStyle: 'solid',
-    };
+    try {
+      const config = getColorConfig(props.color);
+
+      return {
+        backgroundColor: config.backgroundColor,
+        color: config.textColor,
+        borderColor: config.borderColor,
+        borderWidth: '1px',
+        borderStyle: 'solid',
+      };
+    } catch {
+      console.warn(`[BaseButton] "${props.color}" is not a valid color.`);
+    }
   }
 
   return {};

package/src/components/BaseTooltip.vue

@@ -5,7 +5,7 @@
   >
     <slot />
     <Teleport
-      v-if="visible && text"
+      v-if="visible && (text || $slots.tooltip)"
       to="body"
     >
       <div