@bitrix24/b24ui-nuxt 0.5.10 → 0.6.0

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

@@ -1,4 +1,3 @@
-import { nextTick } from 'vue';
 import type { InputHTMLAttributes } from 'vue';
 import type { VariantProps } from 'tailwind-variants';
 import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxContentEmits, ComboboxArrowProps } from 'reka-ui';
@@ -1177,7 +1176,7 @@ interface _InputMenuItem {
     [key: string]: any;
 }
 export type InputMenuItem = _InputMenuItem | AcceptableValue | boolean;
-export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false> extends Pick<ComboboxRootProps<T>, 'open' | 'defaultOpen' | 'disabled' | 'name' | 'resetSearchTermOnBlur' | 'highlightOnHover'>, UseComponentIconsProps {
+export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false> extends Pick<ComboboxRootProps<T>, 'open' | 'defaultOpen' | 'disabled' | 'name' | 'resetSearchTermOnBlur' | 'resetSearchTermOnSelect' | 'highlightOnHover'>, UseComponentIconsProps {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -1417,8 +1416,18 @@ declare const _default: <T extends ArrayOrNested<InputMenuItem>, VK extends GetI
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T_1 extends string | ((
+            /**
+             * The icon displayed to open the menu.
+             * @defaultValue icons.chevronDown
+             * @IconComponent
+             */
+            ... /**
+             * The icon displayed to open the menu.
+             * @defaultValue icons.chevronDown
+             * @IconComponent
+             */args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             as: import("reka-ui").AsTag | import("vue").Component;
         }> & Omit<Readonly<import("reka-ui").ComboboxInputProps> & Readonly<{
@@ -1477,8 +1486,18 @@ declare const _default: <T extends ArrayOrNested<InputMenuItem>, VK extends GetI
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T_1 extends string | ((
+            /**
+             * The icon displayed to open the menu.
+             * @defaultValue icons.chevronDown
+             * @IconComponent
+             */
+            ... /**
+             * The icon displayed to open the menu.
+             * @defaultValue icons.chevronDown
+             * @IconComponent
+             */args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             as: import("reka-ui").AsTag | import("vue").Component;
         }> & Omit<Readonly<import("reka-ui").ComboboxInputProps> & Readonly<{

package/dist/runtime/components/InputNumber.vue

@@ -8,148 +8,47 @@ const inputNumber = tv({ extend: tv(theme), ...appConfigInputNumber.b24ui?.input
 
 <script setup>
 import { onMounted, ref, computed } from "vue";
-import { useForwardPropsEmits } from "reka-ui";
+import { NumberFieldRoot, NumberFieldInput, NumberFieldDecrement, NumberFieldIncrement, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 import { useFormField } from "../composables/useFormField";
 import { useLocale } from "../composables/useLocale";
 import icons from "../dictionary/icons";
+import B24Button from "./Button.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
-  as: {
-    type: null,
-    required: false
-  },
-  placeholder: {
-    type: String,
-    required: false
-  },
-  color: {
-    type: null,
-    required: false,
-    default: "primary"
-  },
-  size: {
-    type: null,
-    required: false,
-    default: "md"
-  },
-  noPadding: {
-    type: Boolean,
-    required: false
-  },
-  noBorder: {
-    type: Boolean,
-    required: false
-  },
-  underline: {
-    type: Boolean,
-    required: false
-  },
-  rounded: {
-    type: Boolean,
-    required: false
-  },
-  tag: {
-    type: String,
-    required: false
-  },
-  tagColor: {
-    type: null,
-    required: false
-  },
-  highlight: {
-    type: Boolean,
-    required: false
-  },
-  orientation: {
-    type: String,
-    required: false,
-    default: "horizontal"
-  },
-  increment: {
-    type: Object,
-    required: false
-  },
-  incrementIcon: {
-    type: [Function, Object],
-    required: false
-  },
-  decrement: {
-    type: Object,
-    required: false
-  },
-  decrementIcon: {
-    type: [Function, Object],
-    required: false
-  },
-  autofocus: {
-    type: Boolean,
-    required: false
-  },
-  autofocusDelay: {
-    type: Number,
-    required: false
-  },
-  locale: {
-    type: String,
-    required: false
-  },
-  class: {
-    type: null,
-    required: false
-  },
-  b24ui: {
-    type: null,
-    required: false
-  },
-  modelValue: {
-    type: [Number, null],
-    required: false
-  },
-  defaultValue: {
-    type: Number,
-    required: false
-  },
-  min: {
-    type: Number,
-    required: false
-  },
-  max: {
-    type: Number,
-    required: false
-  },
-  stepSnapping: {
-    type: Boolean,
-    required: false
-  },
-  step: {
-    type: Number,
-    required: false
-  },
-  disabled: {
-    type: Boolean,
-    required: false
-  },
-  required: {
-    type: Boolean,
-    required: false
-  },
-  id: {
-    type: String,
-    required: false
-  },
-  name: {
-    type: String,
-    required: false
-  },
-  formatOptions: {
-    type: null,
-    required: false
-  },
-  disableWheelChange: {
-    type: Boolean,
-    required: false
-  }
+  as: { type: null, required: false },
+  placeholder: { type: String, required: false },
+  color: { type: null, required: false, default: "primary" },
+  size: { type: null, required: false, default: "md" },
+  noPadding: { type: Boolean, required: false },
+  noBorder: { type: Boolean, required: false },
+  underline: { type: Boolean, required: false },
+  rounded: { type: Boolean, required: false },
+  tag: { type: String, required: false },
+  tagColor: { type: null, required: false },
+  highlight: { type: Boolean, required: false },
+  orientation: { type: String, required: false, default: "horizontal" },
+  increment: { type: Object, required: false },
+  incrementIcon: { type: [Function, Object], required: false },
+  decrement: { type: Object, required: false },
+  decrementIcon: { type: [Function, Object], required: false },
+  autofocus: { type: Boolean, required: false },
+  autofocusDelay: { type: Number, required: false },
+  locale: { type: String, required: false },
+  class: { type: null, required: false },
+  b24ui: { type: null, required: false },
+  modelValue: { type: [Number, null], required: false },
+  defaultValue: { type: Number, required: false },
+  min: { type: Number, required: false },
+  max: { type: Number, required: false },
+  stepSnapping: { type: Boolean, required: false },
+  step: { type: Number, required: false },
+  disabled: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  id: { type: String, required: false },
+  name: { type: String, required: false },
+  formatOptions: { type: null, required: false },
+  disableWheelChange: { type: Boolean, required: false }
 });
 const emits = defineEmits(["update:modelValue", "blur", "change"]);
 defineSlots();

package/dist/runtime/components/Kbd.vue

@@ -7,29 +7,14 @@ const kbd = tv({ extend: tv(theme), ...appConfigKbd.b24ui?.kbd || {} });
 </script>
 
 <script setup>
+import { Primitive } from "reka-ui";
 import { useKbd } from "../composables/useKbd";
 const props = defineProps({
-  as: {
-    type: null,
-    required: false,
-    default: "kbd"
-  },
-  value: {
-    type: null,
-    required: false
-  },
-  depth: {
-    type: null,
-    required: false
-  },
-  size: {
-    type: null,
-    required: false
-  },
-  class: {
-    type: null,
-    required: false
-  }
+  as: { type: null, required: false, default: "kbd" },
+  value: { type: null, required: false },
+  depth: { type: null, required: false },
+  size: { type: null, required: false },
+  class: { type: null, required: false }
 });
 defineSlots();
 const { getKbdKey } = useKbd();

package/dist/runtime/components/Link.vue

@@ -12,123 +12,36 @@ import { isEqual, diff } from "ohash/utils";
 import { useForwardProps } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
 import { useRoute } from "#imports";
+import B24LinkBase from "./LinkBase.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
-  as: {
-    type: null,
-    required: false,
-    default: "button"
-  },
-  type: {
-    type: null,
-    required: false,
-    default: "button"
-  },
-  disabled: {
-    type: Boolean,
-    required: false
-  },
-  active: {
-    type: Boolean,
-    required: false,
-    default: void 0
-  },
-  exact: {
-    type: Boolean,
-    required: false
-  },
-  exactQuery: {
-    type: [Boolean, String],
-    required: false
-  },
-  exactHash: {
-    type: Boolean,
-    required: false
-  },
-  inactiveClass: {
-    type: String,
-    required: false,
-    default: ""
-  },
-  custom: {
-    type: Boolean,
-    required: false
-  },
-  isAction: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  raw: {
-    type: Boolean,
-    required: false
-  },
-  class: {
-    type: null,
-    required: false
-  },
-  to: {
-    type: null,
-    required: false
-  },
-  href: {
-    type: null,
-    required: false
-  },
-  external: {
-    type: Boolean,
-    required: false
-  },
-  target: {
-    type: [String, Object, null],
-    required: false
-  },
-  rel: {
-    type: [String, Object, null],
-    required: false
-  },
-  noRel: {
-    type: Boolean,
-    required: false
-  },
-  prefetchedClass: {
-    type: String,
-    required: false
-  },
-  prefetch: {
-    type: Boolean,
-    required: false
-  },
-  prefetchOn: {
-    type: [String, Object],
-    required: false
-  },
-  noPrefetch: {
-    type: Boolean,
-    required: false
-  },
-  activeClass: {
-    type: String,
-    required: false,
-    default: ""
-  },
-  exactActiveClass: {
-    type: String,
-    required: false
-  },
-  ariaCurrentValue: {
-    type: String,
-    required: false,
-    default: "page"
-  },
-  viewTransition: {
-    type: Boolean,
-    required: false
-  },
-  replace: {
-    type: Boolean,
-    required: false
-  }
+  as: { type: null, required: false, default: "button" },
+  type: { type: null, required: false, default: "button" },
+  disabled: { type: Boolean, required: false },
+  active: { type: Boolean, required: false, default: void 0 },
+  exact: { type: Boolean, required: false },
+  exactQuery: { type: [Boolean, String], required: false },
+  exactHash: { type: Boolean, required: false },
+  inactiveClass: { type: String, required: false, default: "" },
+  custom: { type: Boolean, required: false },
+  isAction: { type: Boolean, required: false, default: false },
+  raw: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  to: { type: null, required: false },
+  href: { type: null, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
+  noRel: { type: Boolean, required: false },
+  prefetchedClass: { type: String, required: false },
+  prefetch: { type: Boolean, required: false },
+  prefetchOn: { type: [String, Object], required: false },
+  noPrefetch: { type: Boolean, required: false },
+  activeClass: { type: String, required: false, default: "" },
+  exactActiveClass: { type: String, required: false },
+  ariaCurrentValue: { type: String, required: false, default: "page" },
+  viewTransition: { type: Boolean, required: false },
+  replace: { type: Boolean, required: false }
 });
 defineSlots();
 const route = useRoute();

package/dist/runtime/components/LinkBase.vue

@@ -3,49 +3,18 @@
 </script>
 
 <script setup>
+import { Primitive } from "reka-ui";
 const props = defineProps({
-  as: {
-    type: String,
-    required: false,
-    default: "button"
-  },
-  type: {
-    type: String,
-    required: false,
-    default: "button"
-  },
-  disabled: {
-    type: Boolean,
-    required: false
-  },
-  onClick: {
-    type: [Function, Array],
-    required: false
-  },
-  href: {
-    type: String,
-    required: false
-  },
-  navigate: {
-    type: Function,
-    required: false
-  },
-  target: {
-    type: [String, Object, null],
-    required: false
-  },
-  rel: {
-    type: [String, Object, null],
-    required: false
-  },
-  active: {
-    type: Boolean,
-    required: false
-  },
-  isExternal: {
-    type: Boolean,
-    required: false
-  }
+  as: { type: String, required: false, default: "button" },
+  type: { type: String, required: false, default: "button" },
+  disabled: { type: Boolean, required: false },
+  onClick: { type: [Function, Array], required: false },
+  href: { type: String, required: false },
+  navigate: { type: Function, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
+  active: { type: Boolean, required: false },
+  isExternal: { type: Boolean, required: false }
 });
 function onClickWrapper(e) {
   if (props.disabled) {

package/dist/runtime/components/Modal.vue

@@ -8,86 +8,29 @@ const modal = tv({ extend: tv(theme), ...appConfigModal.b24ui?.modal || {} });
 
 <script setup>
 import { computed, toRef } from "vue";
-import { useForwardPropsEmits } from "reka-ui";
+import { DialogRoot, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose, VisuallyHidden, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 import { useLocale } from "../composables/useLocale";
+import icons from "../dictionary/icons";
+import B24Button from "./Button.vue";
 const props = defineProps({
-  title: {
-    type: String,
-    required: false
-  },
-  description: {
-    type: String,
-    required: false
-  },
-  content: {
-    type: Object,
-    required: false
-  },
-  overlay: {
-    type: Boolean,
-    required: false,
-    default: true
-  },
-  overlayBlur: {
-    type: null,
-    required: false,
-    default: "auto"
-  },
-  transition: {
-    type: Boolean,
-    required: false,
-    default: true
-  },
-  fullscreen: {
-    type: Boolean,
-    required: false
-  },
-  portal: {
-    type: Boolean,
-    required: false,
-    default: true
-  },
-  close: {
-    type: [Boolean, Object],
-    required: false,
-    default: true
-  },
-  closeIcon: {
-    type: [Function, Object],
-    required: false
-  },
-  dismissible: {
-    type: Boolean,
-    required: false,
-    default: true
-  },
-  scrollbarThin: {
-    type: Boolean,
-    required: false,
-    default: true
-  },
-  class: {
-    type: null,
-    required: false
-  },
-  b24ui: {
-    type: Object,
-    required: false
-  },
-  open: {
-    type: Boolean,
-    required: false
-  },
-  defaultOpen: {
-    type: Boolean,
-    required: false
-  },
-  modal: {
-    type: Boolean,
-    required: false,
-    default: true
-  }
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  content: { type: Object, required: false },
+  overlay: { type: Boolean, required: false, default: true },
+  overlayBlur: { type: null, required: false, default: "auto" },
+  transition: { type: Boolean, required: false, default: true },
+  fullscreen: { type: Boolean, required: false },
+  portal: { type: Boolean, required: false, default: true },
+  close: { type: [Boolean, Object], required: false, default: true },
+  closeIcon: { type: [Function, Object], required: false },
+  dismissible: { type: Boolean, required: false, default: true },
+  scrollbarThin: { type: Boolean, required: false, default: true },
+  class: { type: null, required: false },
+  b24ui: { type: Object, required: false },
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  modal: { type: Boolean, required: false, default: true }
 });
 const emits = defineEmits(["after:leave", "update:open"]);
 const slots = defineSlots();

package/dist/runtime/components/ModalDialogClose.vue

@@ -3,6 +3,7 @@
 </script>
 
 <script setup>
+import { DialogClose } from "reka-ui";
 defineSlots();
 </script>
 

package/dist/runtime/components/Navbar.vue

@@ -7,20 +7,11 @@ const navbar = tv({ extend: tv(theme), ...appConfigNavbar.b24ui?.navbar || {} })
 </script>
 
 <script setup>
+import { Primitive } from "reka-ui";
 const props = defineProps({
-  as: {
-    type: null,
-    required: false,
-    default: "nav"
-  },
-  class: {
-    type: null,
-    required: false
-  },
-  b24ui: {
-    type: Object,
-    required: false
-  }
+  as: { type: null, required: false, default: "nav" },
+  class: { type: null, required: false },
+  b24ui: { type: Object, required: false }
 });
 defineSlots();
 const b24ui = navbar();

package/dist/runtime/components/NavbarDivider.vue

@@ -7,20 +7,11 @@ const navbarDivider = tv({ extend: tv(theme), ...appConfigNavbarDivider.b24ui?.n
 </script>
 
 <script setup>
+import { Primitive } from "reka-ui";
 const props = defineProps({
-  as: {
-    type: null,
-    required: false,
-    default: "div"
-  },
-  class: {
-    type: null,
-    required: false
-  },
-  b24ui: {
-    type: Object,
-    required: false
-  }
+  as: { type: null, required: false, default: "div" },
+  class: { type: null, required: false },
+  b24ui: { type: Object, required: false }
 });
 defineSlots();
 const b24ui = navbarDivider();

package/dist/runtime/components/NavbarSection.vue

@@ -7,20 +7,11 @@ const navbarSection = tv({ extend: tv(theme), ...appConfigNavSection.b24ui?.navb
 </script>
 
 <script setup>
+import { Primitive } from "reka-ui";
 const props = defineProps({
-  as: {
-    type: null,
-    required: false,
-    default: "div"
-  },
-  class: {
-    type: null,
-    required: false
-  },
-  b24ui: {
-    type: Object,
-    required: false
-  }
+  as: { type: null, required: false, default: "div" },
+  class: { type: null, required: false },
+  b24ui: { type: Object, required: false }
 });
 defineSlots();
 const b24ui = navbarSection();