@indielayer/ui 0.0.0-dev-20240125104319 → 0.0.0-dev-20240129122517

package/lib/components/table/TableCell.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPublicPropTypes, PropType } from 'vue';
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 declare const validators: {
     textAlign: readonly [null, "left", "center", "right", "justify"];
@@ -11,7 +11,7 @@ declare const tableCellProps: {
     };
     truncate: BooleanConstructor;
     dense: BooleanConstructor;
-    fixed: BooleanConstructor;
+    width: (StringConstructor | NumberConstructor)[];
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null>;
         default: string;
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     truncate: BooleanConstructor;
     dense: BooleanConstructor;
-    fixed: BooleanConstructor;
+    width: (StringConstructor | NumberConstructor)[];
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null>;
         default: string;
@@ -44,14 +44,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     truncate: BooleanConstructor;
     dense: BooleanConstructor;
-    fixed: BooleanConstructor;
+    width: (StringConstructor | NumberConstructor)[];
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null>;
         default: string;
         validator: (value: string) => boolean;
     };
 }>>, {
-    fixed: boolean;
     dense: boolean;
     truncate: boolean;
     verticalAlign: "top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null;

package/lib/components/table/TableCell.vue.js

@@ -1,42 +1,41 @@
-import { defineComponent as i, openBlock as c, createElementBlock as p, normalizeStyle as d, unref as l, normalizeClass as u, renderSlot as m } from "vue";
-import { useTheme as f } from "../../composables/useTheme.js";
-const n = {
+import { defineComponent as d, computed as c, openBlock as m, createElementBlock as u, normalizeStyle as p, unref as n, normalizeClass as f, renderSlot as h } from "vue";
+import { useTheme as g } from "../../composables/useTheme.js";
+const o = {
   textAlign: [null, "left", "center", "right", "justify"],
   verticalAlign: [null, "baseline", "bottom", "middle", "text-bottom", "text-top", "top"]
-}, g = {
+}, v = {
   textAlign: {
     type: String,
-    validator: (e) => n.textAlign.includes(e)
+    validator: (e) => o.textAlign.includes(e)
   },
   truncate: Boolean,
   dense: Boolean,
-  fixed: Boolean,
+  width: [String, Number],
   verticalAlign: {
     type: String,
     default: "middle",
-    validator: (e) => n.verticalAlign.includes(e)
+    validator: (e) => o.verticalAlign.includes(e)
   }
-}, x = {
+}, b = {
   name: "XTableCell",
-  validators: n
-}, _ = /* @__PURE__ */ i({
-  ...x,
-  props: g,
+  validators: o
+}, w = /* @__PURE__ */ d({
+  ...b,
+  props: v,
   setup(e) {
-    const t = e;
-    t.truncate && !t.fixed && console.warn('Table must have "fixed" property set to true when using TableCell "truncate" property');
-    const { styles: o, classes: a, className: r } = f("TableCell", {}, t);
-    return (s, b) => (c(), p("td", {
-      style: d(l(o)),
-      class: u([
-        l(r),
-        l(a).wrapper
+    const t = e, l = c(() => typeof t.width == "number" ? `${t.width}px` : t.width), { styles: a, classes: i, className: r } = g("TableCell", {}, t);
+    return (s, x) => (m(), u("td", {
+      style: p([n(a), { width: l.value, minWidth: l.value, maxWidth: l.value }]),
+      class: f([
+        "relative",
+        n(r),
+        n(i).wrapper
       ])
     }, [
-      m(s.$slots, "default")
+      h(s.$slots, "default")
     ], 6));
   }
 });
 export {
-  _ as default
+  w as default
 };

package/lib/components/table/TableHead.vue.d.ts

@@ -0,0 +1,16 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const tableHeadProps: {};
+export type TableHeadProps = ExtractPublicPropTypes<typeof tableHeadProps>;
+type InternalClasses = 'thead' | 'row';
+export interface TableHeadTheme extends ThemeComponent<TableHeadProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/table/TableHead.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as r, openBlock as n, createElementBlock as c, normalizeClass as s, unref as e, normalizeStyle as m, createElementVNode as d, renderSlot as _ } from "vue";
+import { useTheme as f } from "../../composables/useTheme.js";
+const p = { name: "XTableHead" }, T = /* @__PURE__ */ r({
+  ...p,
+  setup(u) {
+    const { styles: a, classes: t, className: l } = f("TableHead", {}, {});
+    return (o, i) => (n(), c("thead", {
+      class: s([e(l), e(t).thead]),
+      style: m(e(a))
+    }, [
+      d("tr", {
+        class: s(e(t).row)
+      }, [
+        _(o.$slots, "default")
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  T as default
+};

package/lib/components/table/TableHead.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TableHead.vue.js";
+export {
+  f as default
+};

package/lib/components/table/TableHeader.vue.d.ts

@@ -1,4 +1,5 @@
 import type { ExtractPublicPropTypes, PropType } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const validators: {
     sort: readonly [1, -1, undefined];
     textAlign: readonly ["left", "center", "right", "justify"];
@@ -19,6 +20,9 @@ declare const tableHeaderProps: {
 export type TableHeaderSort = typeof validators.sort[number];
 export type TableHeaderAlign = typeof validators.textAlign[number];
 export type TableHeaderProps = ExtractPublicPropTypes<typeof tableHeaderProps>;
+type InternalClasses = 'th' | 'sortIcon';
+export interface TableHeaderTheme extends ThemeComponent<TableHeaderProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     sort: {
         type: PropType<1 | -1 | undefined>;

package/lib/components/table/TableHeader.vue.js

@@ -1,78 +1,69 @@
-import { defineComponent as d, openBlock as t, createElementBlock as o, normalizeClass as u, renderSlot as i, Fragment as a, createCommentVNode as n, createElementVNode as s } from "vue";
-const c = {
-  key: 0,
-  class: "relative inline-block"
-}, p = {
-  key: 0,
-  class: "absolute stroke-2 w-3 h-3 ml-0.5 -right-3 top-0.5",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  "stroke-linejoin": "round",
-  "stroke-linecap": "round",
-  fill: "none",
-  role: "presentation"
-}, y = /* @__PURE__ */ s("line", {
+import { defineComponent as m, openBlock as o, createElementBlock as l, normalizeStyle as h, unref as s, normalizeClass as a, renderSlot as y, Fragment as d, createCommentVNode as f, createElementVNode as n } from "vue";
+import { useTheme as _ } from "../../composables/useTheme.js";
+const g = /* @__PURE__ */ n("line", {
   x1: "12",
   y1: "5",
   x2: "12",
   y2: "19"
-}, null, -1), g = /* @__PURE__ */ s("polyline", { points: "19 12 12 19 5 12" }, null, -1), h = /* @__PURE__ */ s("line", {
+}, null, -1), k = /* @__PURE__ */ n("polyline", { points: "19 12 12 19 5 12" }, null, -1), v = /* @__PURE__ */ n("line", {
   x1: "12",
   y1: "19",
   x2: "12",
   y2: "5"
-}, null, -1), f = /* @__PURE__ */ s("polyline", { points: "5 12 12 5 19 12" }, null, -1), l = {
+}, null, -1), b = /* @__PURE__ */ n("polyline", { points: "5 12 12 5 19 12" }, null, -1), B = {
+  key: 2,
+  d: "m3 9l4-4l4 4M7 5v14m14-4l-4 4l-4-4m4 4V5"
+}, r = {
   sort: [1, -1, void 0],
   textAlign: ["left", "center", "right", "justify"]
-}, k = {
+}, x = {
   sort: {
     type: Number,
-    validator: (r) => l.sort.includes(r)
+    validator: (t) => r.sort.includes(t)
   },
   sortable: Boolean,
   textAlign: {
     type: String,
     default: "left",
-    validator: (r) => l.textAlign.includes(r)
+    validator: (t) => r.textAlign.includes(t)
   },
   stickyHeader: Boolean
-}, m = { name: "XTableHeader", validators: l }, b = /* @__PURE__ */ d({
-  ...m,
-  props: k,
-  setup(r) {
-    return (e, v) => (t(), o("th", {
-      class: u(["py-2 font-semibold tracking-widest uppercase text-xs px-3", [
-        {
-          // sort
-          "cursor-pointer hover:text-gray-800 dark:hover:text-gray-300 transition-colors duration-150 ease-in-out": e.sortable,
-          // stickyHeader
-          "sticky top-0": e.stickyHeader,
-          // textAlign
-          "text-left": e.textAlign === "left",
-          "text-right": e.textAlign === "right",
-          "text-center": e.textAlign === "center",
-          "text-justify": e.textAlign === "justify"
-        }
-      ]])
+}, C = { name: "XTableHeader", validators: r }, S = /* @__PURE__ */ m({
+  ...C,
+  props: x,
+  setup(t) {
+    const c = t, { styles: u, classes: i, className: p } = _("TableHeader", {}, c);
+    return (e, H) => (o(), l("th", {
+      style: h(s(u)),
+      class: a([s(p), s(i).th, "group/th"])
     }, [
-      e.sortable ? (t(), o("div", c, [
-        i(e.$slots, "default"),
-        e.sort && [1, -1].includes(e.sort) ? (t(), o("svg", p, [
-          e.sort === -1 ? (t(), o(a, { key: 0 }, [
-            y,
-            g
-          ], 64)) : n("", !0),
-          e.sort === 1 ? (t(), o(a, { key: 1 }, [
-            h,
-            f
-          ], 64)) : n("", !0)
-        ])) : n("", !0)
-      ])) : i(e.$slots, "default", { key: 1 })
-    ], 2));
+      y(e.$slots, "default"),
+      e.sortable ? (o(), l("svg", {
+        key: 0,
+        class: a([
+          s(i).sortIcon,
+          [e.sort && [1, -1].includes(e.sort) ? "" : "invisible group-hover/th:visible"]
+        ]),
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        "stroke-linejoin": "round",
+        "stroke-linecap": "round",
+        fill: "none",
+        role: "presentation"
+      }, [
+        e.sort === -1 ? (o(), l(d, { key: 0 }, [
+          g,
+          k
+        ], 64)) : e.sort === 1 ? (o(), l(d, { key: 1 }, [
+          v,
+          b
+        ], 64)) : (o(), l("path", B))
+      ], 2)) : f("", !0)
+    ], 6));
   }
 });
 export {
-  b as default
+  S as default
 };

package/lib/components/table/TableRow.vue.d.ts

@@ -1,4 +1,18 @@
-import { type PropType } from 'vue';
+import { type PropType, type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const tableRowProps: {
+    pointer: BooleanConstructor;
+    striped: BooleanConstructor;
+    verticalAlign: {
+        type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+};
+export type TableRowProps = ExtractPublicPropTypes<typeof tableRowProps>;
+type InternalClasses = 'row';
+export interface TableRowTheme extends ThemeComponent<TableRowProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     pointer: BooleanConstructor;
     striped: BooleanConstructor;

package/lib/components/table/TableRow.vue.js

@@ -1,32 +1,28 @@
-import { defineComponent as i, computed as a, openBlock as n, createElementBlock as s, normalizeClass as d, renderSlot as g } from "vue";
-const r = {
+import { defineComponent as c, computed as m, openBlock as p, createElementBlock as u, normalizeStyle as d, unref as l, normalizeClass as g, renderSlot as f } from "vue";
+import { useTheme as b } from "../../composables/useTheme.js";
+const o = {
   verticalAlign: ["baseline", "bottom", "middle", "text-bottom", "text-top", "top"]
-}, c = { name: "XTableRow", validators: r }, u = /* @__PURE__ */ i({
-  ...c,
-  props: {
-    pointer: Boolean,
-    striped: Boolean,
-    verticalAlign: {
-      type: String,
-      default: "top",
-      validator: (t) => r.verticalAlign.includes(t)
-    }
-  },
+}, v = {
+  pointer: Boolean,
+  striped: Boolean,
+  verticalAlign: {
+    type: String,
+    default: "top",
+    validator: (t) => o.verticalAlign.includes(t)
+  }
+}, A = { name: "XTableRow", validators: o }, y = /* @__PURE__ */ c({
+  ...A,
+  props: v,
   setup(t) {
-    const e = t, l = a(() => e.verticalAlign === "baseline" ? "align-baseline" : e.verticalAlign === "bottom" ? "align-bottom" : e.verticalAlign === "middle" ? "align-middle" : e.verticalAlign === "text-bottom" ? "align-text-bottom" : e.verticalAlign === "text-top" ? "align-text-top" : e.verticalAlign === "top" ? "align-top" : "");
-    return (o, p) => (n(), s("tr", {
-      class: d([
-        t.striped ? "odd:bg-gray-50 dark:odd:bg-gray-800" : "border-b border-gray-200 dark:border-gray-700",
-        {
-          "hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer": t.pointer
-        },
-        l.value
-      ])
+    const e = t, n = m(() => e.verticalAlign === "baseline" ? "align-baseline" : e.verticalAlign === "bottom" ? "align-bottom" : e.verticalAlign === "middle" ? "align-middle" : e.verticalAlign === "text-bottom" ? "align-text-bottom" : e.verticalAlign === "text-top" ? "align-text-top" : e.verticalAlign === "top" ? "align-top" : ""), { styles: i, classes: r, className: a } = b("TableRow", {}, e);
+    return (s, x) => (p(), u("tr", {
+      style: d(l(i)),
+      class: g([l(a), l(r).row, n.value])
     }, [
-      g(o.$slots, "default")
-    ], 2));
+      f(s.$slots, "default")
+    ], 6));
   }
 });
 export {
-  u as default
+  y as default
 };

package/lib/components/table/index.d.ts

@@ -1,9 +1,11 @@
 export { default as XTable } from './Table.vue';
 export { default as XTableBody } from './TableBody';
 export { default as XTableCell } from './TableCell.vue';
-export { default as XTableHead } from './TableHead';
+export { default as XTableHead } from './TableHead.vue';
 export { default as XTableHeader } from './TableHeader.vue';
 export { default as XTableRow } from './TableRow.vue';
 export type { TableProps, TableHeader, TableTheme } from './Table.vue';
-export type { TableHeaderProps, TableHeaderAlign, TableHeaderSort } from './TableHeader.vue';
+export type { TableHeadProps, TableHeadTheme } from './TableHead.vue';
+export type { TableRowProps, TableRowTheme } from './TableRow.vue';
+export type { TableHeaderProps, TableHeaderAlign, TableHeaderSort, TableHeaderTheme } from './TableHeader.vue';
 export type { TableCellProps, TableCellTextAlign, TableCellVerticalAlign, TableCellTheme } from './TableCell.vue';

package/lib/components/table/theme/Table.base.theme.js

@@ -1,12 +1,13 @@
-const t = {
+const a = {
   classes: {
-    wrapper: ({ props: a }) => {
+    wrapper: "w-full h-full overflow-x-auto",
+    table: ({ props: l }) => {
       const e = ["w-full relative"];
-      return a.scrollable && e.push("overflow-x-scroll sm:overflow-x-auto whitespace-wrap sm:whitespace-normal block sm:table"), a.stickyHeader && e.push("relative"), a.fixed && e.push("table-fixed"), e;
+      return l.scrollable && e.push("overflow-x-scroll sm:overflow-x-auto whitespace-wrap sm:whitespace-normal"), l.stickyHeader && e.push("relative"), l.fixed && e.push("md:table-fixed"), e;
     },
-    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-50"
+    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-30"
   }
-}, s = t;
+}, t = a;
 export {
-  s as default
+  t as default
 };

package/lib/components/table/theme/Table.carbon.theme.js

@@ -1,5 +1,13 @@
-import e from "./Table.base.theme.js";
-const t = e, o = t;
+const t = {
+  classes: {
+    wrapper: "w-full h-full shadow-sm overflow-x-auto text-sm bg-white dark:bg-gray-800",
+    table: ({ props: a }) => {
+      const e = ["w-full relative"];
+      return a.scrollable && e.push("overflow-x-scroll sm:overflow-x-auto whitespace-wrap sm:whitespace-normal"), a.stickyHeader && e.push("relative"), a.fixed && e.push("md:table-fixed"), e;
+    },
+    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-30"
+  }
+}, l = t;
 export {
-  o as default
+  l as default
 };

package/lib/components/table/theme/TableCell.base.theme.js

@@ -1,8 +1,8 @@
 const i = {
   classes: {
-    wrapper: ({ props: t }) => {
-      const e = ["last:pr-0 px-3"];
-      return e.push(t.dense ? "py-2" : "py-4"), t.textAlign === "left" ? e.push("text-left") : t.textAlign === "center" ? e.push("text-center") : t.textAlign === "right" ? e.push("text-right") : t.textAlign === "justify" && e.push("text-justify"), t.verticalAlign === "baseline" ? e.push("align-baseline") : t.verticalAlign === "bottom" ? e.push("align-bottom") : t.verticalAlign === "middle" ? e.push("align-middle") : t.verticalAlign === "text-bottom" ? e.push("align-text-bottom") : t.verticalAlign === "text-top" ? e.push("align-text-top") : t.verticalAlign === "top" && e.push("align-top"), t.truncate && t.fixed && e.push("truncate"), e;
+    wrapper: ({ props: e }) => {
+      const t = ["last:pr-0 px-3"];
+      return t.push(e.dense ? "py-2" : "py-4"), e.textAlign === "left" ? t.push("text-left") : e.textAlign === "center" ? t.push("text-center") : e.textAlign === "right" ? t.push("text-right") : e.textAlign === "justify" && t.push("text-justify"), e.verticalAlign === "baseline" ? t.push("align-baseline") : e.verticalAlign === "bottom" ? t.push("align-bottom") : e.verticalAlign === "middle" ? t.push("align-middle") : e.verticalAlign === "text-bottom" ? t.push("align-text-bottom") : e.verticalAlign === "text-top" ? t.push("align-text-top") : e.verticalAlign === "top" && t.push("align-top"), e.truncate && t.push("truncate"), t;
     }
   }
 }, l = i;

package/lib/components/table/theme/TableCell.carbon.theme.js

@@ -1,5 +1,11 @@
-import e from "./TableCell.base.theme.js";
-const t = e, o = t;
+const i = {
+  classes: {
+    wrapper: ({ props: e }) => {
+      const t = ["last:pr-0 px-3"];
+      return t.push(e.dense ? "py-2" : "py-4"), e.textAlign === "left" ? t.push("text-left") : e.textAlign === "center" ? t.push("text-center") : e.textAlign === "right" ? t.push("text-right") : e.textAlign === "justify" && t.push("text-justify"), e.verticalAlign === "baseline" ? t.push("align-baseline") : e.verticalAlign === "bottom" ? t.push("align-bottom") : e.verticalAlign === "middle" ? t.push("align-middle") : e.verticalAlign === "text-bottom" ? t.push("align-text-bottom") : e.verticalAlign === "text-top" ? t.push("align-text-top") : e.verticalAlign === "top" && t.push("align-top"), e.truncate && t.push("truncate"), t;
+    }
+  }
+}, l = i;
 export {
-  o as default
+  l as default
 };

package/lib/components/table/theme/TableHead.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TableHeadTheme } from '../TableHead.vue';
+declare const theme: TableHeadTheme;
+export default theme;

package/lib/components/table/theme/TableHead.base.theme.js

@@ -0,0 +1,9 @@
+const t = {
+  classes: {
+    thead: "align-bottom",
+    row: "text-sm text-gray-600 dark:text-gray-400 border-b"
+  }
+}, e = t;
+export {
+  e as default
+};

package/lib/components/table/theme/TableHead.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TableHeadTheme } from '../TableHead.vue';
+declare const theme: TableHeadTheme;
+export default theme;

package/lib/components/table/theme/TableHead.carbon.theme.js

@@ -0,0 +1,9 @@
+const t = {
+  classes: {
+    thead: "align-bottom",
+    row: "text-gray-900 dark:text-gray-50"
+  }
+}, e = t;
+export {
+  e as default
+};

package/lib/components/table/theme/TableHeader.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TableHeaderTheme } from '../TableHeader.vue';
+declare const theme: TableHeaderTheme;
+export default theme;

package/lib/components/table/theme/TableHeader.base.theme.js

@@ -0,0 +1,12 @@
+const s = {
+  classes: {
+    th: ({ props: e }) => {
+      const t = ["relative py-2 font-semibold tracking-widest uppercase text-xs px-3"];
+      return e.sortable && t.push("cursor-pointer hover:text-gray-800 dark:hover:text-gray-300 transition-colors duration-150 ease-in-out"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
+    },
+    sortIcon: ({ props: e }) => ["absolute stroke-2 w-3 h-3 top-2.5 right-0.5"]
+  }
+}, i = s;
+export {
+  i as default
+};

package/lib/components/table/theme/TableHeader.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TableHeaderTheme } from '../TableHeader.vue';
+declare const theme: TableHeaderTheme;
+export default theme;

package/lib/components/table/theme/TableHeader.carbon.theme.js

@@ -0,0 +1,12 @@
+const s = {
+  classes: {
+    th: ({ props: e }) => {
+      const t = ["relative py-3.5 font-semibold text-sm px-3 bg-gray-200 dark:bg-gray-700 select-none"];
+      return e.sortable && t.push("cursor-pointer hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors duration-150 ease-in-out pr-5"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
+    },
+    sortIcon: ({ props: e }) => ["absolute stroke-2 w-4 h-4 top-4 right-2"]
+  }
+}, r = s;
+export {
+  r as default
+};

package/lib/components/table/theme/TableRow.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TableRowTheme } from '../TableRow.vue';
+declare const theme: TableRowTheme;
+export default theme;

package/lib/components/table/theme/TableRow.base.theme.js

@@ -0,0 +1,11 @@
+const s = {
+  classes: {
+    row: ({ props: e }) => {
+      const r = [];
+      return e.striped ? r.push("odd:bg-gray-50 dark:odd:bg-gray-800") : r.push("border-b border-gray-200 dark:border-gray-700"), e.pointer && r.push("hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer"), r;
+    }
+  }
+}, o = s;
+export {
+  o as default
+};

package/lib/components/table/theme/TableRow.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TableRowTheme } from '../TableRow.vue';
+declare const theme: TableRowTheme;
+export default theme;

package/lib/components/table/theme/TableRow.carbon.theme.js

@@ -0,0 +1,11 @@
+const s = {
+  classes: {
+    row: ({ props: e }) => {
+      const r = [];
+      return e.striped ? r.push("odd:bg-gray-50 dark:odd:bg-gray-800") : r.push("border-b border-gray-200 dark:border-gray-700"), e.pointer && r.push("hover:bg-gray-50 dark:hover:bg-gray-600 cursor-pointer"), r;
+    }
+  }
+}, o = s;
+export {
+  o as default
+};

package/lib/components/tag/Tag.vue.d.ts

@@ -19,7 +19,7 @@ declare const tagProps: {
     };
 };
 export type TagProps = ExtractPublicPropTypes<typeof tagProps>;
-type InternalClasses = 'wrapper' | 'loadingWrapper';
+type InternalClasses = 'wrapper';
 export interface TagTheme extends ThemeComponent<TagProps, InternalClasses> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{