@bitrix24/b24ui-nuxt 0.6.0 → 0.6.1

package/dist/runtime/components/Tooltip.vue.d.ts

@@ -1,130 +1,9 @@
 import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipContentEmits, TooltipArrowProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/tooltip';
 import type { KbdProps } from '../types';
-import type { EmitsToProps } from '../types/utils';
-declare const tooltip: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, undefined, unknown, unknown, undefined>>>;
+import type { EmitsToProps, ComponentConfig } from '../types/utils';
+type Tooltip = ComponentConfig<typeof theme, AppConfig, 'tooltip'>;
 export interface TooltipProps extends TooltipRootProps {
     /** The text content of the tooltip. */
     text?: string;
@@ -146,7 +25,7 @@ export interface TooltipProps extends TooltipRootProps {
      */
     portal?: boolean;
     class?: any;
-    b24ui?: Partial<typeof tooltip.slots>;
+    b24ui?: Tooltip['slots'];
 }
 export interface TooltipEmits extends TooltipRootEmits {
 }

package/dist/runtime/components/content/TableWrapper.vue

@@ -1,14 +1,12 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/content/table-wrapper";
-import { tv } from "../../utils/tv";
-const appConfigTableWrapper = _appConfig;
-const tableWrapper = tv({ extend: tv(theme), ...appConfigTableWrapper.b24ui?.content?.tableWrapper || {} });
 </script>
 
 <script setup>
 import { computed } from "vue";
 import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "div" },
@@ -21,9 +19,10 @@ const props = defineProps({
   bordered: { type: Boolean, required: false },
   scrollbarThin: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = computed(() => tableWrapper({
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.content?.tableWrapper || {} })({
   size: props.size,
   rounded: Boolean(props.rounded),
   zebra: Boolean(props.zebra),

package/dist/runtime/components/content/TableWrapper.vue.d.ts

@@ -1,161 +1,7 @@
-import type { VariantProps } from 'tailwind-variants';
-declare const tableWrapper: import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, undefined, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, undefined, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-type TableWrapperVariants = VariantProps<typeof tableWrapper>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/content/table-wrapper';
+import type { ComponentConfig } from '../../types/utils';
+type TableWrapper = ComponentConfig<typeof theme, AppConfig, 'tableWrapper', 'b24ui.content'>;
 export interface TableWrapperProps {
     /**
      * The element or component this component should render as.
@@ -165,7 +11,7 @@ export interface TableWrapperProps {
     /**
      * @defaultValue 'md'
      */
-    size?: TableWrapperVariants['size'];
+    size?: TableWrapper['variants']['size'];
     /**
      * @defaultValue false
      */
@@ -195,7 +41,7 @@ export interface TableWrapperProps {
      */
     scrollbarThin?: boolean;
     class?: any;
-    b24ui?: Partial<typeof tableWrapper.slots>;
+    b24ui?: TableWrapper['slots'];
 }
 export interface TableWrapperSlots {
     default(props?: {}): any;

package/dist/runtime/prose/A.vue

@@ -1,21 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/a";
-import { tv } from "../utils/tv";
-const appConfigProseA = _appConfig;
-const proseA = tv({ extend: tv(theme), ...appConfigProseA.b24ui?.prose?.a || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseA({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.a || {} })());
 </script>
 
 <template>
-  <a
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  ><slot /></a>
+  <a :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
+    <slot />
+  </a>
 </template>

package/dist/runtime/prose/A.vue.d.ts

@@ -1,72 +1,15 @@
-declare const proseA: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseAProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/a';
+import type { ComponentConfig } from '../types/utils';
+type ProseA = ComponentConfig<typeof theme, AppConfig, 'a', 'b24ui.prose'>;
+export interface ProseAProps {
     class?: any;
-    b24ui?: Partial<typeof proseA.slots>;
+    b24ui?: ProseA['slots'];
 }
-export interface proseASlots {
+export interface ProseASlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseAProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseAProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseAProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseAProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseASlots> & ProseASlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Blockquote.vue

@@ -1,23 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/blockquote";
-import { tv } from "../utils/tv";
-const appConfigProseBlockquote = _appConfig;
-const proseBlockquote = tv({ extend: tv(theme), ...appConfigProseBlockquote.b24ui?.prose?.blockquote || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseBlockquote({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.blockquote || {} })());
 </script>
 
 <template>
-  <blockquote
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <blockquote :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
     <slot />
   </blockquote>
 </template>

package/dist/runtime/prose/Blockquote.vue.d.ts

@@ -1,72 +1,15 @@
-declare const proseBlockquote: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseBlockquoteProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/blockquote';
+import type { ComponentConfig } from '../types/utils';
+type ProseBlockquote = ComponentConfig<typeof theme, AppConfig, 'blockquote', 'b24ui.prose'>;
+export interface ProseBlockquoteProps {
     class?: any;
-    b24ui?: Partial<typeof proseBlockquote.slots>;
+    b24ui?: ProseBlockquote['slots'];
 }
-export interface proseBlockquoteSlots {
+export interface ProseBlockquoteSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseBlockquoteProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseBlockquoteProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseBlockquoteProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseBlockquoteProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseBlockquoteSlots> & ProseBlockquoteSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Code.vue

@@ -1,19 +1,19 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/code";
-import { tv } from "../utils/tv";
-const appConfigProseCode = _appConfig;
-const proseCode = tv({ extend: tv(theme), ...appConfigProseCode.b24ui?.prose?.code || {} });
 </script>
 
 <script setup>
 import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   color: { type: null, required: false },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = computed(() => proseCode({
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.code || {} })({
   color: props.color
 }));
 </script>