@bitrix24/b24ui-nuxt 0.4.5 → 0.4.7

package/dist/runtime/prose/Tr.vue

@@ -0,0 +1,34 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/tr'
+import { tv } from '../utils/tv'
+
+const appConfigProseTr = _appConfig as AppConfig & { b24ui: { prose: { tr: Partial<typeof theme> } } }
+
+const proseTr = tv({ extend: tv(theme), ...(appConfigProseTr.b24ui?.prose?.tr || {}) })
+
+export interface proseTrProps {
+  class?: any
+  b24ui?: Partial<typeof proseTr.slots>
+}
+
+export interface proseTrSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+const props = defineProps<proseTrProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseTr({})
+</script>
+
+<template>
+  <tr
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </tr>
+</template>

package/dist/runtime/types/form.d.ts

@@ -27,7 +27,7 @@ export interface Form<T extends object> {
 export type FormSchema<T extends object> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
 export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';
 export interface FormError<P extends string = string> {
-    name: P;
+    name?: P;
     message: string;
 }
 export interface FormErrorWithId extends FormError {

package/dist/runtime/types/index.d.ts

@@ -21,6 +21,7 @@ export * from '../components/Kbd.vue';
 export * from '../components/Link.vue';
 export * from '../components/Modal.vue';
 export * from '../components/ModalDialogClose.vue';
+export * from '../components/Popover.vue';
 export * from '../components/Progress.vue';
 export * from '../components/RadioGroup.vue';
 export * from '../components/Range.vue';
@@ -51,6 +52,12 @@ export * from '../prose/Ol.vue';
 export * from '../prose/Ul.vue';
 export * from '../prose/Li.vue';
 export * from '../prose/Hr.vue';
+export * from '../prose/Table.vue';
+export * from '../prose/Thead.vue';
+export * from '../prose/Tbody.vue';
+export * from '../prose/Tr.vue';
+export * from '../prose/Th.vue';
+export * from '../prose/Td.vue';
 export * from '../prose/Img.vue';
 export * from '../prose/Code.vue';
 export * from '../prose/Pre.vue';

package/dist/runtime/types/index.js

@@ -21,6 +21,7 @@ export * from "../components/Kbd.vue";
 export * from "../components/Link.vue";
 export * from "../components/Modal.vue";
 export * from "../components/ModalDialogClose.vue";
+export * from "../components/Popover.vue";
 export * from "../components/Progress.vue";
 export * from "../components/RadioGroup.vue";
 export * from "../components/Range.vue";
@@ -51,6 +52,12 @@ export * from "../prose/Ol.vue";
 export * from "../prose/Ul.vue";
 export * from "../prose/Li.vue";
 export * from "../prose/Hr.vue";
+export * from "../prose/Table.vue";
+export * from "../prose/Thead.vue";
+export * from "../prose/Tbody.vue";
+export * from "../prose/Tr.vue";
+export * from "../prose/Th.vue";
+export * from "../prose/Td.vue";
 export * from "../prose/Img.vue";
 export * from "../prose/Code.vue";
 export * from "../prose/Pre.vue";

package/dist/runtime/types/locale.d.ts

@@ -48,9 +48,9 @@ export type Messages = {
     };
 };
 export type Direction = 'ltr' | 'rtl';
-export type Locale = {
+export type Locale<M> = {
     name: string;
     code: string;
     dir: Direction;
-    messages: Messages;
+    messages: M;
 };

package/dist/runtime/utils/locale.d.ts

@@ -3,13 +3,13 @@ import type { Locale, Direction } from '../types/locale';
 import type { MaybeRef } from '@vueuse/core';
 export type TranslatorOption = Record<string, string | number>;
 export type Translator = (path: string, option?: TranslatorOption) => string;
-export type LocaleContext = {
-    locale: Ref<Locale>;
+export type LocaleContext<M> = {
+    locale: Ref<Locale<M>>;
     lang: Ref<string>;
     dir: Ref<Direction>;
     code: Ref<string>;
     t: Translator;
 };
-export declare function buildTranslator(locale: MaybeRef<Locale>): Translator;
-export declare function translate(path: string, option: undefined | TranslatorOption, locale: Locale): string;
-export declare function buildLocaleContext(locale: MaybeRef<Locale>): LocaleContext;
+export declare function buildTranslator<M>(locale: MaybeRef<Locale<M>>): Translator;
+export declare function translate<M>(path: string, option: undefined | TranslatorOption, locale: Locale<M>): string;
+export declare function buildLocaleContext<M>(locale: MaybeRef<Locale<M>>): LocaleContext<M>;

package/dist/runtime/vue/stubs.d.ts

@@ -1,8 +1,9 @@
 import type { Ref } from 'vue';
 import type { NuxtApp } from '#app';
-export { useHead } from '@unhead/vue/legacy';
+export { useHead } from '@unhead/vue';
 export { useRoute, useRouter } from 'vue-router';
 export { defineShortcuts } from '../composables/defineShortcuts';
+export { defineLocale } from '../composables/defineLocale';
 export { useLocale } from '../composables/useLocale';
 export { useConfetti } from '../composables/useConfetti';
 export { useOverlay } from '../composables/useOverlay';
@@ -27,6 +28,7 @@ export declare const useCookie: <T = string>(_name: string, _options?: Record<st
 export declare const useState: <T>(key: string, init: () => T) => Ref<T>;
 export declare function useNuxtApp(): {
     isHydrating: boolean;
+    isVue: boolean;
     payload: {
         serverRendered: boolean;
     };

package/dist/runtime/vue/stubs.js

@@ -1,9 +1,10 @@
 import { ref } from "vue";
 import appConfig from "#build/app.config";
 import { useColorMode as useColorModeVueUse } from "@vueuse/core";
-export { useHead } from "@unhead/vue/legacy";
+export { useHead } from "@unhead/vue";
 export { useRoute, useRouter } from "vue-router";
 export { defineShortcuts } from "../composables/defineShortcuts.js";
+export { defineLocale } from "../composables/defineLocale.js";
 export { useLocale } from "../composables/useLocale.js";
 export { useConfetti } from "../composables/useConfetti.js";
 export { useOverlay } from "../composables/useOverlay.js";
@@ -54,6 +55,7 @@ export const useState = (key, init) => {
 export function useNuxtApp() {
   return {
     isHydrating: true,
+    isVue: true,
     payload: { serverRendered: false }
   };
 }

package/dist/shared/{b24ui-nuxt.BH-d1ImO.mjs → b24ui-nuxt.CPOPpSQq.mjs}

@@ -1694,7 +1694,7 @@ const dropdownMenu = {
       "bg-white dark:bg-base-dark",
       "shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800",
       "overflow-y-auto",
-      "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
       "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
       "pointer-events-auto"
     ].join(" "),
@@ -3391,6 +3391,18 @@ const modal = {
   }
 };
 
+const popover = {
+  slots: {
+    content: [
+      "bg-white dark:bg-base-dark",
+      "shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800",
+      "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      "focus:outline-none pointer-events-auto"
+    ].join(" "),
+    arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-300"
+  }
+};
+
 const progress = {
   slots: {
     root: "gap-2",
@@ -5294,6 +5306,7 @@ const theme = {
   kbd: kbd,
   link: link,
   modal: modal,
+  popover: popover,
   progress: progress,
   radioGroup: radioGroup,
   range: range,
@@ -5534,6 +5547,54 @@ const hr = {
   }
 };
 
+const table = {
+  slots: {
+    root: [
+      "my-4",
+      "overflow-x-auto"
+    ].join(" "),
+    base: ""
+  }
+};
+
+const thead = {
+  slots: {
+    base: [
+      "bg-base-50",
+      "dark:bg-base-600"
+    ].join(" ")
+  }
+};
+
+const tbody = {
+  slots: {
+    base: ""
+  }
+};
+
+const tr = {
+  slots: {
+    base: ""
+  }
+};
+
+const th = {
+  slots: {
+    base: ""
+  }
+};
+
+const td = {
+  slots: {
+    base: [
+      "[&_code]:text-xs/5",
+      "[&_p]:my-0 [&_p]:leading-6",
+      "[&_ul]:my-0 [&_ol]:my-0 [&_ul]:ps-4.5 [&_ol]:ps-4.5",
+      "[&_li]:leading-6 [&_li]:my-0.5"
+    ].join(" ")
+  }
+};
+
 const img = {
   slots: {
     base: ""
@@ -5632,6 +5693,12 @@ const themeProse = {
   p: p,
   pre: pre,
   strong: strong,
+  table: table,
+  tbody: tbody,
+  td: td,
+  th: th,
+  thead: thead,
+  tr: tr,
   ul: ul
 };
 
@@ -5684,7 +5751,7 @@ const tableWrapper = {
     },
     rounded: {
       true: "rounded-md",
-      false: "rounded"
+      false: ""
     },
     zebra: {
       true: [

package/dist/shared/{b24ui-nuxt.DxEKoBT7.cjs → b24ui-nuxt.lbv7ybxH.cjs}

@@ -1696,7 +1696,7 @@ const dropdownMenu = {
       "bg-white dark:bg-base-dark",
       "shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800",
       "overflow-y-auto",
-      "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
       "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
       "pointer-events-auto"
     ].join(" "),
@@ -3393,6 +3393,18 @@ const modal = {
   }
 };
 
+const popover = {
+  slots: {
+    content: [
+      "bg-white dark:bg-base-dark",
+      "shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800",
+      "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      "focus:outline-none pointer-events-auto"
+    ].join(" "),
+    arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-300"
+  }
+};
+
 const progress = {
   slots: {
     root: "gap-2",
@@ -5296,6 +5308,7 @@ const theme = {
   kbd: kbd,
   link: link,
   modal: modal,
+  popover: popover,
   progress: progress,
   radioGroup: radioGroup,
   range: range,
@@ -5536,6 +5549,54 @@ const hr = {
   }
 };
 
+const table = {
+  slots: {
+    root: [
+      "my-4",
+      "overflow-x-auto"
+    ].join(" "),
+    base: ""
+  }
+};
+
+const thead = {
+  slots: {
+    base: [
+      "bg-base-50",
+      "dark:bg-base-600"
+    ].join(" ")
+  }
+};
+
+const tbody = {
+  slots: {
+    base: ""
+  }
+};
+
+const tr = {
+  slots: {
+    base: ""
+  }
+};
+
+const th = {
+  slots: {
+    base: ""
+  }
+};
+
+const td = {
+  slots: {
+    base: [
+      "[&_code]:text-xs/5",
+      "[&_p]:my-0 [&_p]:leading-6",
+      "[&_ul]:my-0 [&_ol]:my-0 [&_ul]:ps-4.5 [&_ol]:ps-4.5",
+      "[&_li]:leading-6 [&_li]:my-0.5"
+    ].join(" ")
+  }
+};
+
 const img = {
   slots: {
     base: ""
@@ -5634,6 +5695,12 @@ const themeProse = {
   p: p,
   pre: pre,
   strong: strong,
+  table: table,
+  tbody: tbody,
+  td: td,
+  th: th,
+  thead: thead,
+  tr: tr,
   ul: ul
 };
 
@@ -5686,7 +5753,7 @@ const tableWrapper = {
     },
     rounded: {
       true: "rounded-md",
-      false: "rounded"
+      false: ""
     },
     zebra: {
       true: [

package/dist/unplugin.cjs

@@ -5,7 +5,7 @@ const pathe = require('pathe');
 const unplugin = require('unplugin');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/b24ui-nuxt.DxEKoBT7.cjs');
+const templates = require('./shared/b24ui-nuxt.lbv7ybxH.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.BH-d1ImO.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CPOPpSQq.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.DxEKoBT7.cjs');
+require('./shared/b24ui-nuxt.lbv7ybxH.cjs');
 require('scule');
 require('@nuxt/kit');
 require('tinyglobby');

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.BH-d1ImO.mjs';
+import './shared/b24ui-nuxt.CPOPpSQq.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -78,9 +78,9 @@
     "@tailwindcss/postcss": "^4.0.12",
     "@tailwindcss/vite": "^4.0.12",
     "@tanstack/vue-table": "^8.21.2",
-    "@unhead/vue": "^2.0.0-rc.9",
-    "@vueuse/core": "^12.8.2",
-    "@vueuse/integrations": "^12.8.2",
+    "@unhead/vue": "^2.0.0-rc.10",
+    "@vueuse/core": "^13.0.0",
+    "@vueuse/integrations": "^13.0.0",
     "canvas-confetti": "^1.9.3",
     "colortranslator": "^4.1.0",
     "consola": "^3.4.0",
@@ -106,7 +106,9 @@
     "unplugin": "^2.2.0",
     "unplugin-auto-import": "^19.1.1",
     "unplugin-vue-components": "^28.4.1",
-    "vaul-vue": "^0.3.0"
+    "vaul-vue": "^0.3.0",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
     "@types/canvas-confetti": "^1.9.0",
@@ -117,7 +119,7 @@
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
     "eslint": "^9.22.0",
-    "happy-dom": "^17.1.2",
+    "happy-dom": "^17.4.3",
     "joi": "^17.13.3",
     "nuxt": "^3.16.0",
     "nuxt-component-meta": "^0.10.0",
@@ -137,7 +139,6 @@
     "@bitrix24/b24ui-nuxt": "workspace:*",
     "chokidar": "3.6.0",
     "debug": "4.3.7",
-    "happy-dom": "17.1.2",
     "rollup": "4.34.9",
     "typescript": "5.6.3",
     "unplugin": "^2.2.0",