@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

package/dist/runtime/components/Popover.vue

@@ -1,9 +1,5 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/popover";
-import { tv } from "../utils/tv";
-const appConfigPopover = _appConfig;
-const popover = tv({ extend: tv(theme), ...appConfigPopover.b24ui?.popover || {} });
 </script>
 
 <script setup>
@@ -12,6 +8,8 @@ import { defu } from "defu";
 import { useForwardPropsEmits } from "reka-ui";
 import { Popover, HoverCard } from "reka-ui/namespaced";
 import { reactivePick } from "@vueuse/core";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   mode: { type: String, required: false, default: "click" },
   content: { type: Object, required: false },
@@ -19,7 +17,7 @@ const props = defineProps({
   portal: { type: Boolean, required: false, default: true },
   dismissible: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false },
+  b24ui: { type: null, required: false },
   defaultOpen: { type: Boolean, required: false },
   open: { type: Boolean, required: false },
   modal: { type: Boolean, required: false },
@@ -28,6 +26,7 @@ const props = defineProps({
 });
 const emits = defineEmits(["update:open"]);
 const slots = defineSlots();
+const appConfig = useAppConfig();
 const pick = props.mode === "hover" ? reactivePick(props, "defaultOpen", "open", "openDelay", "closeDelay") : reactivePick(props, "defaultOpen", "open", "modal");
 const rootProps = useForwardPropsEmits(pick, emits);
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8 }));
@@ -42,7 +41,7 @@ const contentEvents = computed(() => {
   return {};
 });
 const arrowProps = toRef(() => props.arrow);
-const b24ui = computed(() => popover({
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.popover || {} })({
   side: contentProps.value.side
 }));
 const Component = computed(() => props.mode === "hover" ? HoverCard : Popover);

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

@@ -1,77 +1,9 @@
+import { Popover } from 'reka-ui/namespaced';
 import type { PopoverRootProps, HoverCardRootProps, PopoverRootEmits, PopoverContentProps, PopoverContentEmits, PopoverArrowProps } from 'reka-ui';
-import type { EmitsToProps } from '../types/utils';
-declare const popover: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    content: string;
-    arrow: string;
-}, undefined, unknown, unknown, undefined>>>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/popover';
+import type { EmitsToProps, ComponentConfig } from '../types/utils';
+type Popover = ComponentConfig<typeof theme, AppConfig, 'popover'>;
 export interface PopoverProps extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
     /**
      * The display mode of the popover.
@@ -99,7 +31,7 @@ export interface PopoverProps extends PopoverRootProps, Pick<HoverCardRootProps,
      */
     dismissible?: boolean;
     class?: any;
-    b24ui?: Partial<typeof popover.slots>;
+    b24ui?: Popover['slots'];
 }
 export interface PopoverEmits extends PopoverRootEmits {
 }
@@ -116,11 +48,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     closeDelay: number;
     dismissible: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    mode: "click" | "hover";
     portal: boolean;
     dismissible: boolean;
     openDelay: number;
     closeDelay: number;
-    mode: "click" | "hover";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<PopoverSlots> & PopoverSlots>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/runtime/components/Progress.vue

@@ -1,16 +1,14 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/progress";
-import { tv } from "../utils/tv";
-const appConfigProgress = _appConfig;
-const progress = tv({ extend: tv(theme), ...appConfigProgress.b24ui?.progress || {} });
 </script>
 
 <script setup>
 import { computed } from "vue";
 import { Primitive, ProgressRoot, ProgressIndicator, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
+import { useAppConfig } from "#imports";
 import { useLocale } from "../composables/useLocale";
+import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false },
   max: { type: [Number, Array], required: false },
@@ -21,13 +19,14 @@ const props = defineProps({
   orientation: { type: null, required: false, default: "horizontal" },
   animation: { type: null, required: false },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false },
+  b24ui: { type: null, required: false },
   getValueLabel: { type: Function, required: false },
   modelValue: { type: [Number, null], required: false, default: null }
 });
 const emits = defineEmits(["update:modelValue", "update:max"]);
 const slots = defineSlots();
 const { dir } = useLocale();
+const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactivePick(props, "getValueLabel", "modelValue"), emits);
 const isIndeterminate = computed(() => rootProps.value.modelValue === null);
 const hasSteps = computed(() => Array.isArray(props.max));
@@ -100,7 +99,7 @@ function stepVariant(index) {
   }
   return "other";
 }
-const b24ui = computed(() => progress({
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.progress || {} })({
   animation: props.animation,
   size: props.size,
   color: props.color,