@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

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

@@ -1,497 +1,8 @@
-import type { VariantProps } from 'tailwind-variants';
 import type { ProgressRootProps, ProgressRootEmits } from 'reka-ui';
-declare const progress: import("tailwind-variants").TVReturnType<{
-    animation: {
-        loading: string;
-        carousel: string;
-        "carousel-inverse": string;
-        swing: string;
-        elastic: string;
-    };
-    color: {
-        default: {
-            indicator: string;
-            steps: string;
-        };
-        danger: {
-            indicator: string;
-            steps: string;
-        };
-        success: {
-            indicator: string;
-            steps: string;
-        };
-        warning: {
-            indicator: string;
-            steps: string;
-        };
-        primary: {
-            indicator: string;
-            steps: string;
-        };
-        secondary: {
-            indicator: string;
-            steps: string;
-        };
-        collab: {
-            indicator: string;
-            steps: string;
-        };
-        ai: {
-            indicator: string;
-            steps: string;
-        };
-    };
-    size: {
-        xs: {
-            status: string;
-            steps: string;
-        };
-        sm: {
-            status: string;
-            steps: string;
-        };
-        md: {
-            status: string;
-            steps: string;
-        };
-        lg: {
-            status: string;
-            steps: string;
-        };
-    };
-    step: {
-        active: {
-            step: "active" | "first" | "other" | "last";
-        };
-        first: {
-            step: "active" | "first" | "other" | "last";
-        };
-        other: {
-            step: "active" | "first" | "other" | "last";
-        };
-        last: {
-            step: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            base: string;
-            status: string;
-        };
-        vertical: {
-            root: string;
-            base: string;
-            status: string;
-        };
-    };
-    inverted: {
-        true: {
-            status: string;
-        };
-    };
-}, {
-    root: string;
-    base: string;
-    indicator: string;
-    status: string;
-    steps: string;
-    step: "active" | "first" | "other" | "last";
-}, undefined, {
-    animation: {
-        loading: string;
-        carousel: string;
-        "carousel-inverse": string;
-        swing: string;
-        elastic: string;
-    };
-    color: {
-        default: {
-            indicator: string;
-            steps: string;
-        };
-        danger: {
-            indicator: string;
-            steps: string;
-        };
-        success: {
-            indicator: string;
-            steps: string;
-        };
-        warning: {
-            indicator: string;
-            steps: string;
-        };
-        primary: {
-            indicator: string;
-            steps: string;
-        };
-        secondary: {
-            indicator: string;
-            steps: string;
-        };
-        collab: {
-            indicator: string;
-            steps: string;
-        };
-        ai: {
-            indicator: string;
-            steps: string;
-        };
-    };
-    size: {
-        xs: {
-            status: string;
-            steps: string;
-        };
-        sm: {
-            status: string;
-            steps: string;
-        };
-        md: {
-            status: string;
-            steps: string;
-        };
-        lg: {
-            status: string;
-            steps: string;
-        };
-    };
-    step: {
-        active: {
-            step: "active" | "first" | "other" | "last";
-        };
-        first: {
-            step: "active" | "first" | "other" | "last";
-        };
-        other: {
-            step: "active" | "first" | "other" | "last";
-        };
-        last: {
-            step: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            base: string;
-            status: string;
-        };
-        vertical: {
-            root: string;
-            base: string;
-            status: string;
-        };
-    };
-    inverted: {
-        true: {
-            status: string;
-        };
-    };
-}, {
-    root: string;
-    base: string;
-    indicator: string;
-    status: string;
-    steps: string;
-    step: "active" | "first" | "other" | "last";
-}, import("tailwind-variants").TVReturnType<{
-    animation: {
-        loading: string;
-        carousel: string;
-        "carousel-inverse": string;
-        swing: string;
-        elastic: string;
-    };
-    color: {
-        default: {
-            indicator: string;
-            steps: string;
-        };
-        danger: {
-            indicator: string;
-            steps: string;
-        };
-        success: {
-            indicator: string;
-            steps: string;
-        };
-        warning: {
-            indicator: string;
-            steps: string;
-        };
-        primary: {
-            indicator: string;
-            steps: string;
-        };
-        secondary: {
-            indicator: string;
-            steps: string;
-        };
-        collab: {
-            indicator: string;
-            steps: string;
-        };
-        ai: {
-            indicator: string;
-            steps: string;
-        };
-    };
-    size: {
-        xs: {
-            status: string;
-            steps: string;
-        };
-        sm: {
-            status: string;
-            steps: string;
-        };
-        md: {
-            status: string;
-            steps: string;
-        };
-        lg: {
-            status: string;
-            steps: string;
-        };
-    };
-    step: {
-        active: {
-            step: "active" | "first" | "other" | "last";
-        };
-        first: {
-            step: "active" | "first" | "other" | "last";
-        };
-        other: {
-            step: "active" | "first" | "other" | "last";
-        };
-        last: {
-            step: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            base: string;
-            status: string;
-        };
-        vertical: {
-            root: string;
-            base: string;
-            status: string;
-        };
-    };
-    inverted: {
-        true: {
-            status: string;
-        };
-    };
-}, {
-    root: string;
-    base: string;
-    indicator: string;
-    status: string;
-    steps: string;
-    step: "active" | "first" | "other" | "last";
-}, undefined, {
-    animation: {
-        loading: string;
-        carousel: string;
-        "carousel-inverse": string;
-        swing: string;
-        elastic: string;
-    };
-    color: {
-        default: {
-            indicator: string;
-            steps: string;
-        };
-        danger: {
-            indicator: string;
-            steps: string;
-        };
-        success: {
-            indicator: string;
-            steps: string;
-        };
-        warning: {
-            indicator: string;
-            steps: string;
-        };
-        primary: {
-            indicator: string;
-            steps: string;
-        };
-        secondary: {
-            indicator: string;
-            steps: string;
-        };
-        collab: {
-            indicator: string;
-            steps: string;
-        };
-        ai: {
-            indicator: string;
-            steps: string;
-        };
-    };
-    size: {
-        xs: {
-            status: string;
-            steps: string;
-        };
-        sm: {
-            status: string;
-            steps: string;
-        };
-        md: {
-            status: string;
-            steps: string;
-        };
-        lg: {
-            status: string;
-            steps: string;
-        };
-    };
-    step: {
-        active: {
-            step: "active" | "first" | "other" | "last";
-        };
-        first: {
-            step: "active" | "first" | "other" | "last";
-        };
-        other: {
-            step: "active" | "first" | "other" | "last";
-        };
-        last: {
-            step: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            base: string;
-            status: string;
-        };
-        vertical: {
-            root: string;
-            base: string;
-            status: string;
-        };
-    };
-    inverted: {
-        true: {
-            status: string;
-        };
-    };
-}, {
-    root: string;
-    base: string;
-    indicator: string;
-    status: string;
-    steps: string;
-    step: "active" | "first" | "other" | "last";
-}, import("tailwind-variants").TVReturnType<{
-    animation: {
-        loading: string;
-        carousel: string;
-        "carousel-inverse": string;
-        swing: string;
-        elastic: string;
-    };
-    color: {
-        default: {
-            indicator: string;
-            steps: string;
-        };
-        danger: {
-            indicator: string;
-            steps: string;
-        };
-        success: {
-            indicator: string;
-            steps: string;
-        };
-        warning: {
-            indicator: string;
-            steps: string;
-        };
-        primary: {
-            indicator: string;
-            steps: string;
-        };
-        secondary: {
-            indicator: string;
-            steps: string;
-        };
-        collab: {
-            indicator: string;
-            steps: string;
-        };
-        ai: {
-            indicator: string;
-            steps: string;
-        };
-    };
-    size: {
-        xs: {
-            status: string;
-            steps: string;
-        };
-        sm: {
-            status: string;
-            steps: string;
-        };
-        md: {
-            status: string;
-            steps: string;
-        };
-        lg: {
-            status: string;
-            steps: string;
-        };
-    };
-    step: {
-        active: {
-            step: "active" | "first" | "other" | "last";
-        };
-        first: {
-            step: "active" | "first" | "other" | "last";
-        };
-        other: {
-            step: "active" | "first" | "other" | "last";
-        };
-        last: {
-            step: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            base: string;
-            status: string;
-        };
-        vertical: {
-            root: string;
-            base: string;
-            status: string;
-        };
-    };
-    inverted: {
-        true: {
-            status: string;
-        };
-    };
-}, {
-    root: string;
-    base: string;
-    indicator: string;
-    status: string;
-    steps: string;
-    step: "active" | "first" | "other" | "last";
-}, undefined, unknown, unknown, undefined>>>;
-type ProgressVariants = VariantProps<typeof progress>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/progress';
+import type { ComponentConfig } from '../types/utils';
+type Progress = ComponentConfig<typeof theme, AppConfig, 'progress'>;
 export interface ProgressProps extends Pick<ProgressRootProps, 'getValueLabel' | 'modelValue'> {
     /**
      * The element or component this component should render as.
@@ -514,22 +25,22 @@ export interface ProgressProps extends Pick<ProgressRootProps, 'getValueLabel' |
     /**
      * @defaultValue 'md'
      */
-    size?: ProgressVariants['size'];
+    size?: Progress['variants']['size'];
     /**
      * @defaultValue 'primary'
      */
-    color?: ProgressVariants['color'];
+    color?: Progress['variants']['color'];
     /**
      * The orientation of the progress bar.
      * @defaultValue 'horizontal'
      */
-    orientation?: ProgressVariants['orientation'];
+    orientation?: Progress['variants']['orientation'];
     /**
      * @defaultValue 'loading'
      */
-    animation?: ProgressVariants['animation'];
+    animation?: Progress['variants']['animation'];
     class?: any;
-    b24ui?: Partial<typeof progress.slots>;
+    b24ui?: Progress['slots'];
 }
 export interface ProgressEmits extends ProgressRootEmits {
 }
@@ -547,9 +58,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     modelValue: null;
     orientation: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    orientation: "horizontal" | "vertical";
-    modelValue: number | null;
+    orientation: Progress["variants"]["orientation"];
     inverted: boolean;
+    modelValue: number | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
     status(props: {
         percent?: number;

package/dist/runtime/components/RadioGroup.vue

@@ -1,17 +1,15 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/radio-group";
-import { tv } from "../utils/tv";
-const appConfigRadioGroup = _appConfig;
-const radioGroup = tv({ extend: tv(theme), ...appConfigRadioGroup.b24ui?.radioGroup || {} });
 </script>
 
 <script setup>
 import { computed, useId } from "vue";
 import { RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, Label, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
+import { useAppConfig } from "#imports";
 import { useFormField } from "../composables/useFormField";
 import { get } from "../utils";
+import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false },
   legend: { type: String, required: false },
@@ -25,7 +23,7 @@ const props = defineProps({
   orientation: { type: null, required: false, default: "vertical" },
   indicator: { type: null, required: false },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false },
+  b24ui: { type: null, required: false },
   defaultValue: { type: [String, Number, Object, null], required: false },
   disabled: { type: Boolean, required: false },
   loop: { type: Boolean, required: false },
@@ -35,10 +33,11 @@ const props = defineProps({
 });
 const emits = defineEmits(["update:modelValue", "change"]);
 const slots = defineSlots();
+const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "modelValue", "defaultValue", "orientation", "loop", "required"), emits);
 const { emitFormChange, emitFormInput, color, name, size, id: _id, disabled, ariaAttrs } = useFormField(props, { bind: false });
 const id = _id.value ?? useId();
-const b24ui = computed(() => radioGroup({
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.radioGroup || {} })({
   size: size.value,
   color: color.value,
   disabled: disabled.value,