@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

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

@@ -1,352 +1,8 @@
-import type { VariantProps } from 'tailwind-variants';
 import type { SliderRootProps } from 'reka-ui';
-declare const range: import("tailwind-variants").TVReturnType<{
-    color: {
-        default: {
-            range: string;
-            thumb: string;
-        };
-        danger: {
-            range: string;
-            thumb: string;
-        };
-        success: {
-            range: string;
-            thumb: string;
-        };
-        warning: {
-            range: string;
-            thumb: string;
-        };
-        primary: {
-            range: string;
-            thumb: string;
-        };
-        secondary: {
-            range: string;
-            thumb: string;
-        };
-        collab: {
-            range: string;
-            thumb: string;
-        };
-        ai: {
-            range: string;
-            thumb: string;
-        };
-    };
-    size: {
-        xs: {
-            thumb: string;
-        };
-        sm: {
-            thumb: string;
-        };
-        md: {
-            thumb: string;
-        };
-        lg: {
-            thumb: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            range: string;
-        };
-        vertical: {
-            root: string;
-            range: string;
-        };
-    };
-    disabled: {
-        true: {
-            root: string;
-        };
-    };
-}, {
-    root: string;
-    track: string;
-    range: string;
-    thumb: string;
-}, undefined, {
-    color: {
-        default: {
-            range: string;
-            thumb: string;
-        };
-        danger: {
-            range: string;
-            thumb: string;
-        };
-        success: {
-            range: string;
-            thumb: string;
-        };
-        warning: {
-            range: string;
-            thumb: string;
-        };
-        primary: {
-            range: string;
-            thumb: string;
-        };
-        secondary: {
-            range: string;
-            thumb: string;
-        };
-        collab: {
-            range: string;
-            thumb: string;
-        };
-        ai: {
-            range: string;
-            thumb: string;
-        };
-    };
-    size: {
-        xs: {
-            thumb: string;
-        };
-        sm: {
-            thumb: string;
-        };
-        md: {
-            thumb: string;
-        };
-        lg: {
-            thumb: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            range: string;
-        };
-        vertical: {
-            root: string;
-            range: string;
-        };
-    };
-    disabled: {
-        true: {
-            root: string;
-        };
-    };
-}, {
-    root: string;
-    track: string;
-    range: string;
-    thumb: string;
-}, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: {
-            range: string;
-            thumb: string;
-        };
-        danger: {
-            range: string;
-            thumb: string;
-        };
-        success: {
-            range: string;
-            thumb: string;
-        };
-        warning: {
-            range: string;
-            thumb: string;
-        };
-        primary: {
-            range: string;
-            thumb: string;
-        };
-        secondary: {
-            range: string;
-            thumb: string;
-        };
-        collab: {
-            range: string;
-            thumb: string;
-        };
-        ai: {
-            range: string;
-            thumb: string;
-        };
-    };
-    size: {
-        xs: {
-            thumb: string;
-        };
-        sm: {
-            thumb: string;
-        };
-        md: {
-            thumb: string;
-        };
-        lg: {
-            thumb: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            range: string;
-        };
-        vertical: {
-            root: string;
-            range: string;
-        };
-    };
-    disabled: {
-        true: {
-            root: string;
-        };
-    };
-}, {
-    root: string;
-    track: string;
-    range: string;
-    thumb: string;
-}, undefined, {
-    color: {
-        default: {
-            range: string;
-            thumb: string;
-        };
-        danger: {
-            range: string;
-            thumb: string;
-        };
-        success: {
-            range: string;
-            thumb: string;
-        };
-        warning: {
-            range: string;
-            thumb: string;
-        };
-        primary: {
-            range: string;
-            thumb: string;
-        };
-        secondary: {
-            range: string;
-            thumb: string;
-        };
-        collab: {
-            range: string;
-            thumb: string;
-        };
-        ai: {
-            range: string;
-            thumb: string;
-        };
-    };
-    size: {
-        xs: {
-            thumb: string;
-        };
-        sm: {
-            thumb: string;
-        };
-        md: {
-            thumb: string;
-        };
-        lg: {
-            thumb: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            range: string;
-        };
-        vertical: {
-            root: string;
-            range: string;
-        };
-    };
-    disabled: {
-        true: {
-            root: string;
-        };
-    };
-}, {
-    root: string;
-    track: string;
-    range: string;
-    thumb: string;
-}, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: {
-            range: string;
-            thumb: string;
-        };
-        danger: {
-            range: string;
-            thumb: string;
-        };
-        success: {
-            range: string;
-            thumb: string;
-        };
-        warning: {
-            range: string;
-            thumb: string;
-        };
-        primary: {
-            range: string;
-            thumb: string;
-        };
-        secondary: {
-            range: string;
-            thumb: string;
-        };
-        collab: {
-            range: string;
-            thumb: string;
-        };
-        ai: {
-            range: string;
-            thumb: string;
-        };
-    };
-    size: {
-        xs: {
-            thumb: string;
-        };
-        sm: {
-            thumb: string;
-        };
-        md: {
-            thumb: string;
-        };
-        lg: {
-            thumb: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            range: string;
-        };
-        vertical: {
-            root: string;
-            range: string;
-        };
-    };
-    disabled: {
-        true: {
-            root: string;
-        };
-    };
-}, {
-    root: string;
-    track: string;
-    range: string;
-    thumb: string;
-}, undefined, unknown, unknown, undefined>>>;
-type RangeVariants = VariantProps<typeof range>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/range';
+import type { ComponentConfig } from '../types/utils';
+type Range = ComponentConfig<typeof theme, AppConfig, 'range'>;
 export interface RangeProps extends Pick<SliderRootProps, 'name' | 'disabled' | 'inverted' | 'min' | 'max' | 'step' | 'minStepsBetweenThumbs'> {
     /**
      * The element or component this component should render as.
@@ -356,11 +12,11 @@ export interface RangeProps extends Pick<SliderRootProps, 'name' | 'disabled' |
     /**
      * @defaultValue 'md'
      */
-    size?: RangeVariants['size'];
+    size?: Range['variants']['size'];
     /**
      * @defaultValue 'primary'
      */
-    color?: RangeVariants['color'];
+    color?: Range['variants']['color'];
     /**
      * The orientation of the Range.
      * @defaultValue 'horizontal'
@@ -371,7 +27,7 @@ export interface RangeProps extends Pick<SliderRootProps, 'name' | 'disabled' |
      */
     defaultValue?: number | number[];
     class?: any;
-    b24ui?: Partial<typeof range.slots>;
+    b24ui?: Range['slots'];
 }
 export interface RangeEmits {
     (e: 'update:modelValue', payload: number | number[]): void;

package/dist/runtime/components/Select.vue

@@ -1,9 +1,5 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/select";
-import { tv } from "../utils/tv";
-const appConfigSelect = _appConfig;
-const select = tv({ extend: tv(theme), ...appConfigSelect.b24ui?.select || {} });
 </script>
 
 <script setup>
@@ -11,10 +7,12 @@ import { computed, toRef } from "vue";
 import { Primitive, SelectRoot, SelectArrow, SelectTrigger, SelectPortal, SelectContent, SelectViewport, SelectScrollUpButton, SelectScrollDownButton, SelectLabel, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectSeparator, useForwardPropsEmits } from "reka-ui";
 import { defu } from "defu";
 import { reactivePick } from "@vueuse/core";
+import { useAppConfig } from "#imports";
 import { useButtonGroup } from "../composables/useButtonGroup";
 import { useComponentIcons } from "../composables/useComponentIcons";
 import { useFormField } from "../composables/useFormField";
 import { compare, get, isArrayOfArray } from "../utils";
+import { tv } from "../utils/tv";
 import icons from "../dictionary/icons";
 import B24Avatar from "./Avatar.vue";
 import B24Chip from "./Chip.vue";
@@ -57,6 +55,7 @@ const props = defineProps({
 });
 const emits = defineEmits(["update:open", "change", "blur", "focus", "update:modelValue"]);
 const slots = defineSlots();
+const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactivePick(props, "open", "defaultOpen", "disabled", "autocomplete", "required", "multiple"), emits);
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8, position: "popper" }));
 const arrowProps = toRef(() => props.arrow);
@@ -70,7 +69,7 @@ const selectSize = computed(() => buttonGroupSize.value || formGroupSize.value);
 const isTag = computed(() => {
   return props.tag;
 });
-const b24ui = computed(() => select({
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.select || {} })({
   color: color.value,
   size: selectSize?.value,
   loading: props.loading,