@finema/core 1.3.40 → 1.4.1

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.40",
+  "version": "1.4.1",
   "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.40";
+const version = "1.4.1";
 
 const colors = {
   black: "#20243E",
@@ -171,6 +171,17 @@ const alert = {
   }
 };
 
+const button = {
+  default: {
+    size: "md",
+    variant: "solid",
+    color: "primary",
+    loadingIcon: "i-heroicons-arrow-path-20-solid"
+  }
+};
+
+const buttonGroup = {};
+
 const module = defineNuxtModule({
   meta: {
     name,
@@ -203,12 +214,14 @@ const module = defineNuxtModule({
       };
     });
     await installModule("@nuxt/ui", {
-      safelistColors: ["success", "secondary", "info", "danger", "warning"]
+      safelistColors: ["secondary", "success", "info", "danger", "warning"]
     });
     nuxt.options.appConfig.ui = _merge(nuxt.options.appConfig.ui || {}, {
       table,
       pagination,
-      alert
+      alert,
+      button,
+      buttonGroup
     });
     nuxt.options.appConfig.ui.strategy = "override";
     nuxt.options.runtimeConfig = _deepMerge(

package/dist/runtime/components/Alert.vue

@@ -1,61 +1,49 @@
-<template>
-  <UAlert v-bind="$props">
-    <template #title><slot name="title" /></template>
-    <template #description><slot name="description" /></template>
-  </UAlert>
-</template>
-<script lang="ts" setup>
-import { type PropType } from 'vue'
-import { type AlertColor, type AlertVariant, type Avatar, type Button } from '#ui/types'
-import type { Strategy } from '#core/types/utils'
-import { alert } from '#ui/ui.config'
-// @ts-expect-error
-import appConfig from '#build/app.config'
-
-defineProps({
-  title: {
-    type: String,
-    required: true,
-  },
-  description: {
-    type: String,
-    default: null,
-  },
-  icon: {
-    type: String,
-  },
-  avatar: {
-    type: Object as PropType<Avatar>,
-    default: null,
-  },
-  closeButton: {
-    type: Object as PropType<Button>,
-  },
-  actions: {
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    type: Array as PropType<Array<Button & { click?: Function }>>,
-  },
-  color: {
-    type: String as PropType<AlertColor>,
-    validator(value: string) {
-      return [...appConfig.ui.colors, ...Object.keys(alert.color)].includes(value)
-    },
-  },
-  variant: {
-    type: String as PropType<AlertVariant>,
-    validator(value: string) {
-      return [
-        ...Object.keys(alert.variant),
-        ...Object.values(alert.color).flatMap((value) => Object.keys(value)),
-      ].includes(value)
-    },
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof alert> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-</script>
+<template>
+  <UAlert v-bind="$props">
+    <template #title><slot name="title" :title="title" /></template>
+    <template #description><slot name="description" :description="description" /></template>
+  </UAlert>
+</template>
+<script lang="ts" setup>
+import { type PropType } from 'vue'
+import { type AlertColor, type AlertVariant, type Avatar, type Button } from '#ui/types'
+import type { Strategy } from '#core/types/utils'
+import { type alert } from '#ui/ui.config'
+
+defineProps({
+  title: {
+    type: String,
+    required: true,
+  },
+  description: {
+    type: String,
+    default: null,
+  },
+  icon: {
+    type: String,
+  },
+  avatar: {
+    type: Object as PropType<Avatar>,
+    default: null,
+  },
+  closeButton: {
+    type: Object as PropType<Button>,
+  },
+  actions: {
+    // eslint-disable-next-line @typescript-eslint/ban-types
+    type: Array as PropType<Array<Button & { click?: Function }>>,
+  },
+  color: {
+    type: String as PropType<AlertColor>,
+  },
+  variant: {
+    type: String as PropType<AlertVariant>,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof alert> & { strategy?: Strategy }>,
+  },
+})
+</script>

package/dist/runtime/components/Button/Group.vue

@@ -1,24 +1,16 @@
 <template>
-  <UButtonGroup
-    v-bind="attrs"
-    :class="$props.class"
-    :size="size"
-    :orientation="orientation"
-    :ui="ui"
-  >
+  <UButtonGroup v-bind="$props">
     <slot />
   </UButtonGroup>
 </template>
 
 <script lang="ts" setup>
-import { type PropType, useUiConfig, useUI, toRef } from '#imports'
-import { button, buttonGroup } from '#core/ui.config'
+import { type PropType } from '#imports'
 import { type ButtonSize } from '#ui/types/button'
 import { type Strategy } from '#core/types/utils'
+import { type buttonGroup, button } from '#ui/ui.config'
 
-const config = useUiConfig<typeof buttonGroup>(buttonGroup, 'buttonGroup')
-
-const props = defineProps({
+defineProps({
   size: {
     type: String as PropType<ButtonSize>,
     default: () => button.default.size,
@@ -38,10 +30,8 @@ const props = defineProps({
     default: undefined,
   },
   ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+    type: Object as PropType<Partial<typeof buttonGroup> & { strategy?: Strategy }>,
     default: undefined,
   },
 })
-
-const { ui, attrs } = useUI('buttonGroup', toRef(props, 'ui'), config, toRef(props, 'class'))
 </script>

package/dist/runtime/components/Button/index.vue

@@ -1,65 +1,34 @@
 <template>
-  <UButton
-    v-bind="attrs"
-    :class="$props.class"
-    :label="label"
-    :type="type"
-    :block="block"
-    :loading="loading"
-    :disabled="disabled"
-    :padded="padded"
-    :size="size"
-    :color="color"
-    :variant="variant"
-    :icon="icon"
-    :loading-icon="loadingIcon"
-    :leading-icon="leadingIcon"
-    :trailing-icon="trailingIcon"
-    :trailing="trailing"
-    :leading="leading"
-    :square="square"
-    :truncate="truncate"
-    :ui="ui"
-  >
-    <template #leading><slot name="leading" /></template>
-
+  <UButton v-bind="$props">
+    <template #leading><slot name="leading" :disabled="disabled" :loading="loading" /></template>
     <slot />
-    <template #trailing><slot name="trailing" /></template>
+    <template #trailing><slot name="trailing" :disabled="disabled" :loading="loading" /></template>
   </UButton>
 </template>
 
 <script lang="ts" setup>
-import { useUiConfig, toRef, type PropType, useUI } from '#imports'
-import { button } from '#core/ui.config'
+import { type PropType } from '#imports'
 import { type ButtonSize, type ButtonColor, type ButtonVariant } from '#ui/types/button'
 import { type Strategy } from '#core/types/utils'
+import { type button } from '#ui/ui.config'
+import { UButton } from '#components'
 
-const config = useUiConfig<typeof button>(button, 'button')
-
-defineOptions({
-  inheritAttrs: true,
-})
-
-const props = defineProps({
+defineProps({
+  ...UButton.props,
   label: {
     type: String,
-    default: '',
   },
   type: {
     type: String as PropType<'button' | 'submit' | 'reset'>,
-    default: 'button',
   },
   block: {
     type: Boolean,
-    default: false,
   },
   loading: {
     type: Boolean,
-    default: false,
   },
   disabled: {
     type: Boolean,
-    default: false,
   },
   padded: {
     type: Boolean,
@@ -67,60 +36,42 @@ const props = defineProps({
   },
   size: {
     type: String as PropType<ButtonSize>,
-    default: () => button.default.size,
-    validator(value: string) {
-      return Object.keys(button.size).includes(value)
-    },
   },
   color: {
     type: String as PropType<ButtonColor>,
-    default: () => button.default.color,
   },
   variant: {
     type: String as PropType<ButtonVariant>,
-    default: () => button.default.variant,
   },
   loadingIcon: {
     type: String,
-    default: () => button.default.loadingIcon,
   },
   icon: {
     type: String,
-    default: null,
   },
   leadingIcon: {
     type: String,
-    default: null,
   },
   trailingIcon: {
     type: String,
-    default: null,
   },
   trailing: {
     type: Boolean,
-    default: false,
   },
   leading: {
     type: Boolean,
-    default: false,
   },
   square: {
     type: Boolean,
-    default: false,
   },
   truncate: {
     type: Boolean,
-    default: false,
   },
   class: {
     type: [String, Array, Object] as PropType<any>,
-    default: undefined,
   },
   ui: {
-    type: Object as PropType<Partial<typeof config & { strategy?: Strategy }>>,
-    default: undefined,
+    type: Object as PropType<Partial<typeof button & { strategy?: Strategy }>>,
   },
 })
-
-const { ui, attrs } = useUI('button', toRef(props, 'ui'), config, toRef(props, 'class'))
 </script>

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

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

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

@@ -1,6 +1,4 @@
-import { button as inheritButton } from "#ui/ui.config";
 export const button = {
-  ...inheritButton,
   default: {
     size: "md",
     variant: "solid",

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.40",
+  "version": "1.4.1",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -39,7 +39,7 @@
     "@vee-validate/nuxt": "^4.12.3",
     "@vee-validate/zod": "^4.12.3",
     "@vuepic/vue-datepicker": "^7.4.0",
-    "axios": "^1.5.1",
+    "axios": "^1.6.2",
     "date-fns": "^3.0.6",
     "i18next": "^23.7.11",
     "lodash-es": "^4.17.21",
@@ -63,7 +63,7 @@
     "eslint": "^8.56.0",
     "husky": "^8.0.3",
     "lint-staged": "^15.2.0",
-    "nuxt": "^3.7.4",
+    "nuxt": "^3.8.2",
     "prettier": "^3.1.1",
     "release-it": "^17.0.1",
     "sass": "^1.69.5",