@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

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

@@ -1,307 +1,8 @@
-import type { VariantProps } from 'tailwind-variants';
 import type { CheckboxRootProps } from 'reka-ui';
-declare const checkbox: import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    size: {
-        xs: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        sm: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        md: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        lg: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-    };
-    required: {
-        true: {
-            label: string;
-        };
-    };
-    disabled: {
-        true: {
-            base: string;
-            label: string;
-            description: string;
-        };
-    };
-    checked: {
-        true: string;
-    };
-}, {
-    root: string;
-    base: string;
-    container: string;
-    wrapper: string;
-    icon: string;
-    label: string;
-    description: string;
-}, undefined, {
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    size: {
-        xs: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        sm: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        md: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        lg: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-    };
-    required: {
-        true: {
-            label: string;
-        };
-    };
-    disabled: {
-        true: {
-            base: string;
-            label: string;
-            description: string;
-        };
-    };
-    checked: {
-        true: string;
-    };
-}, {
-    root: string;
-    base: string;
-    container: string;
-    wrapper: string;
-    icon: string;
-    label: string;
-    description: string;
-}, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    size: {
-        xs: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        sm: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        md: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        lg: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-    };
-    required: {
-        true: {
-            label: string;
-        };
-    };
-    disabled: {
-        true: {
-            base: string;
-            label: string;
-            description: string;
-        };
-    };
-    checked: {
-        true: string;
-    };
-}, {
-    root: string;
-    base: string;
-    container: string;
-    wrapper: string;
-    icon: string;
-    label: string;
-    description: string;
-}, undefined, {
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    size: {
-        xs: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        sm: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        md: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        lg: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-    };
-    required: {
-        true: {
-            label: string;
-        };
-    };
-    disabled: {
-        true: {
-            base: string;
-            label: string;
-            description: string;
-        };
-    };
-    checked: {
-        true: string;
-    };
-}, {
-    root: string;
-    base: string;
-    container: string;
-    wrapper: string;
-    icon: string;
-    label: string;
-    description: string;
-}, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    size: {
-        xs: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        sm: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        md: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-        lg: {
-            base: string;
-            container: string;
-            wrapper: string;
-            label: string;
-        };
-    };
-    required: {
-        true: {
-            label: string;
-        };
-    };
-    disabled: {
-        true: {
-            base: string;
-            label: string;
-            description: string;
-        };
-    };
-    checked: {
-        true: string;
-    };
-}, {
-    root: string;
-    base: string;
-    container: string;
-    wrapper: string;
-    icon: string;
-    label: string;
-    description: string;
-}, undefined, unknown, unknown, undefined>>>;
-type CheckboxVariants = VariantProps<typeof checkbox>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/checkbox';
+import type { ComponentConfig } from '../types/utils';
+type Checkbox = ComponentConfig<typeof theme, AppConfig, 'checkbox'>;
 export interface CheckboxProps extends Pick<CheckboxRootProps, 'disabled' | 'required' | 'name' | 'value' | 'id' | 'defaultValue'> {
     /**
      * The element or component this component should render as.
@@ -313,13 +14,13 @@ export interface CheckboxProps extends Pick<CheckboxRootProps, 'disabled' | 'req
     /**
      * @defaultValue 'primary'
      */
-    color?: CheckboxVariants['color'];
+    color?: Checkbox['variants']['color'];
     /**
      * @defaultValue 'md'
      */
-    size?: CheckboxVariants['size'];
+    size?: Checkbox['variants']['size'];
     class?: any;
-    b24ui?: Partial<typeof checkbox.slots>;
+    b24ui?: Checkbox['slots'];
 }
 export type CheckboxEmits = {
     change: [payload: Event];

package/dist/runtime/components/Chip.vue

@@ -1,15 +1,13 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/chip";
-import { tv } from "../utils/tv";
-const appConfigChip = _appConfig;
-const chip = tv({ extend: tv(theme), ...appConfigChip.b24ui?.chip || {} });
 </script>
 
 <script setup>
 import { computed } from "vue";
 import { Primitive, Slot } from "reka-ui";
+import { useAppConfig } from "#imports";
 import { useAvatarGroup } from "../composables/useAvatarGroup";
+import { tv } from "../utils/tv";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false },
@@ -20,12 +18,13 @@ const props = defineProps({
   inset: { type: Boolean, required: false, default: false },
   standalone: { type: Boolean, required: false, default: false },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
 defineSlots();
 const show = defineModel("show", { type: Boolean, ...{ default: true } });
 const { size } = useAvatarGroup(props);
-const b24ui = computed(() => chip({
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.chip || {} })({
   color: props.color,
   size: size.value,
   position: props.position,

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

@@ -1,201 +1,7 @@
-import type { VariantProps } from 'tailwind-variants';
-declare const chip: import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-        link: string;
-    };
-    size: {
-        "3xs": string;
-        "2xs": string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-    };
-    position: {
-        "top-right": string;
-        "bottom-right": string;
-        "top-left": string;
-        "bottom-left": string;
-    };
-    inset: {
-        false: string;
-    };
-    standalone: {
-        true: string;
-        false: string;
-    };
-}, {
-    root: string;
-    base: string;
-}, undefined, {
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-        link: string;
-    };
-    size: {
-        "3xs": string;
-        "2xs": string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-    };
-    position: {
-        "top-right": string;
-        "bottom-right": string;
-        "top-left": string;
-        "bottom-left": string;
-    };
-    inset: {
-        false: string;
-    };
-    standalone: {
-        true: string;
-        false: string;
-    };
-}, {
-    root: string;
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-        link: string;
-    };
-    size: {
-        "3xs": string;
-        "2xs": string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-    };
-    position: {
-        "top-right": string;
-        "bottom-right": string;
-        "top-left": string;
-        "bottom-left": string;
-    };
-    inset: {
-        false: string;
-    };
-    standalone: {
-        true: string;
-        false: string;
-    };
-}, {
-    root: string;
-    base: string;
-}, undefined, {
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-        link: string;
-    };
-    size: {
-        "3xs": string;
-        "2xs": string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-    };
-    position: {
-        "top-right": string;
-        "bottom-right": string;
-        "top-left": string;
-        "bottom-left": string;
-    };
-    inset: {
-        false: string;
-    };
-    standalone: {
-        true: string;
-        false: string;
-    };
-}, {
-    root: string;
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-        link: string;
-    };
-    size: {
-        "3xs": string;
-        "2xs": string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-    };
-    position: {
-        "top-right": string;
-        "bottom-right": string;
-        "top-left": string;
-        "bottom-left": string;
-    };
-    inset: {
-        false: string;
-    };
-    standalone: {
-        true: string;
-        false: string;
-    };
-}, {
-    root: string;
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-type ChipVariants = VariantProps<typeof chip>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/chip';
+import type { ComponentConfig } from '../types/utils';
+type Chip = ComponentConfig<typeof theme, AppConfig, 'chip'>;
 export interface ChipProps {
     /**
      * The element or component this component should render as.
@@ -207,16 +13,16 @@ export interface ChipProps {
     /**
      * @defaultValue 'danger'
      */
-    color?: ChipVariants['color'];
+    color?: Chip['variants']['color'];
     /**
      * @defaultValue 'sm'
      */
-    size?: ChipVariants['size'];
+    size?: Chip['variants']['size'];
     /**
      * The position of the chip.
      * @defaultValue 'top-right'
      */
-    position?: ChipVariants['position'];
+    position?: Chip['variants']['position'];
     /**
      * When `true`, keep the chip inside the component for rounded elements
      * @defaultValue false
@@ -228,7 +34,7 @@ export interface ChipProps {
      */
     standalone?: boolean;
     class?: any;
-    b24ui?: Partial<typeof chip.slots>;
+    b24ui?: Chip['slots'];
 }
 export interface ChipEmits {
     (e: 'update:show', payload: boolean): void;

package/dist/runtime/components/Collapsible.vue

@@ -1,18 +1,17 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/collapsible";
-import { tv } from "../utils/tv";
-const appConfigCollapsible = _appConfig;
-const collapsible = tv({ extend: tv(theme), ...appConfigCollapsible.b24ui?.collapsible || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false },
   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 },
   disabled: { type: Boolean, required: false },
@@ -20,8 +19,9 @@ const props = defineProps({
 });
 const emits = defineEmits(["update:open"]);
 const slots = defineSlots();
+const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "defaultOpen", "open", "disabled", "unmountOnHide"), emits);
-const b24ui = collapsible();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.collapsible || {} })());
 </script>
 
 <template>

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

@@ -1,76 +1,8 @@
 import type { CollapsibleRootProps, CollapsibleRootEmits } from 'reka-ui';
-declare const collapsible: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-    content: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-    content: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-    content: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-    content: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    root: string;
-    content: string;
-}, undefined, unknown, unknown, undefined>>>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/collapsible';
+import type { ComponentConfig } from '../types/utils';
+type Collapsible = ComponentConfig<typeof theme, AppConfig, 'collapsible'>;
 export interface CollapsibleProps extends Pick<CollapsibleRootProps, 'defaultOpen' | 'open' | 'disabled' | 'unmountOnHide'> {
     /**
      * The element or component this component should render as.
@@ -78,7 +10,7 @@ export interface CollapsibleProps extends Pick<CollapsibleRootProps, 'defaultOpe
      */
     as?: any;
     class?: any;
-    b24ui?: Partial<typeof collapsible.slots>;
+    b24ui?: Collapsible['slots'];
 }
 export interface CollapsibleEmits extends CollapsibleRootEmits {
 }