sprintify-ui 0.6.55 → 0.6.57

package/dist/sprintify-ui.es.js

@@ -44271,7 +44271,7 @@ function Ab(n) {
 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 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
+const v5 = ["align"], y5 = /* @__PURE__ */ be({
   inheritAttrs: !1,
   __name: "BaseTableCell",
   props: {
@@ -44279,6 +44279,7 @@ const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
     to: { default: void 0 },
     target: { default: void 0 },
     title: { default: void 0 },
+    align: { default: void 0 },
     class: { type: [Array, String, null, Number, Boolean], default: void 0 }
   },
   setup(n) {
@@ -44300,7 +44301,10 @@ const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
         t.class
       );
     });
-    return (c, p) => (B(), K("td", v5, [
+    return (c, p) => (B(), K("td", {
+      class: "p-0 border-b border-slate-200",
+      align: c.align
+    }, [
       (B(), De(In(C(s)), {
         class: de(C(d)),
         to: C(l).to,
@@ -44313,7 +44317,7 @@ const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
         ]),
         _: 3
       }, 8, ["class", "to", "href", "title", "target"]))
-    ]));
+    ], 8, v5));
   }
 }), b5 = /* @__PURE__ */ be({
   __name: "BaseTableHead",
@@ -44328,40 +44332,42 @@ const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
       Ne(r.$slots, "default")
     ]));
   }
-}), w5 = { class: "p-0 border-b border-slate-200" }, x5 = /* @__PURE__ */ be({
+}), w5 = ["align"], x5 = /* @__PURE__ */ be({
   inheritAttrs: !1,
   __name: "BaseTableHeader",
   props: {
-    class: { type: [Array, String, null, Number, Boolean], default: void 0 }
+    class: { type: [Array, String, null, Number, Boolean], default: void 0 },
+    align: { default: void 0 }
   },
   setup(n) {
-    const t = n, e = pt("BaseTable"), r = pt("BaseTableHead", void 0);
-    if (!pt("BaseTableRow"))
-      throw new Error("BaseTableCell must be used within a BaseTableRow.");
-    if (!r)
+    const t = n, e = pt("BaseTable");
+    if (!pt("BaseTableHead", void 0))
       throw new Error("BaseTableCell must be used within a BaseTableHead.");
-    const o = L(() => {
-      var l, s;
+    const i = L(() => {
+      var a, l;
       return {
-        spacing: (l = e == null ? void 0 : e.value) == null ? void 0 : l.spacing,
-        flush: (s = e == null ? void 0 : e.value) == null ? void 0 : s.flush,
+        spacing: (a = e == null ? void 0 : e.value) == null ? void 0 : a.spacing,
+        flush: (l = e == null ? void 0 : e.value) == null ? void 0 : l.flush,
         head: !0
       };
-    }), a = L(() => {
-      const l = Ab(o.value);
+    }), o = L(() => {
+      const a = Ab(i.value);
       return kt(
         "text-slate-500 font-normal",
-        l,
+        a,
         t.class
       );
     });
-    return (l, s) => (B(), K("th", w5, [
+    return (a, l) => (B(), K("th", {
+      class: "p-0 border-b border-slate-200",
+      align: a.align
+    }, [
       j("div", {
-        class: de(C(a))
+        class: de(C(o))
       }, [
-        Ne(l.$slots, "default")
+        Ne(a.$slots, "default")
       ], 2)
-    ]));
+    ], 8, w5));
   }
 }), E5 = /* @__PURE__ */ be({
   __name: "BaseTableRow",

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

@@ -21,6 +21,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: undefined;
     };
+    align: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        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>;
@@ -42,12 +46,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: undefined;
     };
+    align: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        default: undefined;
+    };
 }>>, {
     class: string | false | 0 | ClassNameValue[] | null;
     title: string;
     to: RouteLocationRaw;
     target: "_blank" | "_self" | "_parent" | "_top";
     href: string;
+    align: "left" | "right" | "center";
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -4,13 +4,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
         default: undefined;
     };
+    align: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        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>;
         default: undefined;
     };
+    align: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        default: undefined;
+    };
 }>>, {
     class: string | false | 0 | ClassNameValue[] | null;
+    align: "left" | "right" | "center";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/package.json

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

package/src/components/BaseTableCell.vue

@@ -1,5 +1,8 @@
 <template>
-  <td class="p-0 border-b border-slate-200">
+  <td
+    class="p-0 border-b border-slate-200"
+    :align="align"
+  >
     <component
       :is="componentName"
       :class="classes"
@@ -40,12 +43,14 @@ const props = withDefaults(defineProps<{
   to?: RouteLocationRaw,
   target?: '_blank' | '_self' | '_parent' | '_top',
   title?: string,
+  align?: 'left' | 'center' | 'right',
   class?: ClassNameValue,
 }>(), {
   href: undefined,
   to: undefined,
   target: undefined,
   title: undefined,
+  align: undefined,
   class: undefined,
 });
 

package/src/components/BaseTableHeader.vue

@@ -1,5 +1,8 @@
 <template>
-  <th class="p-0 border-b border-slate-200">
+  <th
+    class="p-0 border-b border-slate-200"
+    :align="align"
+  >
     <div :class="classes">
       <slot />  
     </div>
@@ -14,11 +17,6 @@ import { ComputedRef } from 'vue';
 
 const baseTable = inject('BaseTable') as ComputedRef<TableProps> | undefined;
 const baseTableHead = inject('BaseTableHead', undefined);
-const baseTableRow = inject('BaseTableRow');
-
-if (!baseTableRow) {
-  throw new Error('BaseTableCell must be used within a BaseTableRow.');
-}
 
 if (!baseTableHead) {
   throw new Error('BaseTableCell must be used within a BaseTableHead.');
@@ -30,8 +28,10 @@ defineOptions({
 
 const props = withDefaults(defineProps<{
   class?: ClassNameValue,
+  align?: 'left' | 'center' | 'right',
 }>(), {
   class: undefined,
+  align: undefined,
 });
 
 const cellConfig = computed<CellConfig>(() => {