@bitrix24/b24ui-nuxt 2.2.1 → 2.4.0

package/dist/runtime/components/color-mode/ColorModeSwitch.d.vue.ts

@@ -1,6 +1,6 @@
 import type { SwitchProps } from '../../types';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/color-mode/ColorModeSwitch.vue

@@ -19,7 +19,7 @@ const props = defineProps({
   label: { type: String, required: false },
   description: { type: String, required: false },
   class: { type: null, required: false },
-  b24ui: { type: null, required: false },
+  b24ui: { type: Object, required: false },
   disabled: { type: Boolean, required: false },
   id: { type: String, required: false },
   name: { type: String, required: false },

package/dist/runtime/components/color-mode/ColorModeSwitch.vue.d.ts

@@ -1,6 +1,6 @@
 import type { SwitchProps } from '../../types';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/content/ContentSearch.d.vue.ts

@@ -32,6 +32,10 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
  * @memo not use loadingIcon
  */
 export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'> {
+    /**
+     * @defaultValue 'md'
+     */
+    size?: ContentSearch['variants']['size'];
     /**
      * The icon displayed in the input.
      * @defaultValue icons.search
@@ -92,23 +96,27 @@ export type ContentSearchSlots = CommandPaletteSlots<CommandPaletteGroup<Content
         close: () => void;
     }): any;
 };
-declare const __VLS_export: <T extends ContentSearchLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(ContentSearchProps<T> & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends ContentSearchLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(ContentSearchProps<T> & {
         searchTerm?: string;
-    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:searchTerm", value: string) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
+    }) & {
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        commandPaletteRef: Readonly<import("vue").ShallowRef<any>>;
+        commandPaletteRef: Readonly<import("vue").ShallowRef<{} | null, {} | null>>;
     }>) => void;
     attrs: any;
     slots: ContentSearchSlots;
-    emit: (evt: "update:searchTerm", value: string) => void;
+    emit: (event: "update:searchTerm", value: string) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/content/ContentSearch.vue

@@ -8,6 +8,7 @@ import { useForwardProps } from "reka-ui";
 import { defu } from "defu";
 import { reactivePick } from "@vueuse/core";
 import { useAppConfig, useColorMode, defineShortcuts } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { useContentSearch } from "../../composables/useContentSearch";
 import { useLocale } from "../../composables/useLocale";
 import { omit, transformUI } from "../../utils";
@@ -16,6 +17,7 @@ import icons from "../../dictionary/icons";
 import B24Modal from "../Modal.vue";
 import B24CommandPalette from "../CommandPalette.vue";
 const props = defineProps({
+  size: { type: null, required: false },
   icon: { type: [Function, Object], required: false },
   placeholder: { type: String, required: false },
   autofocus: { type: Boolean, required: false },
@@ -30,7 +32,7 @@ const props = defineProps({
   fuse: { type: Object, required: false },
   colorMode: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
-  b24ui: { type: void 0, required: false },
+  b24ui: { type: Object, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   overlay: { type: Boolean, required: false },
@@ -47,7 +49,8 @@ const { t } = useLocale();
 const { open, mapNavigationItems, postFilter } = useContentSearch();
 const colorMode = useColorMode();
 const appConfig = useAppConfig();
-const commandPaletteProps = useForwardProps(reactivePick(props, "icon", "placeholder", "autofocus", "loading", "close", "closeIcon"));
+const uiProp = useComponentUI("contentSearch", props);
+const commandPaletteProps = useForwardProps(reactivePick(props, "size", "icon", "placeholder", "autofocus", "loading", "close", "closeIcon"));
 const modalProps = useForwardProps(reactivePick(props, "overlay", "transition", "content", "dismissible", "fullscreen", "modal", "portal"));
 const getProxySlots = () => omit(slots, ["content"]);
 const fuse = computed(() => defu({}, props.fuse, {
@@ -56,6 +59,7 @@ const fuse = computed(() => defu({}, props.fuse, {
   }
 }));
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.contentSearch || {} })({
+  size: props.size,
   fullscreen: props.fullscreen
 }));
 const commandPaletteRef = useTemplateRef("commandPaletteRef");
@@ -160,7 +164,7 @@ defineExpose({
     :description="description || t('contentSearch.description')"
     v-bind="modalProps"
     data-slot="modal"
-    :class="b24ui.modal({ class: [props.b24ui?.modal, props.class] })"
+    :class="b24ui.modal({ class: [uiProp?.modal, props.class] })"
   >
     <template #content="contentData">
       <slot name="content" v-bind="contentData">
@@ -170,7 +174,8 @@ defineExpose({
           v-bind="commandPaletteProps"
           :groups="groups"
           :fuse="fuse"
-          :b24ui="transformUI(omit(b24ui, ['modal']), props.b24ui)"
+          :input="{ fixed: true }"
+          :b24ui="transformUI(omit(b24ui, ['modal']), uiProp)"
           @update:model-value="onSelect"
           @update:open="open = $event"
         >

package/dist/runtime/components/content/ContentSearch.vue.d.ts

@@ -32,6 +32,10 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
  * @memo not use loadingIcon
  */
 export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'> {
+    /**
+     * @defaultValue 'md'
+     */
+    size?: ContentSearch['variants']['size'];
     /**
      * The icon displayed in the input.
      * @defaultValue icons.search
@@ -92,23 +96,27 @@ export type ContentSearchSlots = CommandPaletteSlots<CommandPaletteGroup<Content
         close: () => void;
     }): any;
 };
-declare const __VLS_export: <T extends ContentSearchLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(ContentSearchProps<T> & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends ContentSearchLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(ContentSearchProps<T> & {
         searchTerm?: string;
-    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:searchTerm", value: string) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
+    }) & {
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        commandPaletteRef: Readonly<import("vue").ShallowRef<any>>;
+        commandPaletteRef: Readonly<import("vue").ShallowRef<{} | null, {} | null>>;
     }>) => void;
     attrs: any;
     slots: ContentSearchSlots;
-    emit: (evt: "update:searchTerm", value: string) => void;
+    emit: (event: "update:searchTerm", value: string) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/content/ContentSearchButton.d.vue.ts

@@ -39,9 +39,14 @@ export interface ContentSearchButtonProps extends Omit<ButtonProps, LinkPropsKey
     b24ui?: ContentSearchButton['slots'] & ButtonProps['b24ui'];
     class?: any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
+    color: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-alert" | "air-secondary-accent" | "air-secondary-accent-1" | "air-secondary-accent-2" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-selection" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-boost";
+    collapsed: boolean;
+    tooltip: boolean | TooltipProps;
+    kbds: KbdProps["value"][] | KbdProps[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/content/ContentSearchButton.vue

@@ -8,6 +8,7 @@ import { useForwardProps } from "reka-ui";
 import { defu } from "defu";
 import { reactiveOmit, createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { useContentSearch } from "../../composables/useContentSearch";
 import { useLocale } from "../../composables/useLocale";
 import { omit, transformUI } from "../../utils";
@@ -24,7 +25,7 @@ const props = defineProps({
   collapsed: { type: Boolean, required: false, default: true },
   tooltip: { type: [Boolean, Object], required: false, default: false },
   kbds: { type: Array, required: false, default: () => ["meta", "k"] },
-  b24ui: { type: void 0, required: false },
+  b24ui: { type: Object, required: false },
   class: { type: null, required: false },
   activeColor: { type: null, required: false },
   depth: { type: null, required: false },
@@ -55,6 +56,7 @@ const tooltipProps = toRef(() => defu(typeof props.tooltip === "boolean" ? {} :
 const { t } = useLocale();
 const { open } = useContentSearch();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("contentSearchButton", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.contentSearchButton || {} })({
   collapsed: props.collapsed
 }));
@@ -75,8 +77,8 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.content
   ...$attrs
 }"
       data-slot="base"
-      :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
-      :b24ui="transformUI(b24ui, props.b24ui)"
+      :class="b24ui.base({ class: [uiProp?.base, props.class] })"
+      :b24ui="transformUI(b24ui, uiProp)"
       @click="open = true"
     >
       <template v-for="(_, name) in getProxySlots()" #[name]="slotData">
@@ -84,7 +86,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.content
       </template>
 
       <template #trailing="{ b24ui: b24uiProxy }">
-        <div data-slot="trailing" :class="b24ui.trailing({ class: props.b24ui?.trailing })">
+        <div data-slot="trailing" :class="b24ui.trailing({ class: uiProp?.trailing })">
           <slot name="trailing" :b24ui="b24uiProxy">
             <template v-if="kbds?.length">
               <B24Kbd

package/dist/runtime/components/content/ContentSearchButton.vue.d.ts

@@ -39,9 +39,14 @@ export interface ContentSearchButtonProps extends Omit<ButtonProps, LinkPropsKey
     b24ui?: ContentSearchButton['slots'] & ButtonProps['b24ui'];
     class?: any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
+    color: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-alert" | "air-secondary-accent" | "air-secondary-accent-1" | "air-secondary-accent-2" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-selection" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-boost";
+    collapsed: boolean;
+    tooltip: boolean | TooltipProps;
+    kbds: KbdProps["value"][] | KbdProps[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/content/ContentSurround.d.vue.ts

@@ -45,8 +45,10 @@ export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSur
     'link-title': SlotProps<T>;
     'link-description': SlotProps<T>;
 }
-declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<ContentSurroundProps<T>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
@@ -56,8 +58,8 @@ declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNull
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/content/ContentSurround.vue

@@ -7,6 +7,7 @@ import { computed } from "vue";
 import { Primitive } from "reka-ui";
 import { createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 import icons from "../../dictionary/icons";
 import B24Link from "../Link.vue";
@@ -17,10 +18,11 @@ const props = defineProps({
   nextIcon: { type: [Function, Object], required: false },
   surround: { type: Array, required: false },
   class: { type: null, required: false },
-  b24ui: { type: null, required: false }
+  b24ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("contentSurround", props);
 const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate({
   props: {
     link: Object,
@@ -38,36 +40,36 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.content
       :to="link.path"
       raw
       data-slot="link"
-      :class="b24ui.link({ class: [props.b24ui?.link, link.b24ui?.link, link.class], direction })"
+      :class="b24ui.link({ class: [uiProp?.link, link.b24ui?.link, link.class], direction })"
     >
       <slot name="link" :link="link" :b24ui="b24ui">
-        <div data-slot="linkLeading" :class="b24ui.linkLeading({ class: [props.b24ui?.linkLeading, link.b24ui?.linkLeading] })">
+        <div data-slot="linkLeading" :class="b24ui.linkLeading({ class: [uiProp?.linkLeading, link.b24ui?.linkLeading] })">
           <slot name="link-leading" :link="link" :b24ui="b24ui">
             <Component
               :is="link.icon || icon"
               data-slot="linkLeadingIcon"
-              :class="b24ui.linkLeadingIcon({ class: [props.b24ui?.linkLeadingIcon, link.b24ui?.linkLeadingIcon], direction })"
+              :class="b24ui.linkLeadingIcon({ class: [uiProp?.linkLeadingIcon, link.b24ui?.linkLeadingIcon], direction })"
             />
           </slot>
         </div>
 
-        <p data-slot="linkTitle" :class="b24ui.linkTitle({ class: [props.b24ui?.linkTitle, link.b24ui?.linkTitle] })">
+        <p data-slot="linkTitle" :class="b24ui.linkTitle({ class: [uiProp?.linkTitle, link.b24ui?.linkTitle] })">
           <slot name="link-title" :link="link" :b24ui="b24ui">
             {{ link.title }}
           </slot>
         </p>
 
-        <p data-slot="linkDescription" :class="b24ui.linkDescription({ class: [props.b24ui?.linkDescription, link.b24ui?.linkDescription] })">
+        <p data-slot="linkDescription" :class="b24ui.linkDescription({ class: [uiProp?.linkDescription, link.b24ui?.linkDescription] })">
           <slot name="link-description" :link="link" :b24ui="b24ui">
             {{ link.description }}
           </slot>
         </p>
       </slot>
     </B24Link>
-    <span v-else class="hidden lg:block">&nbsp;</span>
+    <span v-else class="hidden sm:block">&nbsp;</span>
   </DefineLinkTemplate>
 
-  <Primitive v-if="surround" :as="as" v-bind="$attrs" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
+  <Primitive v-if="surround" :as="as" v-bind="$attrs" data-slot="root" :class="b24ui.root({ class: [uiProp?.root, props.class] })">
     <ReuseLinkTemplate :link="surround[0]" :icon="prevIcon || icons.arrowLeft" direction="left" />
     <ReuseLinkTemplate :link="surround[1]" :icon="nextIcon || icons.arrowRight" direction="right" />
   </Primitive>

package/dist/runtime/components/content/ContentSurround.vue.d.ts

@@ -45,8 +45,10 @@ export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSur
     'link-title': SlotProps<T>;
     'link-description': SlotProps<T>;
 }
-declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<ContentSurroundProps<T>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
@@ -56,8 +58,8 @@ declare const __VLS_export: <T extends ContentSurroundLink>(__VLS_props: NonNull
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/content/ContentToc.d.vue.ts

@@ -59,8 +59,13 @@ export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
         links?: T[];
     }): any;
 }
-declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ContentTocProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<ContentTocProps<T> & {
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        onMove?: ((id: string) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
@@ -70,8 +75,8 @@ declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/content/ContentToc.vue

@@ -7,6 +7,7 @@ import { computed } from "vue";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, useForwardPropsEmits } from "reka-ui";
 import { reactivePick, createReusableTemplate } from "@vueuse/core";
 import { useRouter, useAppConfig, useNuxtApp } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { useScrollspy } from "../../composables/useScrollspy";
 import { useLocale } from "../../composables/useLocale";
 import { tv } from "../../utils/tv";
@@ -18,7 +19,7 @@ const props = defineProps({
   title: { type: String, required: false },
   links: { type: Array, required: false },
   class: { type: null, required: false },
-  b24ui: { type: null, required: false },
+  b24ui: { type: Object, required: false },
   defaultOpen: { type: Boolean, required: false },
   open: { type: Boolean, required: false }
 });
@@ -28,6 +29,7 @@ const rootProps = useForwardPropsEmits(reactivePick(props, "as", "open", "defaul
 const { t } = useLocale();
 const router = useRouter();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("contentToc", props);
 const { activeHeadings, updateHeadings } = useScrollspy();
 const [DefineListTemplate, ReuseListTemplate] = createReusableTemplate({
   props: {
@@ -56,16 +58,16 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
 <template>
   <!-- eslint-disable-next-line vue/no-template-shadow -->
   <DefineListTemplate v-slot="{ links, level }">
-    <ul :class="level > 0 ? b24ui.listWithChildren({ class: props.b24ui?.listWithChildren }) : b24ui.list({ class: props.b24ui?.list })">
-      <li v-for="(link, index) in links" :key="index" :class="link.children && link.children.length > 0 ? b24ui.itemWithChildren({ class: [props.b24ui?.itemWithChildren, link.b24ui?.itemWithChildren] }) : b24ui.item({ class: [props.b24ui?.item, link.b24ui?.item] })">
+    <ul :class="level > 0 ? b24ui.listWithChildren({ class: uiProp?.listWithChildren }) : b24ui.list({ class: uiProp?.list })">
+      <li v-for="(link, index) in links" :key="index" :class="link.children && link.children.length > 0 ? b24ui.itemWithChildren({ class: [uiProp?.itemWithChildren, link.b24ui?.itemWithChildren] }) : b24ui.item({ class: [uiProp?.item, link.b24ui?.item] })">
         <a
           :href="`#${link.id}`"
           data-slot="link"
-          :class="b24ui.link({ class: [props.b24ui?.link, link.b24ui?.link, link.class], active: activeHeadings.includes(link.id) })"
+          :class="b24ui.link({ class: [uiProp?.link, link.b24ui?.link, link.class], active: activeHeadings.includes(link.id) })"
           @click.prevent="scrollToHeading(link.id)"
         >
           <slot name="link" :link="link">
-            <span data-slot="linkText" :class="b24ui.linkText({ class: [props.b24ui?.linkText, link.b24ui?.linkText] })">
+            <span data-slot="linkText" :class="b24ui.linkText({ class: [uiProp?.linkText, link.b24ui?.linkText] })">
               {{ link.text }}
             </span>
           </slot>
@@ -79,16 +81,16 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
   <DefineTriggerTemplate v-slot="{ open }">
     <slot name="leading" :open="open" :b24ui="b24ui" />
 
-    <span data-slot="title" :class="b24ui.title({ class: props.b24ui?.title })">
+    <span data-slot="title" :class="b24ui.title({ class: uiProp?.title })">
       <slot :open="open">{{ title || t("contentToc.title") }}</slot>
     </span>
 
-    <span data-slot="trailing" :class="b24ui.trailing({ class: props.b24ui?.trailing })">
+    <span data-slot="trailing" :class="b24ui.trailing({ class: uiProp?.trailing })">
       <slot name="trailing" :open="open" :b24ui="b24ui">
         <Component
           :is="trailingIcon || icons.chevronDown"
           data-slot="trailingIcon"
-          :class="b24ui.trailingIcon({ class: props.b24ui?.trailingIcon })"
+          :class="b24ui.trailingIcon({ class: uiProp?.trailingIcon })"
         />
       </slot>
     </span>
@@ -99,10 +101,10 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
     v-bind="{ ...rootProps, ...$attrs }"
     :default-open="defaultOpen"
     data-slot="root"
-    :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"
+    :class="b24ui.root({ class: [uiProp?.root, props.class] })"
   >
-    <div data-slot="container" :class="b24ui.container({ class: props.b24ui?.container })">
-      <div v-if="!!slots.top" data-slot="top" :class="b24ui.top({ class: props.b24ui?.top })">
+    <div data-slot="container" :class="b24ui.container({ class: uiProp?.container })">
+      <div v-if="!!slots.top" data-slot="top" :class="b24ui.top({ class: uiProp?.top })">
         <slot name="top" :links="links" />
       </div>
 
@@ -111,7 +113,7 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
           <ReuseTriggerTemplate :open="open" />
         </CollapsibleTrigger>
 
-        <CollapsibleContent data-slot="content" :class="b24ui.content({ class: [props.b24ui?.content, 'lg:hidden'] })">
+        <CollapsibleContent data-slot="content" :class="b24ui.content({ class: [uiProp?.content, 'lg:hidden'] })">
           <slot name="content" :links="links">
             <ReuseListTemplate :links="links" :level="0" />
           </slot>
@@ -121,14 +123,14 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
           <ReuseTriggerTemplate :open="open" />
         </p>
 
-        <div data-slot="content" :class="b24ui.content({ class: [props.b24ui?.content, 'hidden lg:flex'] })">
+        <div data-slot="content" :class="b24ui.content({ class: [uiProp?.content, 'hidden lg:flex'] })">
           <slot name="content" :links="links">
             <ReuseListTemplate :links="links" :level="0" />
           </slot>
         </div>
       </template>
 
-      <div v-if="!!slots.bottom" data-slot="bottom" :class="b24ui.bottom({ class: props.b24ui?.bottom, body: !!slots.top || !!links?.length })">
+      <div v-if="!!slots.bottom" data-slot="bottom" :class="b24ui.bottom({ class: uiProp?.bottom, body: !!slots.top || !!links?.length })">
         <slot name="bottom" :links="links" />
       </div>
     </div>

package/dist/runtime/components/content/ContentToc.vue.d.ts

@@ -59,8 +59,13 @@ export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
         links?: T[];
     }): any;
 }
-declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ContentTocProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<ContentTocProps<T> & {
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        onMove?: ((id: string) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
@@ -70,8 +75,8 @@ declare const __VLS_export: <T extends ContentTocLink>(__VLS_props: NonNullable<
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/locale/LocaleSelect.d.vue.ts

@@ -3,6 +3,8 @@ import type { Locale } from '../../types/locale';
 export interface LocaleSelectProps extends Omit<SelectMenuProps<Locale<any>[], 'code', false>, 'items' | 'modelValue'> {
     locales?: Locale<any>[];
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
     modelValue: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -11,6 +13,8 @@ declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
     modelValue: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}>, {
+    labelKey: import("../../types").GetItemKeys<Locale<any>[]>;
+    valueKey: "code";
+    searchInput: boolean | import("../Input.vue").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/locale/LocaleSelect.vue

@@ -23,6 +23,8 @@ const props = defineProps({
   required: { type: Boolean, required: false },
   trailingIcon: { type: [Function, Object], required: false },
   selectedIcon: { type: [Function, Object], required: false },
+  clear: { type: [Boolean, Object], required: false },
+  clearIcon: { type: [Function, Object], required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true },
@@ -31,7 +33,7 @@ const props = defineProps({
   labelKey: { type: null, required: false, default: "name" },
   descriptionKey: { type: null, required: false },
   defaultValue: { type: null, required: false },
-  modelModifiers: { type: Object, required: false },
+  modelModifiers: { type: null, required: false },
   multiple: { type: Boolean, required: false },
   highlight: { type: Boolean, required: false },
   createItem: { type: [Boolean, String, Object], required: false },
@@ -40,14 +42,16 @@ const props = defineProps({
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false },
   class: { type: null, required: false },
-  b24ui: { type: null, required: false },
+  b24ui: { type: Object, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   name: { type: String, required: false },
   resetSearchTermOnBlur: { type: Boolean, required: false },
   resetSearchTermOnSelect: { type: Boolean, required: false },
+  resetModelValueOnClear: { type: Boolean, required: false },
   highlightOnHover: { type: Boolean, required: false },
+  by: { type: [String, Function], required: false },
   icon: { type: [Function, Object], required: false },
   avatar: { type: Object, required: false },
   loading: { type: Boolean, required: false },