@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

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

@@ -1,214 +1,9 @@
 import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui';
-import type { VariantProps } from 'tailwind-variants';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/modal';
 import type { ButtonProps, IconComponent } from '../types';
-import type { EmitsToProps } from '../types/utils';
-declare const modal: import("tailwind-variants").TVReturnType<{
-    overlayBlur: {
-        auto: {
-            overlay: string;
-        };
-        on: {
-            overlay: string;
-        };
-        off: {
-            overlay: string;
-        };
-    };
-    transition: {
-        true: {
-            overlay: string;
-            content: string;
-        };
-    };
-    fullscreen: {
-        true: {
-            content: string;
-        };
-        false: {
-            content: string;
-        };
-    };
-    scrollbarThin: {
-        true: {
-            body: string;
-        };
-    };
-}, {
-    overlay: string;
-    content: string;
-    header: string;
-    wrapper: string;
-    body: string;
-    footer: string;
-    title: string;
-    description: string;
-    close: string;
-}, undefined, {
-    overlayBlur: {
-        auto: {
-            overlay: string;
-        };
-        on: {
-            overlay: string;
-        };
-        off: {
-            overlay: string;
-        };
-    };
-    transition: {
-        true: {
-            overlay: string;
-            content: string;
-        };
-    };
-    fullscreen: {
-        true: {
-            content: string;
-        };
-        false: {
-            content: string;
-        };
-    };
-    scrollbarThin: {
-        true: {
-            body: string;
-        };
-    };
-}, {
-    overlay: string;
-    content: string;
-    header: string;
-    wrapper: string;
-    body: string;
-    footer: string;
-    title: string;
-    description: string;
-    close: string;
-}, import("tailwind-variants").TVReturnType<{
-    overlayBlur: {
-        auto: {
-            overlay: string;
-        };
-        on: {
-            overlay: string;
-        };
-        off: {
-            overlay: string;
-        };
-    };
-    transition: {
-        true: {
-            overlay: string;
-            content: string;
-        };
-    };
-    fullscreen: {
-        true: {
-            content: string;
-        };
-        false: {
-            content: string;
-        };
-    };
-    scrollbarThin: {
-        true: {
-            body: string;
-        };
-    };
-}, {
-    overlay: string;
-    content: string;
-    header: string;
-    wrapper: string;
-    body: string;
-    footer: string;
-    title: string;
-    description: string;
-    close: string;
-}, undefined, {
-    overlayBlur: {
-        auto: {
-            overlay: string;
-        };
-        on: {
-            overlay: string;
-        };
-        off: {
-            overlay: string;
-        };
-    };
-    transition: {
-        true: {
-            overlay: string;
-            content: string;
-        };
-    };
-    fullscreen: {
-        true: {
-            content: string;
-        };
-        false: {
-            content: string;
-        };
-    };
-    scrollbarThin: {
-        true: {
-            body: string;
-        };
-    };
-}, {
-    overlay: string;
-    content: string;
-    header: string;
-    wrapper: string;
-    body: string;
-    footer: string;
-    title: string;
-    description: string;
-    close: string;
-}, import("tailwind-variants").TVReturnType<{
-    overlayBlur: {
-        auto: {
-            overlay: string;
-        };
-        on: {
-            overlay: string;
-        };
-        off: {
-            overlay: string;
-        };
-    };
-    transition: {
-        true: {
-            overlay: string;
-            content: string;
-        };
-    };
-    fullscreen: {
-        true: {
-            content: string;
-        };
-        false: {
-            content: string;
-        };
-    };
-    scrollbarThin: {
-        true: {
-            body: string;
-        };
-    };
-}, {
-    overlay: string;
-    content: string;
-    header: string;
-    wrapper: string;
-    body: string;
-    footer: string;
-    title: string;
-    description: string;
-    close: string;
-}, undefined, unknown, unknown, undefined>>>;
-type ModalVariants = VariantProps<typeof modal>;
+import type { EmitsToProps, ComponentConfig } from '../types/utils';
+type Modal = ComponentConfig<typeof theme, AppConfig, 'modal'>;
 export interface ModalProps extends DialogRootProps {
     title?: string;
     description?: string;
@@ -226,7 +21,7 @@ export interface ModalProps extends DialogRootProps {
      * `auto` use `motion-safe`.
      * @defaultValue 'auto'
      */
-    overlayBlur?: ModalVariants['overlayBlur'];
+    overlayBlur?: Modal['variants']['overlayBlur'];
     /**
      * Animate the modal when opening or closing.
      * @defaultValue true
@@ -264,7 +59,7 @@ export interface ModalProps extends DialogRootProps {
      */
     scrollbarThin?: boolean;
     class?: any;
-    b24ui?: Partial<typeof modal.slots>;
+    b24ui?: Modal['slots'];
 }
 export interface ModalEmits extends DialogRootEmits {
     'after:leave': [];
@@ -278,7 +73,9 @@ export interface ModalSlots {
     title(props?: {}): any;
     description(props?: {}): any;
     close(props: {
-        b24ui: ReturnType<typeof modal>;
+        b24ui: {
+            [K in keyof Required<Modal['slots']>]: (props?: Record<string, any>) => string;
+        };
     }): any;
     body(props?: {}): any;
     footer(props?: {}): any;
@@ -293,14 +90,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     scrollbarThin: boolean;
     overlayBlur: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    modal: boolean;
     close: boolean | Partial<ButtonProps>;
+    modal: boolean;
+    transition: boolean;
     portal: boolean;
     overlay: boolean;
-    overlayBlur: "off" | "auto" | "on";
-    transition: boolean;
-    scrollbarThin: boolean;
+    overlayBlur: Modal["variants"]["overlayBlur"];
     dismissible: boolean;
+    scrollbarThin: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ModalSlots> & ModalSlots>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/runtime/components/Navbar.vue

@@ -1,20 +1,20 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/navbar";
-import { tv } from "../utils/tv";
-const appConfigNavbar = _appConfig;
-const navbar = tv({ extend: tv(theme), ...appConfigNavbar.b24ui?.navbar || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
 import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false, default: "nav" },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
 defineSlots();
-const b24ui = navbar();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navbar || {} })());
 </script>
 
 <template>

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

@@ -1,62 +1,7 @@
-declare const navbar: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    root: string;
-}, undefined, unknown, unknown, undefined>>>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/navbar';
+import type { ComponentConfig } from '../types/utils';
+type Navbar = ComponentConfig<typeof theme, AppConfig, 'navbar'>;
 export interface NavbarProps {
     /**
      * The element or component this component should render as.
@@ -64,7 +9,7 @@ export interface NavbarProps {
      */
     as?: any;
     class?: any;
-    b24ui?: Partial<typeof navbar.slots>;
+    b24ui?: Navbar['slots'];
 }
 export interface NavbarSlots {
     default(props?: {}): any;

package/dist/runtime/components/NavbarDivider.vue

@@ -1,20 +1,20 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/navbar-divider";
-import { tv } from "../utils/tv";
-const appConfigNavbarDivider = _appConfig;
-const navbarDivider = tv({ extend: tv(theme), ...appConfigNavbarDivider.b24ui?.navbarDivider || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
 import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false, default: "div" },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
 defineSlots();
-const b24ui = navbarDivider();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navbarDivider || {} })());
 </script>
 
 <template>

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

@@ -1,62 +1,7 @@
-declare const navbarDivider: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    root: string;
-}, undefined, unknown, unknown, undefined>>>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/navbar-divider';
+import type { ComponentConfig } from '../types/utils';
+type NavbarDivider = ComponentConfig<typeof theme, AppConfig, 'navbarDivider'>;
 export interface NavbarDividerProps {
     /**
      * The element or component this component should render as.
@@ -64,7 +9,7 @@ export interface NavbarDividerProps {
      */
     as?: any;
     class?: any;
-    b24ui?: Partial<typeof navbarDivider.slots>;
+    b24ui?: NavbarDivider['slots'];
 }
 export interface NavbarDividerSlots {
     default(props?: {}): any;

package/dist/runtime/components/NavbarSection.vue

@@ -1,20 +1,20 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/navbar-section";
-import { tv } from "../utils/tv";
-const appConfigNavSection = _appConfig;
-const navbarSection = tv({ extend: tv(theme), ...appConfigNavSection.b24ui?.navbarSection || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
 import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false, default: "div" },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
 defineSlots();
-const b24ui = navbarSection();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navbarSection || {} })());
 </script>
 
 <template>

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

@@ -1,62 +1,7 @@
-declare const navbarSection: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    root: string;
-}, undefined, unknown, unknown, undefined>>>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/navbar-section';
+import type { ComponentConfig } from '../types/utils';
+type NavSection = ComponentConfig<typeof theme, AppConfig, 'navbarSection'>;
 export interface NavbarSectionProps {
     /**
      * The element or component this component should render as.
@@ -64,7 +9,7 @@ export interface NavbarSectionProps {
      */
     as?: any;
     class?: any;
-    b24ui?: Partial<typeof navbarSection.slots>;
+    b24ui?: NavSection['slots'];
 }
 export interface NavbarSectionSlots {
     default(props?: {}): any;

package/dist/runtime/components/NavbarSpacer.vue

@@ -1,20 +1,20 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/navbar-spacer";
-import { tv } from "../utils/tv";
-const appConfigNavbarSpacer = _appConfig;
-const navbarSpacer = tv({ extend: tv(theme), ...appConfigNavbarSpacer.b24ui?.navbarSpacer || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
 import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false, default: "div" },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
 defineSlots();
-const b24ui = navbarSpacer();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navbarSpacer || {} })());
 </script>
 
 <template>

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

@@ -1,62 +1,7 @@
-declare const navbarSpacer: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    root: string;
-}, undefined, unknown, unknown, undefined>>>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/navbar-spacer';
+import type { ComponentConfig } from '../types/utils';
+type NavbarSpacer = ComponentConfig<typeof theme, AppConfig, 'navbarSpacer'>;
 export interface NavbarSpacerProps {
     /**
      * The element or component this component should render as.
@@ -64,7 +9,7 @@ export interface NavbarSpacerProps {
      */
     as?: any;
     class?: any;
-    b24ui?: Partial<typeof navbarSpacer.slots>;
+    b24ui?: NavbarSpacer['slots'];
 }
 export interface NavbarSpacerSlots {
     default(props?: {}): any;