@bitrix24/b24ui-nuxt 0.4.2 → 0.4.3

package/dist/module.cjs

@@ -2,7 +2,7 @@
 
 const defu = require('defu');
 const kit = require('@nuxt/kit');
-const templates = require('./shared/b24ui-nuxt.Bt28CeAD.cjs');
+const templates = require('./shared/b24ui-nuxt.C1tIhR9w.cjs');
 require('node:url');
 require('scule');
 

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.13.1"
   },
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
-import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.Bx_-_mhu.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.BRwBcdAH.mjs';
 import 'node:url';
 import 'scule';
 

package/dist/runtime/components/Avatar.vue

@@ -31,6 +31,7 @@ export interface AvatarProps {
    */
   size?: AvatarVariants['size']
   class?: any
+  style?: any
   b24ui?: Partial<typeof avatar.slots>
 }
 
@@ -90,7 +91,7 @@ function onError() {
 </script>
 
 <template>
-  <Primitive :as="as" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })">
+  <Primitive :as="as" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })" :style="props.style">
     <component
       :is="ImageComponent"
       v-if="src && !error"

package/dist/runtime/components/RadioGroup.vue

@@ -170,7 +170,9 @@ function onUpdate(value: any) {
 
         <div :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
           <Label :class="b24ui.label({ class: props.b24ui?.label })" :for="item.id">
-            <slot name="label" :item="item" :model-value="modelValue">{{ item.label }}</slot>
+            <slot name="label" :item="item" :model-value="modelValue">
+              {{ item.label }}
+            </slot>
           </Label>
           <p v-if="item.description || !!slots.description" :class="b24ui.description({ class: props.b24ui?.description })">
             <slot name="description" :item="item" :model-value="modelValue">

package/dist/runtime/prose/A.vue

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

package/dist/runtime/prose/Blockquote.vue

@@ -19,8 +19,6 @@ export interface proseBlockquoteSlots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseBlockquoteProps>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/Code.vue

@@ -0,0 +1,42 @@
+<script lang="ts">
+import type { VariantProps } from 'tailwind-variants'
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/code'
+import { tv } from '../utils/tv'
+
+const appConfigProseCode = _appConfig as AppConfig & { b24ui: { prose: { code: Partial<typeof theme> } } }
+
+const proseCode = tv({ extend: tv(theme), ...(appConfigProseCode.b24ui?.prose?.code || {}) })
+
+type ProseCodeVariants = VariantProps<typeof proseCode>
+
+export interface proseCodeProps {
+  /**
+   * @defaultValue 'default'
+   */
+  color?: ProseCodeVariants['color']
+  class?: any
+  b24ui?: Partial<typeof proseCode.slots>
+}
+
+export interface proseCodeSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+const props = defineProps<proseCodeProps>()
+
+const b24ui = computed(() => proseCode({
+  color: props.color
+}))
+</script>
+
+<template>
+  <code
+    :class="b24ui.base({ class: props.b24ui?.base })"
+  ><slot /></code>
+</template>

package/dist/runtime/prose/Em.vue

@@ -4,33 +4,29 @@ import _appConfig from '#build/app.config'
 import theme from '#build/b24ui/prose/em'
 import { tv } from '../utils/tv'
 
-const appConfigPproseEm = _appConfig as AppConfig & { b24ui: { prose: { em: Partial<typeof theme> } } }
+const appConfigProseEm = _appConfig as AppConfig & { b24ui: { prose: { em: Partial<typeof theme> } } }
 
-const pproseEm = tv({ extend: tv(theme), ...(appConfigPproseEm.b24ui?.prose?.em || {}) })
+const proseEm = tv({ extend: tv(theme), ...(appConfigProseEm.b24ui?.prose?.em || {}) })
 
-export interface pproseEmProps {
+export interface proseEmProps {
   class?: any
-  b24ui?: Partial<typeof pproseEm.slots>
+  b24ui?: Partial<typeof proseEm.slots>
 }
 
-export interface pproseEmSlots {
+export interface proseEmSlots {
   default(props?: {}): any
 }
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
-const props = defineProps<pproseEmProps>()
+const props = defineProps<proseEmProps>()
 
 // eslint-disable-next-line vue/no-dupe-keys
-const b24ui = pproseEm({})
+const b24ui = proseEm({})
 </script>
 
 <template>
   <em
     :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
-    <slot />
-  </em>
+  ><slot /></em>
 </template>

package/dist/runtime/prose/H1.vue

@@ -19,8 +19,6 @@ export interface proseH1Slots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseH1Props>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/H2.vue

@@ -19,8 +19,6 @@ export interface proseH2Slots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseH2Props>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/H3.vue

@@ -19,8 +19,6 @@ export interface proseH3Slots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseH3Props>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/H4.vue

@@ -19,8 +19,6 @@ export interface proseH4Slots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseH4Props>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/H5.vue

@@ -19,8 +19,6 @@ export interface proseH5Slots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseH5Props>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/H6.vue

@@ -19,8 +19,6 @@ export interface proseH6Slots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseH6Props>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/Hr.vue

@@ -15,8 +15,6 @@ export interface proseHrProps {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseHrProps>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/Li.vue

@@ -19,8 +19,6 @@ export interface proseLiSlots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseLiProps>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/Ol.vue

@@ -19,8 +19,6 @@ export interface proseOlSlots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseOlProps>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/P.vue

@@ -19,8 +19,6 @@ export interface prosePSlots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<prosePProps>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/Pre.vue

@@ -0,0 +1,44 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/pre'
+import { tv } from '../utils/tv'
+
+const appConfigProsePre = _appConfig as AppConfig & { b24ui: { prose: { pre: Partial<typeof theme> } } }
+
+const prosePre = tv({ extend: tv(theme), ...(appConfigProsePre.b24ui?.prose?.pre || {}) })
+
+export interface prosePreProps {
+  /**
+   * The element or component this component should render as.
+   * @defaultValue 'div'
+   */
+  as?: any
+  class?: any
+  style?: any
+  b24ui?: Partial<typeof prosePre.slots>
+}
+
+export interface prosePreSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+import { Primitive } from 'reka-ui'
+
+defineOptions({ inheritAttrs: false })
+
+const props = withDefaults(defineProps<prosePreProps>(), { as: 'div' })
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = prosePre({})
+</script>
+
+<template>
+  <Primitive :as="as" :class="b24ui.root({ class: [props.class, props.b24ui?.root] })" :style="props.style">
+    <pre
+      :class="b24ui.base({ class: props.b24ui?.base })"
+    ><slot /></pre>
+  </Primitive>
+</template>

package/dist/runtime/prose/Strong.vue

@@ -19,8 +19,6 @@ export interface proseStrongSlots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseStrongProps>()
 
 // eslint-disable-next-line vue/no-dupe-keys

package/dist/runtime/prose/Ul.vue

@@ -19,8 +19,6 @@ export interface proseUlSlots {
 </script>
 
 <script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
 const props = defineProps<proseUlProps>()
 
 // eslint-disable-next-line vue/no-dupe-keys

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

@@ -44,12 +44,15 @@ export * from '../prose/H4.vue';
 export * from '../prose/H5.vue';
 export * from '../prose/H6.vue';
 export * from '../prose/P.vue';
+export * from '../prose/A.vue';
 export * from '../prose/Blockquote.vue';
 export * from '../prose/Strong.vue';
 export * from '../prose/Ol.vue';
 export * from '../prose/Ul.vue';
 export * from '../prose/Li.vue';
 export * from '../prose/Hr.vue';
+export * from '../prose/Code.vue';
+export * from '../prose/Pre.vue';
 export * from './form';
 export * from './icons';
 export * from './locale';

package/dist/runtime/types/index.js

@@ -44,12 +44,15 @@ export * from "../prose/H4.vue";
 export * from "../prose/H5.vue";
 export * from "../prose/H6.vue";
 export * from "../prose/P.vue";
+export * from "../prose/A.vue";
 export * from "../prose/Blockquote.vue";
 export * from "../prose/Strong.vue";
 export * from "../prose/Ol.vue";
 export * from "../prose/Ul.vue";
 export * from "../prose/Li.vue";
 export * from "../prose/Hr.vue";
+export * from "../prose/Code.vue";
+export * from "../prose/Pre.vue";
 export * from "./form.js";
 export * from "./icons.js";
 export * from "./locale.js";

package/dist/shared/{b24ui-nuxt.Bx_-_mhu.mjs → b24ui-nuxt.BRwBcdAH.mjs}

@@ -5462,6 +5462,21 @@ const p = {
   }
 };
 
+const a = {
+  slots: {
+    base: [
+      "cursor-pointer",
+      "text-blue-700 dark:text-blue-300",
+      "hover:underline underline-offset-2",
+      "focus-visible:outline-info-text",
+      "transition-colors [&>code]:transition-colors",
+      "[&>code]:ring-dashed",
+      "hover:[&>code]:text-blue-700 hover:[&>code]:bg-blue-250 hover:[&>code]:ring-blue-250",
+      "dark:hover:[&>code]:text-blue-700 dark:hover:[&>code]:bg-blue-250 dark:hover:[&>code]:ring-blue-250"
+    ].join(" ")
+  }
+};
+
 const blockquote = {
   slots: {
     base: "mb-2 border-s-4 border-blue-500 dark:border-blue-600 ps-4 italic"
@@ -5519,9 +5534,84 @@ const hr = {
   }
 };
 
+const code = {
+  slots: {
+    base: [
+      "px-1.5 py-0.5",
+      "font-b24-system-mono font-medium text-sm leading-normal",
+      "rounded-md",
+      "inline-block"
+    ].join(" ")
+  },
+  variants: {
+    color: {
+      default: [
+        "ring ring-inset",
+        "text-base-800 bg-base-150 ring-base-300",
+        "dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
+      ].join(" "),
+      danger: [
+        "ring ring-inset",
+        "text-red-800 bg-red-250 ring-red-250",
+        "dark:text-red-800 dark:bg-red-350 dark:ring-red-350"
+      ].join(" "),
+      success: [
+        "ring ring-inset",
+        "text-green-800 bg-green-300 ring-green-300",
+        "dark:text-green-800 dark:bg-green-330 dark:ring-green-330"
+      ].join(" "),
+      warning: [
+        "ring ring-inset",
+        "text-orange-800 bg-orange-300 ring-orange-300",
+        "dark:text-orange-800 dark:bg-orange-400 dark:ring-orange-400"
+      ].join(" "),
+      primary: [
+        "ring ring-inset",
+        "text-blue-700 bg-blue-250 ring-blue-250",
+        "dark:text-blue-700 dark:bg-blue-300 dark:ring-blue-300"
+      ].join(" "),
+      secondary: [
+        "ring ring-inset",
+        "text-white bg-cyan-350 ring-cyan-350",
+        "dark:text-cyan-100 dark:bg-cyan-400 dark:ring-cyan-400"
+      ].join(" "),
+      collab: [
+        "ring ring-inset",
+        "text-collab-800 bg-collab-300 ring-collab-300",
+        "dark:text-collab-800 dark:bg-collab-300 dark:ring-collab-300"
+      ].join(" "),
+      ai: [
+        "ring ring-inset",
+        "text-ai-500 bg-ai-150 ring-ai-150",
+        "dark:text-ai-600 dark:bg-ai-200 dark:ring-ai-200"
+      ].join(" ")
+    }
+  },
+  defaultVariants: {
+    color: "default"
+  }
+};
+
+const pre = {
+  slots: {
+    root: [
+      "my-4 p-4",
+      "font-b24-system-mono font-semibold text-sm leading-4",
+      "bg-black",
+      "overflow-auto rounded w-full",
+      "text-pretty"
+    ].join(" "),
+    base: [
+      "text-green-350"
+    ].join(" ")
+  }
+};
+
 const themeProse = {
   __proto__: null,
+  a: a,
   blockquote: blockquote,
+  code: code,
   em: em,
   h1: h1,
   h2: h2,
@@ -5533,6 +5623,7 @@ const themeProse = {
   li: li,
   ol: ol,
   p: p,
+  pre: pre,
   strong: strong,
   ul: ul
 };

package/dist/shared/{b24ui-nuxt.Bt28CeAD.cjs → b24ui-nuxt.C1tIhR9w.cjs}

@@ -5464,6 +5464,21 @@ const p = {
   }
 };
 
+const a = {
+  slots: {
+    base: [
+      "cursor-pointer",
+      "text-blue-700 dark:text-blue-300",
+      "hover:underline underline-offset-2",
+      "focus-visible:outline-info-text",
+      "transition-colors [&>code]:transition-colors",
+      "[&>code]:ring-dashed",
+      "hover:[&>code]:text-blue-700 hover:[&>code]:bg-blue-250 hover:[&>code]:ring-blue-250",
+      "dark:hover:[&>code]:text-blue-700 dark:hover:[&>code]:bg-blue-250 dark:hover:[&>code]:ring-blue-250"
+    ].join(" ")
+  }
+};
+
 const blockquote = {
   slots: {
     base: "mb-2 border-s-4 border-blue-500 dark:border-blue-600 ps-4 italic"
@@ -5521,9 +5536,84 @@ const hr = {
   }
 };
 
+const code = {
+  slots: {
+    base: [
+      "px-1.5 py-0.5",
+      "font-b24-system-mono font-medium text-sm leading-normal",
+      "rounded-md",
+      "inline-block"
+    ].join(" ")
+  },
+  variants: {
+    color: {
+      default: [
+        "ring ring-inset",
+        "text-base-800 bg-base-150 ring-base-300",
+        "dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
+      ].join(" "),
+      danger: [
+        "ring ring-inset",
+        "text-red-800 bg-red-250 ring-red-250",
+        "dark:text-red-800 dark:bg-red-350 dark:ring-red-350"
+      ].join(" "),
+      success: [
+        "ring ring-inset",
+        "text-green-800 bg-green-300 ring-green-300",
+        "dark:text-green-800 dark:bg-green-330 dark:ring-green-330"
+      ].join(" "),
+      warning: [
+        "ring ring-inset",
+        "text-orange-800 bg-orange-300 ring-orange-300",
+        "dark:text-orange-800 dark:bg-orange-400 dark:ring-orange-400"
+      ].join(" "),
+      primary: [
+        "ring ring-inset",
+        "text-blue-700 bg-blue-250 ring-blue-250",
+        "dark:text-blue-700 dark:bg-blue-300 dark:ring-blue-300"
+      ].join(" "),
+      secondary: [
+        "ring ring-inset",
+        "text-white bg-cyan-350 ring-cyan-350",
+        "dark:text-cyan-100 dark:bg-cyan-400 dark:ring-cyan-400"
+      ].join(" "),
+      collab: [
+        "ring ring-inset",
+        "text-collab-800 bg-collab-300 ring-collab-300",
+        "dark:text-collab-800 dark:bg-collab-300 dark:ring-collab-300"
+      ].join(" "),
+      ai: [
+        "ring ring-inset",
+        "text-ai-500 bg-ai-150 ring-ai-150",
+        "dark:text-ai-600 dark:bg-ai-200 dark:ring-ai-200"
+      ].join(" ")
+    }
+  },
+  defaultVariants: {
+    color: "default"
+  }
+};
+
+const pre = {
+  slots: {
+    root: [
+      "my-4 p-4",
+      "font-b24-system-mono font-semibold text-sm leading-4",
+      "bg-black",
+      "overflow-auto rounded w-full",
+      "text-pretty"
+    ].join(" "),
+    base: [
+      "text-green-350"
+    ].join(" ")
+  }
+};
+
 const themeProse = {
   __proto__: null,
+  a: a,
   blockquote: blockquote,
+  code: code,
   em: em,
   h1: h1,
   h2: h2,
@@ -5535,6 +5625,7 @@ const themeProse = {
   li: li,
   ol: ol,
   p: p,
+  pre: pre,
   strong: strong,
   ul: ul
 };

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.Bt28CeAD.cjs');
+const templates = require('./shared/b24ui-nuxt.C1tIhR9w.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.Bx_-_mhu.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.BRwBcdAH.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.Bt28CeAD.cjs');
+require('./shared/b24ui-nuxt.C1tIhR9w.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.Bx_-_mhu.mjs';
+import './shared/b24ui-nuxt.BRwBcdAH.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';