@finema/core 1.3.28 → 1.3.30

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.28",
+  "version": "1.3.30",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import { merge } from 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.3.28";
+const version = "1.3.30";
 
 const colors = {
   black: "#20243E",
@@ -67,86 +67,84 @@ const colors = {
   }
 };
 
-const ui = {
-  strategy: "override",
-  pagination: {
-    default: {
-      activeButton: {
-        color: "primary",
-        class: "rounded-md px-3"
-      },
-      inactiveButton: {
-        color: "primary",
-        variant: "ghost",
-        class: "rounded-md px-3 text-gray-500 hover:bg-primary-500 hover:text-white"
-      },
-      firstButton: {
-        color: "primary",
-        variant: "ghost",
-        class: "rtl:[&_span:first-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
-      },
-      lastButton: {
-        color: "primary",
-        variant: "ghost",
-        class: "rtl:[&_span:last-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
-      },
-      prevButton: {
-        color: "primary",
-        variant: "ghost",
-        class: "rtl:[&_span:first-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
-      },
-      nextButton: {
-        color: "primary",
-        variant: "ghost",
-        class: "rtl:[&_span:last-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
-      }
-    }
-  },
-  table: {
-    wrapper: "relative overflow-x-auto bg-white rounded-lg",
-    base: "min-w-full table-fixed",
-    divide: "divide-y divide-y-2 divide-gray-300 dark:divide-gray-700",
-    thead: "",
-    tbody: "divide-y divide-gray-200 dark:divide-gray-800",
-    tr: {
-      base: "even:bg-gray-50",
-      selected: "bg-gray-50 dark:bg-gray-800/50",
-      active: "hover:bg-gray-50 dark:hover:bg-gray-800/50 cursor-pointer"
+const _merge = merge;
+
+const pagination = {
+  default: {
+    activeButton: {
+      color: "primary",
+      class: "rounded-md px-3"
     },
-    th: {
-      base: "text-left rtl:text-right",
-      padding: "px-3 py-3.5",
-      color: "text-gray-700 dark:text-white",
-      font: "font-normal",
-      size: "text-sm"
+    inactiveButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rounded-md px-3 text-gray-500 hover:bg-primary-500 hover:text-white"
     },
-    td: {
-      base: "whitespace-nowrap",
-      padding: "px-3 py-4",
-      color: "text-gray-500 dark:text-gray-400",
-      font: "",
-      size: "text-sm"
+    firstButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rtl:[&_span:first-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
     },
-    default: {
-      sortButton: {
-        icon: "i-heroicons-arrows-up-down-20-solid",
-        trailing: true,
-        square: true,
-        color: "gray",
-        variant: "ghost",
-        class: "-m-1.5 text-gray-700 font-normal"
-      },
-      loadingState: {
-        label: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14..."
-      },
-      emptyState: {
-        label: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25"
-      }
+    lastButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rtl:[&_span:last-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
+    },
+    prevButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rtl:[&_span:first-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
+    },
+    nextButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rtl:[&_span:last-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
     }
   }
 };
 
-const _merge = merge;
+const table = {
+  wrapper: "relative overflow-x-auto bg-white rounded-lg",
+  base: "min-w-full table-fixed",
+  divide: "divide-y divide-y-2 divide-gray-300 dark:divide-gray-700",
+  thead: "",
+  tbody: "divide-y divide-gray-200 dark:divide-gray-800",
+  tr: {
+    base: "even:bg-gray-50",
+    selected: "bg-gray-50 dark:bg-gray-800/50",
+    active: "hover:bg-gray-50 dark:hover:bg-gray-800/50 cursor-pointer"
+  },
+  th: {
+    base: "text-left rtl:text-right",
+    padding: "px-3 py-3.5",
+    color: "text-gray-700 dark:text-white",
+    font: "font-normal",
+    size: "text-sm"
+  },
+  td: {
+    base: "whitespace-nowrap",
+    padding: "px-3 py-4",
+    color: "text-gray-500 dark:text-gray-400",
+    font: "",
+    size: "text-sm"
+  },
+  default: {
+    sortButton: {
+      icon: "i-heroicons-arrows-up-down-20-solid",
+      trailing: true,
+      square: true,
+      color: "gray",
+      variant: "ghost",
+      class: "-m-1.5 text-gray-700 font-normal"
+    },
+    loadingState: {
+      label: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14..."
+    },
+    emptyState: {
+      label: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25"
+    }
+  }
+};
 
 const module = defineNuxtModule({
   meta: {
@@ -165,17 +163,13 @@ const module = defineNuxtModule({
     nuxt.options.build.transpile.push(runtimeDir);
     nuxt.options.alias["#core"] = runtimeDir;
     nuxt.options.css.push(resolve(runtimeDir, "ui.css"));
-    nuxt.options.appConfig.app = {
-      strategy: "override"
-    };
     nuxt.hook("tailwindcss:config", (tailwindConfig) => {
       tailwindConfig.content = {
         ...tailwindConfig.content,
         files: [
           ...tailwindConfig.content.files,
           resolve(runtimeDir, "components/**/*.{vue,mjs,ts}"),
-          resolve(runtimeDir, "*.{mjs,js,ts}"),
-          resolve("./*.{mjs,js,ts}")
+          resolve(runtimeDir, "ui.config/**/*.{mjs,js,ts}")
         ]
       };
       tailwindConfig.theme.extend.colors = {
@@ -184,7 +178,11 @@ const module = defineNuxtModule({
       };
     });
     await installModule("@nuxt/ui");
-    nuxt.options.appConfig.ui = _merge(nuxt.options.appConfig.ui || {}, ui);
+    nuxt.options.appConfig.ui = _merge(nuxt.options.appConfig.ui || {}, {
+      table,
+      pagination
+    });
+    nuxt.options.appConfig.ui.strategy = "override";
     await installModule("@pinia/nuxt");
     await installModule("@vee-validate/nuxt", {
       // disable or enable auto imports

package/dist/runtime/ui.config/badge.d.ts

@@ -0,0 +1 @@
+export declare const badge: any;

package/dist/runtime/ui.config/badge.mjs

@@ -0,0 +1,9 @@
+import { badge as inheritBadge } from "#ui/ui.config";
+export const badge = {
+  ...inheritBadge,
+  default: {
+    size: "sm",
+    variant: "solid",
+    color: "primary"
+  }
+};

package/dist/runtime/ui.config/breadcrumb.d.ts

@@ -0,0 +1 @@
+export declare const breadcrumb: any;

package/dist/runtime/ui.config/breadcrumb.mjs

@@ -0,0 +1,7 @@
+import { breadcrumb as inheritBreadcrumb } from "#ui/ui.config";
+export const breadcrumb = {
+  ...inheritBreadcrumb,
+  default: {
+    divider: "i-heroicons-chevron-right-20-solid rtl:i-heroicons-chevron-left-20-solid"
+  }
+};

package/dist/runtime/ui.config/button.d.ts

@@ -0,0 +1 @@
+export declare const button: any;

package/dist/runtime/ui.config/button.mjs

@@ -0,0 +1,10 @@
+import { button as inheritButton } from "#ui/ui.config";
+export const button = {
+  ...inheritButton,
+  default: {
+    size: "md",
+    variant: "solid",
+    color: "primary",
+    loadingIcon: "i-heroicons-arrow-path-20-solid"
+  }
+};

package/dist/runtime/ui.config/buttonGroup.d.ts

@@ -0,0 +1 @@
+export declare const buttonGroup: any;

package/dist/runtime/ui.config/buttonGroup.mjs

@@ -0,0 +1,8 @@
+import { buttonGroup as inheritButtonGroup } from "#ui/ui.config";
+export const buttonGroup = {
+  ...inheritButtonGroup,
+  default: {
+    size: "md",
+    orientation: "horizontal"
+  }
+};

package/dist/runtime/ui.config/card.d.ts

@@ -0,0 +1 @@
+export declare const card: any;

package/dist/runtime/ui.config/card.mjs

@@ -0,0 +1,2 @@
+import { card as inheritCard } from "#ui/ui.config";
+export const card = { ...inheritCard };

package/dist/runtime/ui.config/icon.d.ts

@@ -0,0 +1,3 @@
+export declare const icon: {
+    dynamic: boolean;
+};

package/dist/runtime/ui.config/icon.mjs

@@ -0,0 +1,3 @@
+export const icon = {
+  dynamic: false
+};

package/dist/runtime/ui.config/index.d.ts

@@ -0,0 +1,11 @@
+export { table } from './table';
+export { pagination } from './pagination';
+export { button } from './button';
+export { badge } from './badge';
+export { buttonGroup } from './buttonGroup';
+export { card } from './card';
+export { tabs } from './tabs';
+export { icon } from './icon';
+export { modal } from './modal';
+export { slideover } from './slideover';
+export { breadcrumb } from './breadcrumb';

package/dist/runtime/ui.config/index.mjs

@@ -0,0 +1,11 @@
+export { table } from "./table.mjs";
+export { pagination } from "./pagination.mjs";
+export { button } from "./button.mjs";
+export { badge } from "./badge.mjs";
+export { buttonGroup } from "./buttonGroup.mjs";
+export { card } from "./card.mjs";
+export { tabs } from "./tabs.mjs";
+export { icon } from "./icon.mjs";
+export { modal } from "./modal.mjs";
+export { slideover } from "./slideover.mjs";
+export { breadcrumb } from "./breadcrumb.mjs";

package/dist/runtime/ui.config/modal.d.ts

@@ -0,0 +1 @@
+export declare const modal: any;

package/dist/runtime/ui.config/modal.mjs

@@ -0,0 +1,29 @@
+import { modal as inheritModal } from "#ui/ui.config";
+export const modal = {
+  ...inheritModal,
+  header: "px-4 py-2 border-b",
+  innerWrapper: "p-4",
+  size: {
+    sm: "sm:max-w-sm",
+    md: "sm:max-w-lg",
+    lg: "sm:max-w-2xl",
+    xl: "sm:max-w-4xl"
+  },
+  position: {
+    top: "flex min-h-full items-end sm:items-start justify-center text-center",
+    center: "flex min-h-full items-end sm:items-center  justify-center text-center",
+    bottom: "flex min-h-full items-end sm:items-end justify-center text-center"
+  },
+  fixHeightSize: {
+    default: "max-h-[calc(100vh-4rem)]",
+    sm: "max-h-[256px]",
+    md: "max-h-[512px]",
+    lg: "max-h-[768px]",
+    xl: "max-h-[1024px]"
+  },
+  default: {
+    size: "md",
+    position: "center",
+    fixHeightSize: "default"
+  }
+};

package/dist/runtime/ui.config/pagination.d.ts

@@ -0,0 +1,3 @@
+import type * as config from '#ui/ui.config';
+import type { DeepPartial } from '#ui/types';
+export declare const pagination: DeepPartial<(typeof config)['pagination']>;

package/dist/runtime/ui.config/pagination.mjs

@@ -0,0 +1,33 @@
+export const pagination = {
+  default: {
+    activeButton: {
+      color: "primary",
+      class: "rounded-md px-3"
+    },
+    inactiveButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rounded-md px-3 text-gray-500 hover:bg-primary-500 hover:text-white"
+    },
+    firstButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rtl:[&_span:first-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
+    },
+    lastButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rtl:[&_span:last-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
+    },
+    prevButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rtl:[&_span:first-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
+    },
+    nextButton: {
+      color: "primary",
+      variant: "ghost",
+      class: "rtl:[&_span:last-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
+    }
+  }
+};

package/dist/runtime/ui.config/slideover.d.ts

@@ -0,0 +1 @@
+export declare const slideover: any;

package/dist/runtime/ui.config/slideover.mjs

@@ -0,0 +1,16 @@
+import { slideover as inheritSlideover } from "#ui/ui.config";
+export const slideover = {
+  ...inheritSlideover,
+  bodyWrapper: "p-4",
+  size: {
+    sm: "w-screen max-w-xs",
+    md: "w-screen max-w-md",
+    lg: "w-screen max-w-xl",
+    xl: "w-screen max-w-2xl",
+    half: "w-screen max-w-[calc(100vw/2)]",
+    full: "w-screen max-w-full"
+  },
+  default: {
+    size: "md"
+  }
+};

package/dist/runtime/ui.config/table.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const table: DeepPartial<(typeof config)['table']>;

package/dist/runtime/ui.config/table.mjs

@@ -0,0 +1,42 @@
+export const table = {
+  wrapper: "relative overflow-x-auto bg-white rounded-lg",
+  base: "min-w-full table-fixed",
+  divide: "divide-y divide-y-2 divide-gray-300 dark:divide-gray-700",
+  thead: "",
+  tbody: "divide-y divide-gray-200 dark:divide-gray-800",
+  tr: {
+    base: "even:bg-gray-50",
+    selected: "bg-gray-50 dark:bg-gray-800/50",
+    active: "hover:bg-gray-50 dark:hover:bg-gray-800/50 cursor-pointer"
+  },
+  th: {
+    base: "text-left rtl:text-right",
+    padding: "px-3 py-3.5",
+    color: "text-gray-700 dark:text-white",
+    font: "font-normal",
+    size: "text-sm"
+  },
+  td: {
+    base: "whitespace-nowrap",
+    padding: "px-3 py-4",
+    color: "text-gray-500 dark:text-gray-400",
+    font: "",
+    size: "text-sm"
+  },
+  default: {
+    sortButton: {
+      icon: "i-heroicons-arrows-up-down-20-solid",
+      trailing: true,
+      square: true,
+      color: "gray",
+      variant: "ghost",
+      class: "-m-1.5 text-gray-700 font-normal"
+    },
+    loadingState: {
+      label: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14..."
+    },
+    emptyState: {
+      label: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25"
+    }
+  }
+};

package/dist/runtime/ui.config/tabs.d.ts

@@ -0,0 +1 @@
+export declare const tabs: any;

package/dist/runtime/ui.config/tabs.mjs

@@ -0,0 +1,4 @@
+import { tabs as inheritTabs } from "#ui/ui.config";
+export const tabs = {
+  ...inheritTabs
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.28",
+  "version": "1.3.30",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Development Team",

package/dist/runtime/ui.config.d.ts

@@ -1,11 +0,0 @@
-export declare const icon: {
-    dynamic: boolean;
-};
-export declare const card: any;
-export declare const breadcrumb: any;
-export declare const buttonGroup: any;
-export declare const button: any;
-export declare const modal: any;
-export declare const slideover: any;
-export declare const tabs: any;
-export declare const badge: any;

package/dist/runtime/ui.config.mjs

@@ -1,90 +0,0 @@
-import {
-  modal as inheritModal,
-  slideover as inheritSlideover,
-  button as inheritButton,
-  buttonGroup as inheritButtonGroup,
-  tabs as inheritTabs,
-  card as inheritCard,
-  breadcrumb as inheritBreadcrumb,
-  badge as inheritBadge
-} from "#ui/ui.config";
-export const icon = {
-  dynamic: false
-};
-export const card = { ...inheritCard };
-export const breadcrumb = {
-  ...inheritBreadcrumb,
-  default: {
-    divider: "i-heroicons-chevron-right-20-solid rtl:i-heroicons-chevron-left-20-solid"
-  }
-};
-export const buttonGroup = {
-  ...inheritButtonGroup,
-  default: {
-    size: "md",
-    orientation: "horizontal"
-  }
-};
-export const button = {
-  ...inheritButton,
-  default: {
-    size: "md",
-    variant: "solid",
-    color: "primary",
-    loadingIcon: "i-heroicons-arrow-path-20-solid"
-  }
-};
-export const modal = {
-  ...inheritModal,
-  header: "px-4 py-2 border-b",
-  innerWrapper: "p-4",
-  size: {
-    sm: "sm:max-w-sm",
-    md: "sm:max-w-lg",
-    lg: "sm:max-w-2xl",
-    xl: "sm:max-w-4xl"
-  },
-  position: {
-    top: "flex min-h-full items-end sm:items-start justify-center text-center",
-    center: "flex min-h-full items-end sm:items-center  justify-center text-center",
-    bottom: "flex min-h-full items-end sm:items-end justify-center text-center"
-  },
-  fixHeightSize: {
-    default: "max-h-[calc(100vh-4rem)]",
-    sm: "max-h-[256px]",
-    md: "max-h-[512px]",
-    lg: "max-h-[768px]",
-    xl: "max-h-[1024px]"
-  },
-  default: {
-    size: "md",
-    position: "center",
-    fixHeightSize: "default"
-  }
-};
-export const slideover = {
-  ...inheritSlideover,
-  bodyWrapper: "p-4",
-  size: {
-    sm: "w-screen max-w-xs",
-    md: "w-screen max-w-md",
-    lg: "w-screen max-w-xl",
-    xl: "w-screen max-w-2xl",
-    half: "w-screen max-w-[calc(100vw/2)]",
-    full: "w-screen max-w-full"
-  },
-  default: {
-    size: "md"
-  }
-};
-export const tabs = {
-  ...inheritTabs
-};
-export const badge = {
-  ...inheritBadge,
-  default: {
-    size: "sm",
-    variant: "solid",
-    color: "primary"
-  }
-};