@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

package/dist/runtime/components/SidebarHeader.vue

@@ -1,20 +1,20 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/sidebar-header";
-import { tv } from "../utils/tv";
-const appConfigSidebarHeader = _appConfig;
-const sidebarHeader = tv({ extend: tv(theme), ...appConfigSidebarHeader.b24ui?.sidebarHeader || {} });
 </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 = sidebarHeader();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.sidebarHeader || {} })());
 </script>
 
 <template>

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

@@ -1,62 +1,7 @@
-declare const sidebarHeader: 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/sidebar-header';
+import type { ComponentConfig } from '../types/utils';
+type SidebarHeader = ComponentConfig<typeof theme, AppConfig, 'sidebarHeader'>;
 export interface SidebarHeaderProps {
     /**
      * The element or component this component should render as.
@@ -64,7 +9,7 @@ export interface SidebarHeaderProps {
      */
     as?: any;
     class?: any;
-    b24ui?: Partial<typeof sidebarHeader.slots>;
+    b24ui?: SidebarHeader['slots'];
 }
 export interface SidebarHeaderSlots {
     default(props?: {}): any;

package/dist/runtime/components/SidebarHeading.vue

@@ -1,20 +1,20 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/sidebar-heading";
-import { tv } from "../utils/tv";
-const appConfigSidebarHeading = _appConfig;
-const sidebarHeading = tv({ extend: tv(theme), ...appConfigSidebarHeading.b24ui?.sidebarHeading || {} });
 </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: "h6" },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
 defineSlots();
-const b24ui = sidebarHeading();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.sidebarHeading || {} })());
 </script>
 
 <template>

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

@@ -1,62 +1,7 @@
-declare const sidebarHeading: 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/sidebar-heading';
+import type { ComponentConfig } from '../types/utils';
+type SidebarHeading = ComponentConfig<typeof theme, AppConfig, 'sidebarHeading'>;
 export interface SidebarHeadingProps {
     /**
      * The element or component this component should render as.
@@ -64,7 +9,7 @@ export interface SidebarHeadingProps {
      */
     as?: any;
     class?: any;
-    b24ui?: Partial<typeof sidebarHeading.slots>;
+    b24ui?: SidebarHeading['slots'];
 }
 export interface SidebarHeadingSlots {
     default(props?: {}): any;

package/dist/runtime/components/SidebarLayout.vue

@@ -1,15 +1,13 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/sidebar-layout";
-import { tv } from "../utils/tv";
-import { useRoute } from "vue-router";
-const appConfigSidebarLayout = _appConfig;
-const sidebarLayout = tv({ extend: tv(theme), ...appConfigSidebarLayout.b24ui?.sidebarLayout || {} });
 </script>
 
 <script setup>
 import { ref, computed, watch, onUnmounted } from "vue";
+import { useRoute } from "vue-router";
 import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 import B24Slideover from "./Slideover.vue";
 import B24Sidebar from "./Sidebar.vue";
 import B24ModalDialogClose from "./ModalDialogClose.vue";
@@ -20,13 +18,14 @@ const props = defineProps({
   as: { type: null, required: false, default: "div" },
   useLightContent: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
 const slots = defineSlots();
+const appConfig = useAppConfig();
 const route = useRoute();
 const isUseSideBar = computed(() => !!slots.sidebar);
 const openSidebarSlideover = ref(false);
-const b24ui = computed(() => sidebarLayout({
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.sidebarLayout || {} })({
   useSidebar: isUseSideBar.value,
   useLightContent: Boolean(props.useLightContent)
 }));

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

@@ -1,164 +1,7 @@
-declare const sidebarLayout: import("tailwind-variants").TVReturnType<{
-    useSidebar: {
-        true: {
-            container: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-    useLightContent: {
-        true: {
-            root: string;
-            container: string;
-            containerWrapper: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-}, {
-    root: string;
-    sidebar: string;
-    sidebarSlideoverContainer: string;
-    sidebarSlideover: string;
-    sidebarSlideoverBtnClose: string;
-    header: string;
-    headerMenuIcon: string;
-    headerPaddings: string;
-    headerWrapper: string;
-    container: string;
-    containerWrapper: string;
-    containerWrapperInner: string;
-}, undefined, {
-    useSidebar: {
-        true: {
-            container: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-    useLightContent: {
-        true: {
-            root: string;
-            container: string;
-            containerWrapper: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-}, {
-    root: string;
-    sidebar: string;
-    sidebarSlideoverContainer: string;
-    sidebarSlideover: string;
-    sidebarSlideoverBtnClose: string;
-    header: string;
-    headerMenuIcon: string;
-    headerPaddings: string;
-    headerWrapper: string;
-    container: string;
-    containerWrapper: string;
-    containerWrapperInner: string;
-}, import("tailwind-variants").TVReturnType<{
-    useSidebar: {
-        true: {
-            container: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-    useLightContent: {
-        true: {
-            root: string;
-            container: string;
-            containerWrapper: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-}, {
-    root: string;
-    sidebar: string;
-    sidebarSlideoverContainer: string;
-    sidebarSlideover: string;
-    sidebarSlideoverBtnClose: string;
-    header: string;
-    headerMenuIcon: string;
-    headerPaddings: string;
-    headerWrapper: string;
-    container: string;
-    containerWrapper: string;
-    containerWrapperInner: string;
-}, undefined, {
-    useSidebar: {
-        true: {
-            container: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-    useLightContent: {
-        true: {
-            root: string;
-            container: string;
-            containerWrapper: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-}, {
-    root: string;
-    sidebar: string;
-    sidebarSlideoverContainer: string;
-    sidebarSlideover: string;
-    sidebarSlideoverBtnClose: string;
-    header: string;
-    headerMenuIcon: string;
-    headerPaddings: string;
-    headerWrapper: string;
-    container: string;
-    containerWrapper: string;
-    containerWrapperInner: string;
-}, import("tailwind-variants").TVReturnType<{
-    useSidebar: {
-        true: {
-            container: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-    useLightContent: {
-        true: {
-            root: string;
-            container: string;
-            containerWrapper: string;
-        };
-        false: {
-            container: string;
-        };
-    };
-}, {
-    root: string;
-    sidebar: string;
-    sidebarSlideoverContainer: string;
-    sidebarSlideover: string;
-    sidebarSlideoverBtnClose: string;
-    header: string;
-    headerMenuIcon: string;
-    headerPaddings: string;
-    headerWrapper: string;
-    container: string;
-    containerWrapper: string;
-    containerWrapperInner: string;
-}, undefined, unknown, unknown, undefined>>>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/sidebar-layout';
+import type { ComponentConfig } from '../types/utils';
+type SidebarLayout = ComponentConfig<typeof theme, AppConfig, 'sidebarLayout'>;
 export interface SidebarLayoutProps {
     /**
      * The element or component this component should render as.
@@ -167,7 +10,7 @@ export interface SidebarLayoutProps {
     as?: any;
     useLightContent?: boolean;
     class?: any;
-    b24ui?: Partial<typeof sidebarLayout.slots>;
+    b24ui?: SidebarLayout['slots'];
 }
 export interface SidebarLayoutSlots {
     /**

package/dist/runtime/components/SidebarSection.vue

@@ -1,20 +1,20 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/sidebar-section";
-import { tv } from "../utils/tv";
-const appConfigSidebarSection = _appConfig;
-const sidebarSection = tv({ extend: tv(theme), ...appConfigSidebarSection.b24ui?.sidebarSection || {} });
 </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 = sidebarSection();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.sidebarSection || {} })());
 </script>
 
 <template>

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

@@ -1,62 +1,7 @@
-declare const sidebarSection: 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/sidebar-section';
+import type { ComponentConfig } from '../types/utils';
+type SidebarSection = ComponentConfig<typeof theme, AppConfig, 'sidebarSection'>;
 export interface SidebarSectionProps {
     /**
      * The element or component this component should render as.
@@ -64,7 +9,7 @@ export interface SidebarSectionProps {
      */
     as?: any;
     class?: any;
-    b24ui?: Partial<typeof sidebarSection.slots>;
+    b24ui?: SidebarSection['slots'];
 }
 export interface SidebarSectionSlots {
     default(props?: {}): any;

package/dist/runtime/components/SidebarSpacer.vue

@@ -1,20 +1,20 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/sidebar-spacer";
-import { tv } from "../utils/tv";
-const appConfigSidebarSpacer = _appConfig;
-const sidebarSpacer = tv({ extend: tv(theme), ...appConfigSidebarSpacer.b24ui?.sidebarSpacer || {} });
 </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 = sidebarSpacer();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.sidebarSpacer || {} })());
 </script>
 
 <template>

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

@@ -1,62 +1,7 @@
-declare const sidebarSpacer: 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/sidebar-spacer';
+import type { ComponentConfig } from '../types/utils';
+type SidebarSpacer = ComponentConfig<typeof theme, AppConfig, 'sidebarSpacer'>;
 export interface SidebarSpacerProps {
     /**
      * The element or component this component should render as.
@@ -64,7 +9,7 @@ export interface SidebarSpacerProps {
      */
     as?: any;
     class?: any;
-    b24ui?: Partial<typeof sidebarSpacer.slots>;
+    b24ui?: SidebarSpacer['slots'];
 }
 export interface SidebarSpacerSlots {
     default(props?: {}): any;

package/dist/runtime/components/Skeleton.vue

@@ -1,21 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/skeleton";
-import { tv } from "../utils/tv";
-const appConfigSkeleton = _appConfig;
-const skeleton = tv({ extend: tv(theme), ...appConfigSkeleton.b24ui?.skeleton || {} });
 </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 },
   class: { type: null, required: false }
 });
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.skeleton || {} }));
 </script>
 
 <template>
-  <Primitive :as="as" :class="skeleton({ class: props.class })">
+  <Primitive :as="as" :class="b24ui({ class: props.class })">
     <slot />
   </Primitive>
 </template>