@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

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

@@ -1,130 +1,9 @@
 import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipContentEmits, TooltipArrowProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/tooltip';
 import type { KbdProps } from '../types';
-import type { EmitsToProps } from '../types/utils';
-declare const tooltip: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            text?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            kbds?: import("tailwind-variants").ClassValue;
-            kbdsSize?: import("tailwind-variants").ClassValue;
-            kbdsDepth?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    content: string;
-    arrow: string;
-    text: string;
-    kbds: string;
-    kbdsSize: string;
-    kbdsDepth: string;
-}, undefined, unknown, unknown, undefined>>>;
+import type { EmitsToProps, ComponentConfig } from '../types/utils';
+type Tooltip = ComponentConfig<typeof theme, AppConfig, 'tooltip'>;
 export interface TooltipProps extends TooltipRootProps {
     /** The text content of the tooltip. */
     text?: string;
@@ -146,7 +25,7 @@ export interface TooltipProps extends TooltipRootProps {
      */
     portal?: boolean;
     class?: any;
-    b24ui?: Partial<typeof tooltip.slots>;
+    b24ui?: Tooltip['slots'];
 }
 export interface TooltipEmits extends TooltipRootEmits {
 }

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

@@ -1,14 +1,12 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/content/table-wrapper";
-import { tv } from "../../utils/tv";
-const appConfigTableWrapper = _appConfig;
-const tableWrapper = tv({ extend: tv(theme), ...appConfigTableWrapper.b24ui?.content?.tableWrapper || {} });
 </script>
 
 <script setup>
 import { computed } from "vue";
 import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "div" },
@@ -21,9 +19,10 @@ const props = defineProps({
   bordered: { type: Boolean, required: false },
   scrollbarThin: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = computed(() => tableWrapper({
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.content?.tableWrapper || {} })({
   size: props.size,
   rounded: Boolean(props.rounded),
   zebra: Boolean(props.zebra),

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

@@ -1,161 +1,7 @@
-import type { VariantProps } from 'tailwind-variants';
-declare const tableWrapper: import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, undefined, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, undefined, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    rounded: {
-        true: string;
-        false: string;
-    };
-    zebra: {
-        true: string;
-    };
-    pinRows: {
-        true: string;
-    };
-    pinCols: {
-        true: string;
-    };
-    rowHover: {
-        true: string;
-    };
-    bordered: {
-        true: string;
-    };
-    scrollbarThin: {
-        true: string;
-    };
-}, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-type TableWrapperVariants = VariantProps<typeof tableWrapper>;
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/content/table-wrapper';
+import type { ComponentConfig } from '../../types/utils';
+type TableWrapper = ComponentConfig<typeof theme, AppConfig, 'tableWrapper', 'b24ui.content'>;
 export interface TableWrapperProps {
     /**
      * The element or component this component should render as.
@@ -165,7 +11,7 @@ export interface TableWrapperProps {
     /**
      * @defaultValue 'md'
      */
-    size?: TableWrapperVariants['size'];
+    size?: TableWrapper['variants']['size'];
     /**
      * @defaultValue false
      */
@@ -195,7 +41,7 @@ export interface TableWrapperProps {
      */
     scrollbarThin?: boolean;
     class?: any;
-    b24ui?: Partial<typeof tableWrapper.slots>;
+    b24ui?: TableWrapper['slots'];
 }
 export interface TableWrapperSlots {
     default(props?: {}): any;

package/dist/runtime/inertia/components/Link.vue

@@ -0,0 +1,153 @@
+<script>
+import theme from "#build/b24ui/link";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { defu } from "defu";
+import { useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
+import { usePage, Link as InertiaLink } from "@inertiajs/vue3";
+import { hasProtocol } from "ufo";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+import B24LinkBase from "./../../components/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 },
+  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 },
+  activeClass: { type: String, required: false, default: "" },
+  to: { type: String, required: false },
+  href: { type: String, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  ariaCurrentValue: { type: String, required: false },
+  data: { type: Object, required: false },
+  method: { type: String, required: false },
+  headers: { type: Object, required: false },
+  onClick: { type: Function, required: false },
+  preserveScroll: { type: [Boolean, String, Function], required: false },
+  preserveState: { type: [Boolean, String, Function], required: false },
+  replace: { type: Boolean, required: false },
+  only: { type: Array, required: false },
+  except: { type: Array, required: false },
+  onCancelToken: { type: Function, required: false },
+  onBefore: { type: Function, required: false },
+  onStart: { type: Function, required: false },
+  onProgress: { type: Function, required: false },
+  onFinish: { type: Function, required: false },
+  onCancel: { type: Function, required: false },
+  onSuccess: { type: Function, required: false },
+  onError: { type: Function, required: false },
+  queryStringArrayFormat: { type: String, required: false },
+  async: { type: Boolean, required: false },
+  prefetch: { type: [Boolean, String, Array], required: false },
+  cacheFor: { type: [Number, String, Array], required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "activeClass", "inactiveClass", "to", "raw", "class"));
+const b24ui = computed(() => tv({
+  extend: tv(theme),
+  ...defu({
+    variants: {
+      active: {
+        true: props.activeClass,
+        false: props.inactiveClass
+      }
+    }
+  }, appConfig.b24ui?.link || {})
+}));
+const isExternal = computed(() => {
+  if (!props.to) return false;
+  return typeof props.to === "string" && hasProtocol(props.to, { acceptRelative: true });
+});
+const linkClass = computed(() => {
+  const active = isActive.value;
+  if (props.raw) {
+    return [props.class, active ? props.activeClass : props.inactiveClass];
+  }
+  return b24ui.value({
+    class: props.class,
+    active,
+    disabled: props.disabled,
+    isAction: Boolean(props.isAction)
+  });
+});
+const page = usePage();
+const url = computed(() => props.to ?? props.href ?? "#");
+const isActive = computed(() => props.active || (props.exact ? url.value === props.href : page?.url.startsWith(url.value)));
+</script>
+
+<template>
+  <template v-if="!isExternal">
+    <InertiaLink v-bind="routerLinkProps" :href="url" custom>
+      <template v-if="custom">
+        <slot
+          v-bind="{
+  ...$attrs,
+  as,
+  type,
+  disabled,
+  href: url,
+  active: isActive
+}"
+        />
+      </template>
+      <B24LinkBase
+        v-else
+        v-bind="{
+  ...$attrs,
+  as,
+  type,
+  disabled,
+  href: url,
+  active: isActive
+}"
+        :class="linkClass"
+      >
+        <slot :active="isActive" />
+      </B24LinkBase>
+    </InertiaLink>
+  </template>
+
+  <template v-else>
+    <template v-if="custom">
+      <slot
+        v-bind="{
+  ...$attrs,
+  as,
+  type,
+  disabled,
+  href: to,
+  target: isExternal ? '_blank' : void 0,
+  active: isActive
+}"
+      />
+    </template>
+    <B24LinkBase
+      v-else
+      v-bind="{
+  ...$attrs,
+  as,
+  type,
+  disabled,
+  href: url,
+  target: isExternal ? '_blank' : void 0,
+  active: isActive
+}"
+      :is-external="isExternal"
+      :class="linkClass"
+    >
+      <slot :active="isActive" />
+    </B24LinkBase>
+  </template>
+</template>

package/dist/runtime/inertia/components/Link.vue.d.ts

@@ -0,0 +1,97 @@
+import type { ButtonHTMLAttributes } from 'vue';
+import type { InertiaLinkProps } from '@inertiajs/vue3';
+interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href'> {
+    activeClass?: string;
+    /**
+     * Route Location the link should navigate to when clicked on.
+     */
+    to?: string;
+    /**
+     * An alias for `to`. If used with `to`, `href` will be ignored
+     */
+    href?: NuxtLinkProps['to'];
+    /**
+     * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
+     */
+    external?: boolean;
+    /**
+     * Where to display the linked URL, as the name for a browsing context.
+     */
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
+    ariaCurrentValue?: string;
+}
+export interface LinkProps extends NuxtLinkProps {
+    /**
+     * The element or component this component should render as when not a link.
+     * @defaultValue 'button'
+     */
+    as?: any;
+    /**
+     * The type of the button when not a link.
+     * @defaultValue 'button'
+     */
+    type?: ButtonHTMLAttributes['type'];
+    disabled?: boolean;
+    /** Force the link to be active independent of the current route. */
+    active?: boolean;
+    /** Will only be active if the current route is an exact match. */
+    exact?: boolean;
+    /** The class to apply when the link is inactive. */
+    inactiveClass?: string;
+    custom?: boolean;
+    /** When `true`, uses special underlined styling. */
+    isAction?: boolean;
+    /** When `true`, only styles from `class`, `activeClass`, and `inactiveClass` will be applied. */
+    raw?: boolean;
+    class?: any;
+}
+export interface LinkSlots {
+    default(props: {
+        active: boolean;
+    }): any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LinkProps>, {
+    as: string;
+    type: string;
+    active: undefined;
+    isAction: boolean;
+    activeClass: string;
+    inactiveClass: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LinkProps>, {
+    as: string;
+    type: string;
+    active: undefined;
+    isAction: boolean;
+    activeClass: string;
+    inactiveClass: string;
+}>>> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    activeClass: string;
+    active: boolean;
+    inactiveClass: string;
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<LinkSlots> & LinkSlots>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/runtime/inertia/stubs.d.ts

@@ -0,0 +1,45 @@
+import type { Ref } from 'vue';
+import type { NuxtApp } from '#app';
+export { useHead } from '@unhead/vue';
+export { defineShortcuts } from '../composables/defineShortcuts';
+export { defineLocale } from '../composables/defineLocale';
+export { useLocale } from '../composables/useLocale';
+export { useConfetti } from '../composables/useConfetti';
+export { useOverlay } from '../composables/useOverlay';
+export declare const useRoute: () => {
+    fullPath: string;
+};
+export declare const useRouter: () => void;
+export declare const useColorMode: () => {
+    forced: boolean;
+    preference?: undefined;
+    readonly value?: undefined;
+} | {
+    preference: "light" | "dark" | "system";
+    readonly value: import("@vueuse/core").BasicColorMode;
+    forced: boolean;
+};
+export declare const useAppConfig: () => any;
+export declare const useCookie: <T = string>(_name: string, _options?: Record<string, any>) => {
+    value: Ref<T, T>;
+    get: () => T;
+    set: () => void;
+    update: () => void;
+    refresh: () => Promise<Awaited<T>>;
+    remove: () => void;
+};
+export declare const useState: <T>(key: string, init: () => T) => Ref<T>;
+export declare function useNuxtApp(): {
+    isHydrating: boolean;
+    payload: {
+        serverRendered: boolean;
+    };
+    hooks: import("hookable").Hookable<Record<string, any>, string>;
+    hook: <NameT extends string>(name: NameT, function_: any, options?: {
+        allowDeprecated?: boolean;
+    }) => () => void;
+};
+export declare function useRuntimeHook(name: string, fn: (...args: any[]) => void): void;
+export declare function defineNuxtPlugin(plugin: (nuxtApp: NuxtApp) => void): {
+    install(app: import("vue").App<any>): void;
+};