@indielayer/ui 1.2.0 → 1.3.0

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

@@ -1,13 +1,12 @@
-import { defineComponent as i, openBlock as c, createElementBlock as p, normalizeStyle as d, unref as l, normalizeClass as m, renderSlot as u } from "vue";
-import { useTheme as f } from "../../composables/theme.js";
-import g from "./TableCell.theme.js";
-const o = {
+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 = {
   textAlign: [null, "left", "center", "right", "justify"],
   verticalAlign: [null, "baseline", "bottom", "middle", "text-bottom", "text-top", "top"]
-}, x = {
+}, g = {
   textAlign: {
     type: String,
-    validator: (e) => o.textAlign.includes(e)
+    validator: (e) => n.textAlign.includes(e)
   },
   truncate: Boolean,
   dense: Boolean,
@@ -15,29 +14,29 @@ const o = {
   verticalAlign: {
     type: String,
     default: "middle",
-    validator: (e) => o.verticalAlign.includes(e)
+    validator: (e) => n.verticalAlign.includes(e)
   }
-}, b = {
+}, x = {
   name: "XTableCell",
-  validators: o
-}, A = /* @__PURE__ */ i({
-  ...b,
-  props: x,
+  validators: n
+}, _ = /* @__PURE__ */ i({
+  ...x,
+  props: g,
   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: n, classes: r, className: a } = f("table-cell", g, t);
-    return (s, y) => (c(), p("td", {
-      style: d(l(n)),
-      class: m([
-        l(a),
-        l(r).wrapper
+    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
       ])
     }, [
-      u(s.$slots, "default")
+      m(s.$slots, "default")
     ], 6));
   }
 });
 export {
-  A as default
+  _ as default
 };

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

@@ -44,9 +44,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     stickyHeader: BooleanConstructor;
 }>>, {
+    stickyHeader: boolean;
     textAlign: "left" | "right" | "center" | "justify";
     sortable: boolean;
-    stickyHeader: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -16,9 +16,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
 }>>, {
+    striped: boolean;
     pointer: boolean;
     verticalAlign: "top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top";
-    striped: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -4,6 +4,6 @@ export { default as XTableCell } from './TableCell.vue';
 export { default as XTableHead } from './TableHead';
 export { default as XTableHeader } from './TableHeader.vue';
 export { default as XTableRow } from './TableRow.vue';
-export type { TableProps, TableHeader } from './Table.vue';
+export type { TableProps, TableHeader, TableTheme } from './Table.vue';
 export type { TableHeaderProps, TableHeaderAlign, TableHeaderSort } from './TableHeader.vue';
-export type { TableCellProps, TableCellTextAlign, TableCellVerticalAlign } from './TableCell.vue';
+export type { TableCellProps, TableCellTextAlign, TableCellVerticalAlign, TableCellTheme } from './TableCell.vue';

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

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

package/lib/components/table/{Table.theme.js → theme/Table.base.theme.js}

@@ -1,12 +1,12 @@
 const t = {
   classes: {
-    wrapper: ({ props: a, data: l }) => {
+    wrapper: ({ props: a }) => {
       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;
     },
     loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-50"
   }
-}, r = t;
+}, s = t;
 export {
-  r as default
+  s as default
 };

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

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

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

@@ -0,0 +1,5 @@
+import e from "./Table.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

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

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

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

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

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

@@ -0,0 +1,5 @@
+import e from "./TableCell.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

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

@@ -1,4 +1,5 @@
 import { type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const tagProps: {
     tag: {
         type: StringConstructor;
@@ -12,12 +13,15 @@ declare const tagProps: {
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type TagProps = ExtractPublicPropTypes<typeof tagProps>;
+type InternalClasses = 'wrapper' | 'loadingWrapper';
+export interface TagTheme extends ThemeComponent<TagProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
@@ -31,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -48,19 +52,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>> & {
     onRemove?: ((...args: any[]) => any) | undefined;
 }, {
+    size: import("../../composables/useCommon").Size;
+    outlined: boolean;
+    removable: boolean;
     color: string;
-    size: import("../../composables/common").Size;
     tag: string;
-    outlined: boolean;
     rounded: boolean;
-    removable: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/lib/components/tag/Tag.vue.js

@@ -1,14 +1,13 @@
 import { defineComponent as p, computed as f, openBlock as s, createBlock as g, resolveDynamicComponent as v, normalizeClass as y, unref as r, normalizeStyle as x, withCtx as z, createElementBlock as k, renderSlot as l, createVNode as b } from "vue";
-import { useColors as C } from "../../composables/colors.js";
-import { useCommon as a } from "../../composables/common.js";
-import { useTheme as B } from "../../composables/theme.js";
-import { closeIcon as h } from "../../common/icons.js";
-import S from "../icon/Icon.vue.js";
-import _ from "./Tag.theme.js";
+import { useColors as C } from "../../composables/useColors.js";
+import { useCommon as a } from "../../composables/useCommon.js";
+import { useTheme as B } from "../../composables/useTheme.js";
+import { closeIcon as S } from "../../common/icons.js";
+import _ from "../icon/Icon.vue.js";
 const $ = {
   key: 0,
   class: "max-w-full truncate"
-}, w = {
+}, h = {
   ...a.props(),
   ...C.props("gray"),
   tag: {
@@ -18,17 +17,17 @@ const $ = {
   rounded: Boolean,
   removable: Boolean,
   outlined: Boolean
-}, I = {
+}, w = {
   name: "XTag",
   validators: {
     ...a.validators()
   }
-}, j = /* @__PURE__ */ p({
-  ...I,
-  props: w,
+}, V = /* @__PURE__ */ p({
+  ...w,
+  props: h,
   emits: ["remove"],
   setup(n) {
-    const o = n, m = f(() => o.size === "xs" ? "xs" : o.size === "sm" ? "sm" : o.size === "lg" ? "md" : o.size === "xl" ? "lg" : "sm"), { styles: i, classes: u, className: d } = B("tag", _, o);
+    const o = n, i = f(() => o.size === "xs" ? "xs" : o.size === "sm" ? "sm" : o.size === "lg" ? "md" : o.size === "xl" ? "lg" : "sm"), { styles: m, classes: u, className: d } = B("Tag", {}, o);
     return (e, t) => (s(), g(v(e.tag), {
       class: y([
         "text-[color:var(--x-tag-text)] dark:text-[color:var(--x-tag-dark-text)] border-[color:var(--x-tag-border)",
@@ -39,14 +38,14 @@ const $ = {
           e.rounded ? "rounded-full" : "rounded"
         ]
       ]),
-      style: x(r(i))
+      style: x(r(m))
     }, {
       default: z(() => [
         e.removable ? (s(), k("span", $, [
           l(e.$slots, "default"),
-          b(S, {
-            size: m.value,
-            icon: r(h),
+          b(_, {
+            size: i.value,
+            icon: r(S),
             class: "ml-1 cursor-pointer hover:text-gray-700 transition-colors duration-150",
             onClick: t[0] || (t[0] = (c) => e.$emit("remove", c))
           }, null, 8, ["size", "icon"])
@@ -57,5 +56,5 @@ const $ = {
   }
 });
 export {
-  j as default
+  V as default
 };

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

@@ -1,2 +1,2 @@
 export { default as XTag } from './Tag.vue';
-export type { TagProps } from './Tag.vue';
+export type { TagProps, TagTheme } from './Tag.vue';

package/lib/components/tag/theme/Tag.base.theme.d.ts

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

package/lib/components/tag/{Tag.theme.js → theme/Tag.base.theme.js}

@@ -1,23 +1,23 @@
-const a = {
+const i = {
   classes: {
-    wrapper: ({ props: t, data: s }) => {
+    wrapper: ({ props: t }) => {
       let e = "inline-flex items-center leading-none max-w-full";
       return t.size === "xs" ? e += " px-2 py-1 text-xs" : t.size === "sm" ? e += " px-2 py-1 text-sm" : t.size === "lg" ? e += " px-4 py-3 text-lg" : t.size === "xl" ? e += " px-6 py-6 text-xl" : e += " px-3 py-2", e;
     },
     loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-50"
   },
-  styles: ({ colors: t, props: s, css: e }) => {
-    const l = t.getPalette(s.color);
-    return e.variables({
+  styles: ({ colors: t, props: e, css: s }) => {
+    const l = t.getPalette(e.color);
+    return s.variables({
       bg: l[100],
       text: l[800],
       border: l[800],
       dark: {
-        text: s.outlined ? l[200] : l[800]
+        text: e.outlined ? l[200] : l[800]
       }
     });
   }
-}, i = a;
+}, x = i;
 export {
-  i as default
+  x as default
 };

package/lib/components/tag/theme/Tag.carbon.theme.d.ts

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

package/lib/components/tag/theme/Tag.carbon.theme.js

@@ -0,0 +1,24 @@
+const i = {
+  classes: {
+    wrapper: ({ props: t }) => {
+      let e = "inline-flex items-center leading-none max-w-full ";
+      return t.size === "xs" || t.size === "sm" ? e += " px-2 py-1 text-xs" : t.size === "lg" ? e += " px-4 py-3" : t.size === "xl" ? e += " px-5 py-5 text-lg" : e += " px-3 py-2 text-sm", e;
+    },
+    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-50"
+  },
+  styles: ({ colors: t, props: e, css: s }) => {
+    const l = t.getPalette(e.color);
+    return s.variables({
+      bg: l[200],
+      text: l[800],
+      border: l[800],
+      dark: {
+        bg: l[700],
+        text: e.outlined ? l[200] : l[800]
+      }
+    });
+  }
+}, r = i;
+export {
+  r as default
+};

package/lib/components/textarea/Textarea.vue.d.ts

@@ -1,4 +1,5 @@
-import { type ExtractPublicPropTypes } from 'vue';
+import { type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const textareaProps: {
     helper: StringConstructor;
     label: StringConstructor;
@@ -6,16 +7,16 @@ declare const textareaProps: {
         type: StringConstructor;
         default: string;
     };
-    rows: (StringConstructor | NumberConstructor)[];
+    rows: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     max: (StringConstructor | NumberConstructor)[];
     maxlength: (StringConstructor | NumberConstructor)[];
     min: (StringConstructor | NumberConstructor)[];
     minlength: (StringConstructor | NumberConstructor)[];
     placeholder: StringConstructor;
-    adjustToText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    adjustToText: BooleanConstructor;
     preventEnter: BooleanConstructor;
     block: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
@@ -27,19 +28,31 @@ declare const textareaProps: {
         readonly default: true;
     };
     error: StringConstructor;
+    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type TextareaProps = ExtractPublicPropTypes<typeof textareaProps>;
+type InternalClasses = 'wrapper' | 'input';
+type InternalExtraData = {
+    errorInternal: Ref<boolean>;
+};
+export interface TextareaTheme extends ThemeComponent<TextareaProps, InternalClasses, InternalExtraData> {
+}
 declare const _default: import("vue").DefineComponent<{
     helper: StringConstructor;
     label: StringConstructor;
@@ -47,16 +60,16 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    rows: (StringConstructor | NumberConstructor)[];
+    rows: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     max: (StringConstructor | NumberConstructor)[];
     maxlength: (StringConstructor | NumberConstructor)[];
     min: (StringConstructor | NumberConstructor)[];
     minlength: (StringConstructor | NumberConstructor)[];
     placeholder: StringConstructor;
-    adjustToText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    adjustToText: BooleanConstructor;
     preventEnter: BooleanConstructor;
     block: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
@@ -68,14 +81,20 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     error: StringConstructor;
+    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -92,16 +111,16 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    rows: (StringConstructor | NumberConstructor)[];
+    rows: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     max: (StringConstructor | NumberConstructor)[];
     maxlength: (StringConstructor | NumberConstructor)[];
     min: (StringConstructor | NumberConstructor)[];
     minlength: (StringConstructor | NumberConstructor)[];
     placeholder: StringConstructor;
-    adjustToText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    adjustToText: BooleanConstructor;
     preventEnter: BooleanConstructor;
     block: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
@@ -113,29 +132,38 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     error: StringConstructor;
+    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
-    dir: string;
-    size: import("../../composables/common").Size;
-    block: boolean;
+    size: import("../../composables/useCommon").Size;
     required: boolean;
+    block: boolean;
+    disabled: boolean;
     loading: boolean;
+    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     readonly: boolean;
     validateOnInput: boolean;
+    hideFooter: boolean;
     rules: unknown[];
+    dir: string;
+    rows: string | number;
     adjustToText: boolean;
     preventEnter: boolean;
 }, {}>;