sprintify-ui 0.6.57 → 0.6.59

package/dist/sprintify-ui.es.js

@@ -44265,13 +44265,13 @@ const BP = /* @__PURE__ */ Wi(TP, [["render", NP]]), PP = /* @__PURE__ */ j("spa
   }
 });
 function Ab(n) {
-  const t = "text-left block", e = g5(n.spacing ?? "md"), r = n.flush ? "px-0" : "";
+  const t = "block", e = g5(n.spacing ?? "md"), r = n.flush ? "px-0" : "";
   return kt([t, e, r]);
 }
 function g5(n) {
   return n == "sm" ? "px-1 py-0.5" : n == "md" ? "px-2 py-2" : n == "lg" ? "px-4 py-3" : "";
 }
-const v5 = ["align"], y5 = /* @__PURE__ */ be({
+const v5 = ["align", "colspan"], y5 = /* @__PURE__ */ be({
   inheritAttrs: !1,
   __name: "BaseTableCell",
   props: {
@@ -44280,6 +44280,7 @@ const v5 = ["align"], y5 = /* @__PURE__ */ be({
     target: { default: void 0 },
     title: { default: void 0 },
     align: { default: void 0 },
+    colspan: { default: void 0 },
     class: { type: [Array, String, null, Number, Boolean], default: void 0 }
   },
   setup(n) {
@@ -44303,7 +44304,8 @@ const v5 = ["align"], y5 = /* @__PURE__ */ be({
     });
     return (c, p) => (B(), K("td", {
       class: "p-0 border-b border-slate-200",
-      align: c.align
+      align: c.align,
+      colspan: c.colspan
     }, [
       (B(), De(In(C(s)), {
         class: de(C(d)),
@@ -44332,12 +44334,13 @@ const v5 = ["align"], y5 = /* @__PURE__ */ be({
       Ne(r.$slots, "default")
     ]));
   }
-}), w5 = ["align"], x5 = /* @__PURE__ */ be({
+}), w5 = ["align", "colspan"], x5 = /* @__PURE__ */ be({
   inheritAttrs: !1,
   __name: "BaseTableHeader",
   props: {
     class: { type: [Array, String, null, Number, Boolean], default: void 0 },
-    align: { default: void 0 }
+    align: { default: void 0 },
+    colspan: { default: void 0 }
   },
   setup(n) {
     const t = n, e = pt("BaseTable");
@@ -44360,7 +44363,8 @@ const v5 = ["align"], y5 = /* @__PURE__ */ be({
     });
     return (a, l) => (B(), K("th", {
       class: "p-0 border-b border-slate-200",
-      align: a.align
+      align: a.align,
+      colspan: a.colspan
     }, [
       j("div", {
         class: de(C(o))

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

@@ -25,6 +25,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"left" | "right" | "center">;
         default: undefined;
     };
+    colspan: {
+        type: import("vue").PropType<number>;
+        default: undefined;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
@@ -50,6 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"left" | "right" | "center">;
         default: undefined;
     };
+    colspan: {
+        type: import("vue").PropType<number>;
+        default: undefined;
+    };
 }>>, {
     class: string | false | 0 | ClassNameValue[] | null;
     title: string;
@@ -57,6 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     target: "_blank" | "_self" | "_parent" | "_top";
     href: string;
     align: "left" | "right" | "center";
+    colspan: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -8,6 +8,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"left" | "right" | "center">;
         default: undefined;
     };
+    colspan: {
+        type: import("vue").PropType<number>;
+        default: undefined;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
@@ -17,9 +21,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"left" | "right" | "center">;
         default: undefined;
     };
+    colspan: {
+        type: import("vue").PropType<number>;
+        default: undefined;
+    };
 }>>, {
     class: string | false | 0 | ClassNameValue[] | null;
     align: "left" | "right" | "center";
+    colspan: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/package.json

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

package/src/components/BaseTableCell.vue

@@ -2,6 +2,7 @@
   <td
     class="p-0 border-b border-slate-200"
     :align="align"
+    :colspan="colspan"
   >
     <component
       :is="componentName"
@@ -44,6 +45,7 @@ const props = withDefaults(defineProps<{
   target?: '_blank' | '_self' | '_parent' | '_top',
   title?: string,
   align?: 'left' | 'center' | 'right',
+  colspan?: number,
   class?: ClassNameValue,
 }>(), {
   href: undefined,
@@ -51,6 +53,7 @@ const props = withDefaults(defineProps<{
   target: undefined,
   title: undefined,
   align: undefined,
+  colspan: undefined,
   class: undefined,
 });
 

package/src/components/BaseTableHeader.vue

@@ -2,6 +2,7 @@
   <th
     class="p-0 border-b border-slate-200"
     :align="align"
+    :colspan="colspan"
   >
     <div :class="classes">
       <slot />  
@@ -29,9 +30,11 @@ defineOptions({
 const props = withDefaults(defineProps<{
   class?: ClassNameValue,
   align?: 'left' | 'center' | 'right',
+  colspan?: number,
 }>(), {
   class: undefined,
   align: undefined,
+  colspan: undefined,
 });
 
 const cellConfig = computed<CellConfig>(() => {

package/src/services/table/classes.ts

@@ -2,7 +2,7 @@ import { twMerge } from "tailwind-merge";
 import { CellConfig, CellSpacing } from "./types";
 
 export function cellClasses(config: CellConfig): string {
-    const base = 'text-left block';
+    const base = 'block';
     const space = spacing(config.spacing ?? 'md');
     const flush = config.flush ? 'px-0' : '';