@finema/core 1.4.22 → 1.4.24

package/README.md

@@ -1,60 +1,63 @@
-# @finema/core Nuxt Module
-
-[✨  Release Notes](/CHANGELOG.md)
-
-## Features
-
-- UI components
-- Useful composables
-- Security
-
-## 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)
+
+## Features
+
+- UI components
+- Useful composables
+- Security
+
+## 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.d.mts

@@ -14,10 +14,10 @@ declare namespace config {
   export { config_core as core };
 }
 
-type Strategy = 'merge' | 'override'
-
-type DeepPartial<T> = Partial<{
-  [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
+type Strategy = 'merge' | 'override'
+
+type DeepPartial<T> = Partial<{
+  [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
 }>
 
 interface ModuleOptions {

package/dist/module.d.ts

@@ -14,10 +14,10 @@ declare namespace config {
   export { config_core as core };
 }
 
-type Strategy = 'merge' | 'override'
-
-type DeepPartial<T> = Partial<{
-  [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
+type Strategy = 'merge' | 'override'
+
+type DeepPartial<T> = Partial<{
+  [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
 }>
 
 interface ModuleOptions {

package/dist/module.json

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

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.4.22";
+const version = "1.4.24";
 
 const colors = {
   black: "#20243E",
@@ -89,6 +89,7 @@ const _deepMerge = (target, ...sources) => {
 const pagination = {
   wrapper: "flex items-center space-x-1",
   default: {
+    size: "sm",
     activeButton: {
       color: "primary",
       class: "rounded-md px-3"
@@ -111,11 +112,13 @@ const pagination = {
     prevButton: {
       color: "primary",
       variant: "ghost",
+      icon: "i-heroicons-chevron-left-20-solid",
       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",
+      icon: "i-heroicons-chevron-right-20-solid",
       class: "rtl:[&_span:last-child]:rotate-180 rounded-md px-2 text-gray-500 hover:bg-primary-500 hover:text-white"
     }
   }

package/dist/runtime/components/Alert.vue

@@ -1,49 +1,49 @@
-<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>
+<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/Avatar.vue

@@ -1,27 +1,27 @@
-<template>
-  <UAvatar v-bind="$attrs" :src="src" :alt="alt" :size="size" />
-</template>
-
-<script lang="ts" setup>
-import { type PropType } from '#imports'
-import { type AvatarSize } from '#ui/types'
-
-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 PropType } from '#imports'
+import { type AvatarSize } from '#ui/types'
+
+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,54 +1,54 @@
-<template>
-  <UBadge
-    v-bind="attrs"
-    :class="$props.class"
-    :label="label"
-    :size="size"
-    :color="color"
-    :variant="variant"
-    :ui="ui"
-  >
-    <slot />
-  </UBadge>
-</template>
-
-<script setup lang="ts">
-import { useUiConfig, type PropType, useUI, toRef } from '#imports'
-import { type BadgeSize, type BadgeColor, type BadgeVariant } from '#ui/types'
-import { badge } from '#core/ui.config'
-import type { Strategy } from '#core/types/utils'
-
-const config = useUiConfig<typeof badge>(badge, 'badge')
-
-const props = defineProps({
-  size: {
-    type: String as PropType<BadgeSize>,
-    default: () => badge.default.size,
-    validator(value: string) {
-      return Object.keys(badge.size).includes(value)
-    },
-  },
-  color: {
-    type: String as PropType<BadgeColor>,
-    default: () => badge.default.color,
-  },
-  variant: {
-    type: String as PropType<BadgeVariant>,
-    default: () => badge.default.variant,
-  },
-  label: {
-    type: [String, Number],
-    default: null,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-
-const { ui, attrs } = useUI('badge', toRef(props, 'ui'), config, toRef(props, 'class'))
-</script>
+<template>
+  <UBadge
+    v-bind="attrs"
+    :class="$props.class"
+    :label="label"
+    :size="size"
+    :color="color"
+    :variant="variant"
+    :ui="ui"
+  >
+    <slot />
+  </UBadge>
+</template>
+
+<script setup lang="ts">
+import { useUiConfig, type PropType, useUI, toRef } from '#imports'
+import { type BadgeSize, type BadgeColor, type BadgeVariant } from '#ui/types'
+import { badge } from '#core/ui.config'
+import type { Strategy } from '#core/types/utils'
+
+const config = useUiConfig<typeof badge>(badge, 'badge')
+
+const props = defineProps({
+  size: {
+    type: String as PropType<BadgeSize>,
+    default: () => badge.default.size,
+    validator(value: string) {
+      return Object.keys(badge.size).includes(value)
+    },
+  },
+  color: {
+    type: String as PropType<BadgeColor>,
+    default: () => badge.default.color,
+  },
+  variant: {
+    type: String as PropType<BadgeVariant>,
+    default: () => badge.default.variant,
+  },
+  label: {
+    type: [String, Number],
+    default: null,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: () => '',
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+    default: () => ({}),
+  },
+})
+
+const { ui, attrs } = useUI('badge', toRef(props, 'ui'), config, toRef(props, 'class'))
+</script>

package/dist/runtime/components/Breadcrumb.vue

@@ -1,45 +1,45 @@
-<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 { type BreadcrumbLink } from '#ui/types'
-import type { Strategy } from '#core/types/utils'
-import { breadcrumb } from '#core/ui.config'
-
-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 { type BreadcrumbLink } from '#ui/types'
+import type { Strategy } from '#core/types/utils'
+import { breadcrumb } from '#core/ui.config'
+
+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 '#imports'
-import { type ButtonSize } from '#ui/types/button'
-import { type Strategy } from '#core/types/utils'
-import { type buttonGroup, button } from '#ui/ui.config'
-
-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 '#imports'
+import { type ButtonSize } from '#ui/types/button'
+import { type Strategy } from '#core/types/utils'
+import { type buttonGroup, button } from '#ui/ui.config'
+
+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>