@finema/core 1.4.158 → 1.4.160

package/README.md

@@ -1,60 +1,60 @@
-# @finema/core Nuxt Module
-
-[✨  Release Notes](/CHANGELOG.md)
-
-## Starter template
-https://gitlab.finema.co/finema/nuxt3-template-with-uikit
-
-## Remark
-- Temporary use resolutions for vue 3.3.13 instead of ^3.4.0 due to [this issue](https://github.com/nuxt/ui/issues/1171) and planned to be fixed in the next vue 3.5 version.
-
-## Quick Setup
-
-1. Add `@finema/core` dependency to your project
-
-```bash
-# Using pnpm
-pnpm add -D @finema/core
-
-# Using yarn
-yarn add --dev @finema/core
-
-```
-
-1. Add `@finema/core` to the `modules` section of `nuxt.config.ts`
-
-```js
-export default defineNuxtConfig({
-  modules: [
-    '@finema/core'
-  ]
-})
-```
-
-That's it! You can now use @finema/core in your Nuxt app ✨
-
-## Development
-
-```bash
-# Install dependencies
-pnpm install
-
-# Generate type stubs
-pnpm dev:prepare
-
-# Develop with the playground
-pnpm dev
-
-# Build the playground
-pnpm dev:build
-
-# Run ESLint
-pnpm lint
-
-# Run Vitest
-pnpm test
-pnpm test:watch
-
-# Release new version
-pnpm release
-```
+# @finema/core Nuxt Module
+
+[✨  Release Notes](/CHANGELOG.md)
+
+## Starter template
+https://gitlab.finema.co/finema/nuxt3-template-with-uikit
+
+## Remark
+- Temporary use resolutions for vue 3.3.13 instead of ^3.4.0 due to [this issue](https://github.com/nuxt/ui/issues/1171) and planned to be fixed in the next vue 3.5 version.
+
+## Quick Setup
+
+1. Add `@finema/core` dependency to your project
+
+```bash
+# Using pnpm
+pnpm add -D @finema/core
+
+# Using yarn
+yarn add --dev @finema/core
+
+```
+
+1. Add `@finema/core` to the `modules` section of `nuxt.config.ts`
+
+```js
+export default defineNuxtConfig({
+  modules: [
+    '@finema/core'
+  ]
+})
+```
+
+That's it! You can now use @finema/core in your Nuxt app ✨
+
+## Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Generate type stubs
+pnpm dev:prepare
+
+# Develop with the playground
+pnpm dev
+
+# Build the playground
+pnpm dev:build
+
+# Run ESLint
+pnpm lint
+
+# Run Vitest
+pnpm test
+pnpm test:watch
+
+# Release new version
+pnpm release
+```

package/dist/module.json

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

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { defineNuxtModule, createResolver, installModule, addPlugin, addComponentsDir, addImportsDir } from '@nuxt/kit';
 
 const name = "@finema/core";
-const version = "1.4.158";
+const version = "1.4.160";
 
 const colors = {
   black: "#20243E",
@@ -39,7 +39,7 @@ const colors = {
     DEFAULT: "#0D8CEE",
     50: "#EBF6FF",
     100: "#EBF6FF",
-    400: "#0D8CEE",
+    400: "#56AFF3",
     500: "#0D8CEE",
     600: "#0D8CEE"
   },
@@ -227,6 +227,20 @@ const toggle = {
 
 const badge = {};
 
+const notification = {
+  ring: "ring-0",
+  progress: {
+    base: "hidden"
+  },
+  actionGroup: {
+    wrapper: "mt-5 flex justify-end space-x-4",
+    cancelColor: "primary",
+    cancelVariant: "outline",
+    confirmColor: "primary",
+    confirmVariant: "solid"
+  }
+};
+
 const colorModeOptions = {
   preference: "light"
 };
@@ -346,6 +360,7 @@ const module = defineNuxtModule({
         files: [
           ...tailwindConfig.content.files || [],
           resolve(runtimeDir, "components/**/*.{vue,mjs,ts}"),
+          resolve(runtimeDir, "composables/**/*.{vue,mjs,ts}"),
           resolve(runtimeDir, "ui.config/**/*.{mjs,js,ts}"),
           resolve(runtimeDir, "presets/**/*.{mjs,js,ts}")
         ]
@@ -377,6 +392,7 @@ const module = defineNuxtModule({
         textarea,
         toggle,
         badge,
+        notification,
         icons: {
           dynamic: true
         }

package/dist/runtime/components/Alert.vue

@@ -1,48 +1,48 @@
-<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 alert } from '#ui/ui.config'
-import type { AlertColor, AlertVariant, Avatar, Button, Strategy } from '#ui/types'
-
-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>
+<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 alert } from '#ui/ui.config'
+import type { AlertColor, AlertVariant, Avatar, Button, Strategy } from '#ui/types'
+
+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/Avatar.vue

@@ -1,27 +1,27 @@
-<template>
-  <UAvatar v-bind="$attrs" :src="src" :alt="alt" :size="size" />
-</template>
-
-<script lang="ts" setup>
-import type { AvatarSize } from '#ui/types'
-import type { PropType } from 'vue'
-
-defineOptions({
-  inheritAttrs: true,
-})
-
-defineProps({
-  src: {
-    type: String,
-    required: true,
-  },
-  alt: {
-    type: String,
-    required: true,
-  },
-  size: {
-    type: String as PropType<AvatarSize>,
-    default: 'sm',
-  },
-})
-</script>
+<template>
+  <UAvatar v-bind="$attrs" :src="src" :alt="alt" :size="size" />
+</template>
+
+<script lang="ts" setup>
+import type { AvatarSize } from '#ui/types'
+import type { PropType } from 'vue'
+
+defineOptions({
+  inheritAttrs: true,
+})
+
+defineProps({
+  src: {
+    type: String,
+    required: true,
+  },
+  alt: {
+    type: String,
+    required: true,
+  },
+  size: {
+    type: String as PropType<AvatarSize>,
+    default: 'sm',
+  },
+})
+</script>

package/dist/runtime/components/Badge.vue

@@ -1,11 +1,11 @@
-<template>
-  <UBadge v-bind="$props">
-    <slot />
-  </UBadge>
-</template>
-
-<script setup lang="ts">
-import type { Badge } from '#ui/types/badge'
-
-defineProps<Badge>()
-</script>
+<template>
+  <UBadge v-bind="$props">
+    <slot />
+  </UBadge>
+</template>
+
+<script setup lang="ts">
+import type { Badge } from '#ui/types/badge'
+
+defineProps<Badge>()
+</script>

package/dist/runtime/components/Breadcrumb.vue

@@ -1,44 +1,44 @@
-<template>
-  <UBreadcrumb v-bind="attrs" :class="$props.class" :links="links" :divider="divider" :ui="ui">
-    <template #default="{ link, isActive, index }">
-      <slot name="default" :link="link" :is-active="isActive" :index="index" />
-    </template>
-
-    <template #icon="{ link, index, isActive }">
-      <slot name="icon" :link="link" :is-active="isActive" :index="index" />
-    </template>
-
-    <template #divider>
-      <slot name="divider" />
-    </template>
-  </UBreadcrumb>
-</template>
-
-<script setup lang="ts">
-import { useUiConfig, type PropType, useUI, toRef } from '#imports'
-import { breadcrumb } from '#core/ui.config'
-import type { BreadcrumbLink, Strategy } from '#ui/types'
-
-const config = useUiConfig<typeof breadcrumb>(breadcrumb, 'breadcrumb')
-
-const props = defineProps({
-  links: {
-    type: Array as PropType<BreadcrumbLink[]>,
-    default: () => [],
-  },
-  divider: {
-    type: String,
-    default: () => breadcrumb.default.divider,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-
-const { ui, attrs } = useUI('breadcrumb', toRef(props, 'ui'), config, toRef(props, 'class'))
-</script>
+<template>
+  <UBreadcrumb v-bind="attrs" :class="$props.class" :links="links" :divider="divider" :ui="ui">
+    <template #default="{ link, isActive, index }">
+      <slot name="default" :link="link" :is-active="isActive" :index="index" />
+    </template>
+
+    <template #icon="{ link, index, isActive }">
+      <slot name="icon" :link="link" :is-active="isActive" :index="index" />
+    </template>
+
+    <template #divider>
+      <slot name="divider" />
+    </template>
+  </UBreadcrumb>
+</template>
+
+<script setup lang="ts">
+import { useUiConfig, type PropType, useUI, toRef } from '#imports'
+import { breadcrumb } from '#core/ui.config'
+import type { BreadcrumbLink, Strategy } from '#ui/types'
+
+const config = useUiConfig<typeof breadcrumb>(breadcrumb, 'breadcrumb')
+
+const props = defineProps({
+  links: {
+    type: Array as PropType<BreadcrumbLink[]>,
+    default: () => [],
+  },
+  divider: {
+    type: String,
+    default: () => breadcrumb.default.divider,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: () => '',
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+    default: () => ({}),
+  },
+})
+
+const { ui, attrs } = useUI('breadcrumb', toRef(props, 'ui'), config, toRef(props, 'class'))
+</script>

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

@@ -1,37 +1,37 @@
-<template>
-  <UButtonGroup v-bind="$props">
-    <slot />
-  </UButtonGroup>
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from 'vue'
-import type { ButtonSize } from '#ui/types/button'
-import { button, type buttonGroup } from '#ui/ui.config'
-import type { Strategy } from '#ui/types'
-
-defineProps({
-  size: {
-    type: String as PropType<ButtonSize>,
-    default: () => button.default.size,
-    validator(value: string) {
-      return Object.keys(button.size).includes(value)
-    },
-  },
-  orientation: {
-    type: String as PropType<'horizontal' | 'vertical'>,
-    default: 'horizontal',
-    validator(value: string) {
-      return ['horizontal', 'vertical'].includes(value)
-    },
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: undefined,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof buttonGroup> & { strategy?: Strategy }>,
-    default: undefined,
-  },
-})
-</script>
+<template>
+  <UButtonGroup v-bind="$props">
+    <slot />
+  </UButtonGroup>
+</template>
+
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import type { ButtonSize } from '#ui/types/button'
+import { button, type buttonGroup } from '#ui/ui.config'
+import type { Strategy } from '#ui/types'
+
+defineProps({
+  size: {
+    type: String as PropType<ButtonSize>,
+    default: () => button.default.size,
+    validator(value: string) {
+      return Object.keys(button.size).includes(value)
+    },
+  },
+  orientation: {
+    type: String as PropType<'horizontal' | 'vertical'>,
+    default: 'horizontal',
+    validator(value: string) {
+      return ['horizontal', 'vertical'].includes(value)
+    },
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: undefined,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof buttonGroup> & { strategy?: Strategy }>,
+    default: undefined,
+  },
+})
+</script>

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

@@ -1,75 +1,75 @@
-<template>
-  <UButton v-bind="$props">
-    <template #leading><slot name="leading" :disabled="disabled" :loading="loading" /></template>
-    <slot />
-    <template #trailing><slot name="trailing" :disabled="disabled" :loading="loading" /></template>
-  </UButton>
-</template>
-
-<script lang="ts" setup>
-import { type button } from '#ui/ui.config'
-import { UButton } from '#components'
-import type { ButtonColor, ButtonSize, ButtonVariant } from '#ui/types/button'
-import type { PropType } from 'vue'
-
-defineProps({
-  label: {
-    type: String,
-  },
-  type: {
-    type: String as PropType<'button' | 'submit' | 'reset'>,
-  },
-  block: {
-    type: Boolean,
-  },
-  loading: {
-    type: Boolean,
-  },
-  disabled: {
-    type: Boolean,
-  },
-  padded: {
-    type: Boolean,
-    default: true,
-  },
-  size: {
-    type: String as PropType<ButtonSize>,
-  },
-  color: {
-    type: String as PropType<ButtonColor>,
-  },
-  variant: {
-    type: String as PropType<ButtonVariant>,
-  },
-  loadingIcon: {
-    type: String,
-  },
-  icon: {
-    type: String,
-  },
-  leadingIcon: {
-    type: String,
-  },
-  trailingIcon: {
-    type: String,
-  },
-  trailing: {
-    type: Boolean,
-  },
-  leading: {
-    type: Boolean,
-  },
-  square: {
-    type: Boolean,
-  },
-  truncate: {
-    type: Boolean,
-  },
-  class: {
-    type: [String, Array, Object] as PropType<any>,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof button & { strategy?: Strategy }>>,
-  },
-})
-</script>
+<template>
+  <UButton v-bind="$props">
+    <template #leading><slot name="leading" :disabled="disabled" :loading="loading" /></template>
+    <slot />
+    <template #trailing><slot name="trailing" :disabled="disabled" :loading="loading" /></template>
+  </UButton>
+</template>
+
+<script lang="ts" setup>
+import { type button } from '#ui/ui.config'
+import { UButton } from '#components'
+import type { ButtonColor, ButtonSize, ButtonVariant } from '#ui/types/button'
+import type { PropType } from 'vue'
+
+defineProps({
+  label: {
+    type: String,
+  },
+  type: {
+    type: String as PropType<'button' | 'submit' | 'reset'>,
+  },
+  block: {
+    type: Boolean,
+  },
+  loading: {
+    type: Boolean,
+  },
+  disabled: {
+    type: Boolean,
+  },
+  padded: {
+    type: Boolean,
+    default: true,
+  },
+  size: {
+    type: String as PropType<ButtonSize>,
+  },
+  color: {
+    type: String as PropType<ButtonColor>,
+  },
+  variant: {
+    type: String as PropType<ButtonVariant>,
+  },
+  loadingIcon: {
+    type: String,
+  },
+  icon: {
+    type: String,
+  },
+  leadingIcon: {
+    type: String,
+  },
+  trailingIcon: {
+    type: String,
+  },
+  trailing: {
+    type: Boolean,
+  },
+  leading: {
+    type: Boolean,
+  },
+  square: {
+    type: Boolean,
+  },
+  truncate: {
+    type: Boolean,
+  },
+  class: {
+    type: [String, Array, Object] as PropType<any>,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof button & { strategy?: Strategy }>>,
+  },
+})
+</script>