@bitrix24/b24ui-nuxt 0.4.5 → 0.4.6

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/prose/Code.vue

@@ -37,6 +37,6 @@ const b24ui = computed(() => proseCode({
 
 <template>
   <code
-    :class="b24ui.base({ class: props.b24ui?.base })"
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
   ><slot /></code>
 </template>

package/dist/runtime/prose/Img.vue

@@ -28,5 +28,5 @@ const b24ui = proseImg({})
 <template>
   <img
     :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  />
+  >
 </template>

package/dist/runtime/prose/Table.vue

@@ -0,0 +1,74 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/table'
+import { tv } from '../utils/tv'
+
+const appConfigProseTable = _appConfig as AppConfig & { b24ui: { prose: { table: Partial<typeof theme> } } }
+
+const proseTable = tv({ extend: tv(theme), ...(appConfigProseTable.b24ui?.prose?.table || {}) })
+
+export interface proseTableProps {
+  /**
+   * The element or component this component should render as.
+   * @defaultValue 'div'
+   */
+  as?: any
+  /**
+   * @defaultValue true
+   */
+  rounded?: boolean
+  /**
+   * @defaultValue true
+   */
+  zebra?: boolean
+  /**
+   * @defaultValue false
+   */
+  rowHover?: boolean
+  /**
+   * @defaultValue false
+   */
+  bordered?: boolean
+  class?: any
+  b24ui?: Partial<typeof proseTable.slots>
+}
+
+export interface proseTableSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+import B24TableWrapper from './../components/content/TableWrapper.vue'
+
+defineOptions({ inheritAttrs: false })
+
+const props = withDefaults(defineProps<proseTableProps>(), {
+  as: 'div',
+  rounded: true,
+  zebra: true,
+  rowHover: true,
+  bordered: true
+})
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseTable({})
+</script>
+
+<template>
+  <B24TableWrapper
+    :as="as"
+    :class="b24ui.root({ class: [props.class, props.b24ui?.root] })"
+    :zebra="props.zebra"
+    :row-hover="props.rowHover"
+    :rounded="props.rounded"
+    :bordered="props.bordered"
+  >
+    <table
+      :class="b24ui.base({ class: props.b24ui?.base })"
+    >
+      <slot />
+    </table>
+  </B24TableWrapper>
+</template>

package/dist/runtime/prose/Tbody.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/tbody'
+import { tv } from '../utils/tv'
+
+const appConfigProseTbody = _appConfig as AppConfig & { b24ui: { prose: { tbody: Partial<typeof theme> } } }
+
+const proseTbody = tv({ extend: tv(theme), ...(appConfigProseTbody.b24ui?.prose?.tbody || {}) })
+
+export interface proseTbodyProps {
+  class?: any
+  b24ui?: Partial<typeof proseTbody.slots>
+}
+
+export interface proseTbodySlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+const props = defineProps<proseTbodyProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseTbody({})
+</script>
+
+<template>
+  <tbody
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </tbody>
+</template>

package/dist/runtime/prose/Td.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/td'
+import { tv } from '../utils/tv'
+
+const appConfigProseTd = _appConfig as AppConfig & { b24ui: { prose: { td: Partial<typeof theme> } } }
+
+const proseTd = tv({ extend: tv(theme), ...(appConfigProseTd.b24ui?.prose?.td || {}) })
+
+export interface proseTdProps {
+  class?: any
+  b24ui?: Partial<typeof proseTd.slots>
+}
+
+export interface proseTdSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+const props = defineProps<proseTdProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseTd({})
+</script>
+
+<template>
+  <td
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </td>
+</template>

package/dist/runtime/prose/Th.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/th'
+import { tv } from '../utils/tv'
+
+const appConfigProseTh = _appConfig as AppConfig & { b24ui: { prose: { th: Partial<typeof theme> } } }
+
+const proseTh = tv({ extend: tv(theme), ...(appConfigProseTh.b24ui?.prose?.th || {}) })
+
+export interface proseThProps {
+  class?: any
+  b24ui?: Partial<typeof proseTh.slots>
+}
+
+export interface proseThSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+const props = defineProps<proseThProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseTh({})
+</script>
+
+<template>
+  <th
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </th>
+</template>

package/dist/runtime/prose/Thead.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/thead'
+import { tv } from '../utils/tv'
+
+const appConfigProseThead = _appConfig as AppConfig & { b24ui: { prose: { thead: Partial<typeof theme> } } }
+
+const proseThead = tv({ extend: tv(theme), ...(appConfigProseThead.b24ui?.prose?.thead || {}) })
+
+export interface proseTheadProps {
+  class?: any
+  b24ui?: Partial<typeof proseThead.slots>
+}
+
+export interface proseTheadSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+const props = defineProps<proseTheadProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseThead({})
+</script>
+
+<template>
+  <thead
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </thead>
+</template>

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/index.d.ts

@@ -51,6 +51,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

@@ -51,6 +51,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,12 @@
 import type { Ref } from 'vue';
 import type { NuxtApp } from '#app';
+/**
+ * @todo not use @unhead/vue/legacy
+ */
 export { useHead } from '@unhead/vue/legacy';
 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';

package/dist/runtime/vue/stubs.js

@@ -4,6 +4,7 @@ import { useColorMode as useColorModeVueUse } from "@vueuse/core";
 export { useHead } from "@unhead/vue/legacy";
 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";

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

@@ -5534,6 +5534,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 +5680,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 +5738,7 @@ const tableWrapper = {
     },
     rounded: {
       true: "rounded-md",
-      false: "rounded"
+      false: ""
     },
     zebra: {
       true: [

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

@@ -5536,6 +5536,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 +5682,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 +5740,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.yyScbwpE.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.BiEJAB1L.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.yyScbwpE.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.BiEJAB1L.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';