@byyuurin/ui 0.0.9 → 0.0.11

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

@@ -0,0 +1,31 @@
+import type { TooltipArrowProps, TooltipContentEmits, TooltipContentProps, TooltipRootEmits, TooltipRootProps } from 'reka-ui';
+import type { tooltip } from '../theme/index.js';
+import type { ComponentAttrs, EmitsToProps } from '../types/index.js';
+export interface TooltipEmits extends TooltipRootEmits {
+}
+export interface TooltipSlots {
+    default?: (props: {
+        open: boolean;
+    }) => any;
+    content?: (props: {}) => any;
+}
+export interface TooltipProps extends ComponentAttrs<typeof tooltip>, TooltipRootProps {
+    text?: string;
+    content?: Omit<TooltipContentProps, 'as' | 'asChild'> & Partial<EmitsToProps<TooltipContentEmits>>;
+    arrow?: boolean | Omit<TooltipArrowProps, 'as' | 'asChild'>;
+    /** @default true */
+    portal?: boolean;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    portal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TooltipSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/composables/useAvatarGroup.d.ts

@@ -1,4 +1,4 @@
 import type { AvatarProps } from '../types/index.js';
 export declare function useAvatarGroup(props?: AvatarProps): {
-    size: import("vue").ComputedRef<any>;
+    size: import("vue").ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | undefined>;
 };

package/dist/runtime/composables/useButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import type { ButtonProps } from '../types/index.js';
 export declare function useButtonGroup(props?: Pick<ButtonProps, 'size'>): {
-    size: import("vue").ComputedRef<any>;
-    orientation: import("vue").ComputedRef<any>;
+    size: import("vue").ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | undefined>;
+    orientation: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
 };

package/dist/runtime/composables/useFormItem.d.ts

@@ -0,0 +1,27 @@
+import type { GetObjectField } from '../types/index.js';
+interface Props<T> {
+    id?: string;
+    name?: string;
+    size?: GetObjectField<T, 'size'>;
+    highlight?: boolean;
+    disabled?: boolean;
+}
+export declare function useFormItem<T>(props?: Props<T>, options?: {
+    bind?: boolean;
+    deferInputValidation?: boolean;
+}): {
+    id: import("vue").ComputedRef<string | undefined>;
+    name: import("vue").ComputedRef<string | undefined>;
+    size: import("vue").ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
+    highlight: import("vue").ComputedRef<boolean | undefined>;
+    disabled: import("vue").ComputedRef<boolean | undefined>;
+    emitFormBlur: () => void;
+    emitFormInput: import("@vueuse/core").UseDebounceFnReturn<() => void>;
+    emitFormChange: () => void;
+    emitFormFocus: () => void;
+    ariaAttrs: import("vue").ComputedRef<{
+        'aria-describedby': string;
+        'aria-invalid': boolean;
+    } | undefined>;
+};
+export {};

package/dist/runtime/composables/useFormItem.js

@@ -0,0 +1,64 @@
+import { useDebounceFn } from "@vueuse/core";
+import { computed } from "vue";
+import {
+  injectFormBus,
+  injectFormInputId,
+  injectFormInputs,
+  injectFormItem,
+  injectFormOptions
+} from "../app/injections.js";
+export function useFormItem(props, options) {
+  const formOptions = injectFormOptions();
+  const formBus = injectFormBus();
+  const formItem = injectFormItem();
+  const formInputs = injectFormInputs();
+  const inputId = injectFormInputId();
+  if (formItem && inputId) {
+    if (options?.bind === false) {
+      inputId.value = void 0;
+    } else if (props?.id) {
+      inputId.value = props?.id;
+    }
+    if (formInputs && formItem.value.name && inputId.value)
+      formInputs.value[formItem.value.name] = { id: inputId.value, pattern: formItem.value.errorPattern };
+  }
+  function emitFormEvent(type, name, eager) {
+    if (formBus && formItem && name)
+      formBus.emit({ type, name, eager });
+  }
+  function emitFormBlur() {
+    emitFormEvent("blur", formItem?.value.name);
+  }
+  function emitFormFocus() {
+    emitFormEvent("focus", formItem?.value.name);
+  }
+  function emitFormChange() {
+    emitFormEvent("change", formItem?.value.name);
+  }
+  const emitFormInput = useDebounceFn(
+    () => {
+      emitFormEvent("input", formItem?.value.name, !options?.deferInputValidation || formItem?.value.eagerValidation);
+    },
+    formItem?.value.validateOnInputDelay ?? formOptions?.value.validateOnInputDelay ?? 0
+  );
+  return {
+    id: computed(() => props?.id ?? inputId?.value),
+    name: computed(() => props?.name ?? formItem?.value.name),
+    size: computed(() => props?.size ?? formItem?.value.size),
+    highlight: computed(() => formItem?.value.error ? true : props?.highlight),
+    disabled: computed(() => formOptions?.value.disabled || props?.disabled),
+    emitFormBlur,
+    emitFormInput,
+    emitFormChange,
+    emitFormFocus,
+    ariaAttrs: computed(() => {
+      if (!formItem?.value)
+        return;
+      const descriptiveAttrs = ["error", "hint", "help", "description"].filter((type) => formItem?.value?.[type]).map((type) => `${formItem?.value.ariaId}-${type}`) || [];
+      return {
+        "aria-describedby": descriptiveAttrs.join(" "),
+        "aria-invalid": !!formItem?.value.error
+      };
+    })
+  };
+}

package/dist/runtime/composables/useKbd.d.ts

@@ -29,7 +29,7 @@ export declare const kbdKeysMap: {
 export type KbdKey = keyof typeof kbdKeysMap;
 export type KbdKeySpecific = keyof KbdKeysSpecificMap;
 export declare const useKbd: () => {
-    macOS: import("vue").ComputedRef<false | "" | RegExpMatchArray | null | undefined>;
+    macOS: import("vue").ComputedRef<any>;
     getKbdKey: (value?: KbdKey | (string & {})) => string | undefined;
 };
 export {};

package/dist/runtime/composables/useLocale.d.ts

@@ -1,8 +1,8 @@
 import type { Translator } from '../utils/translator.js';
 export declare const useLocale: () => {
-    locale: import("vue").ComputedRef<import("../utils").Locale<import("..").Messages>>;
+    locale: import("vue").ComputedRef<import("../utils/index.js").Locale<import("../types/index.js").Messages>>;
     lang: import("vue").ComputedRef<string>;
     code: import("vue").ComputedRef<string>;
-    dir: import("vue").ComputedRef<import("../utils").Direction>;
-    t: Translator<import("..").Messages>;
+    dir: import("vue").ComputedRef<import("../utils/index.js").Direction>;
+    t: Translator<import("../types/index.js").Messages>;
 };

package/dist/runtime/composables/useTheme.d.ts

@@ -3,7 +3,7 @@ import type { StylerProps, StylerReturnType, StylerTheme } from '../types/index.
 type UITheme = typeof uiTheme;
 export declare const useTheme: () => {
     theme: import("vue").ComputedRef<typeof uiTheme>;
-    createStyler: <V extends import("@byyuurin/ui-kit").CVVariants<S, B>, CV extends import("@byyuurin/ui-kit").CVCompoundVariants<V, S, B>, DV extends import("@byyuurin/ui-kit").CVDefaultVariants<V, S>, B extends import("@byyuurin/ui-kit").ClassValue = undefined, S extends import("@byyuurin/ui-kit").CVSlots = undefined>(theme: import("@byyuurin/ui-kit").CVMeta<V, CV, DV, B, S>) => [keyof V] extends string[] ? (props: import("@byyuurin/ui-kit").VariantProps<import("@byyuurin/ui-kit").CVReturnType<V, S, B>> & import("..").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit").CVHandler<V, S, string>; } : (props?: import("..").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit").CVHandler<V, S, string>; };
+    createStyler: <V extends import("@byyuurin/ui-kit").CVVariants<P, B>, CV extends import("@byyuurin/ui-kit").CVCompoundVariants<V, P, B>, DV extends import("@byyuurin/ui-kit").CVDefaultVariants<V, P>, B extends import("@byyuurin/ui-kit").ClassValue = undefined, P extends import("@byyuurin/ui-kit").CVParts = undefined>(scope: import("@byyuurin/ui-kit").CVScope<V, CV, DV, B, P>) => [keyof V] extends string[] ? (props: import("@byyuurin/ui-kit").VariantProps<import("@byyuurin/ui-kit").CVReturnType<V, P, B>> & import("../types/index.js").StylerBaseProps) => P extends undefined ? { [K in B extends undefined ? never : "base"]: import("@byyuurin/ui-kit").CVHandler<V, P, string>; } : { [K_1 in (B extends undefined ? never : "base") | keyof P]: import("@byyuurin/ui-kit").CVHandler<V, P, string>; } : (props?: import("../types/index.js").StylerBaseProps) => P extends undefined ? { [K in B extends undefined ? never : "base"]: import("@byyuurin/ui-kit").CVHandler<V, P, string>; } : { [K_1 in (B extends undefined ? never : "base") | keyof P]: import("@byyuurin/ui-kit").CVHandler<V, P, string>; };
     generateStyle: <T extends keyof UITheme>(name: T, props?: StylerProps<UITheme[T]>) => StylerReturnType<StylerTheme<UITheme[T]>>;
 };
 export {};

package/dist/runtime/composables/useTheme.js

@@ -9,7 +9,8 @@ export const useTheme = createSharedComposable(() => {
   const unoConfig = injectUnoConfig();
   const mergeRules = transformUnoRules(toValue(unoConfig));
   const { createStyler } = prepareStyler(mergeRules);
-  const theme = computed(() => extendTheme(toValue(themeExtension), uiTheme));
+  const themeDefaults = JSON.parse(JSON.stringify(uiTheme));
+  const theme = computed(() => extendTheme(toValue(themeExtension), themeDefaults));
   function generateStyle(name, props) {
     const styler = createStyler(theme.value[name]);
     return styler(props);

package/dist/runtime/composables/useToast.d.ts

@@ -1,6 +1,6 @@
 import type { ToastState } from '../types/index.js';
 export declare const useToast: () => {
-    toasts: import("vue").Ref<ToastState[], ToastState[]>;
+    toasts: any;
     add: (toast: Partial<ToastState>) => ToastState;
     update: (id: string | number, toast: Partial<Omit<ToastState, "id">>) => void;
     remove: (id: string | number) => void;

package/dist/runtime/index.d.ts

@@ -14,6 +14,9 @@ export { default as Checkbox } from './components/Checkbox.vue.js';
 export { default as Chip } from './components/Chip.vue.js';
 export { default as Collapsible } from './components/Collapsible.vue.js';
 export { default as Drawer } from './components/Drawer.vue.js';
+export { default as DropdownMenu } from './components/DropdownMenu.vue.js';
+export { default as Form } from './components/Form.vue.js';
+export { default as FormItem } from './components/FormItem.vue.js';
 export { default as Input } from './components/Input.vue.js';
 export { default as InputNumber } from './components/InputNumber.vue.js';
 export { default as Kbd } from './components/Kbd.vue.js';

package/dist/runtime/index.js

@@ -14,6 +14,9 @@ export { default as Checkbox } from "./components/Checkbox.vue";
 export { default as Chip } from "./components/Chip.vue";
 export { default as Collapsible } from "./components/Collapsible.vue";
 export { default as Drawer } from "./components/Drawer.vue";
+export { default as DropdownMenu } from "./components/DropdownMenu.vue";
+export { default as Form } from "./components/Form.vue";
+export { default as FormItem } from "./components/FormItem.vue";
 export { default as Input } from "./components/Input.vue";
 export { default as InputNumber } from "./components/InputNumber.vue";
 export { default as Kbd } from "./components/Kbd.vue";

package/dist/runtime/locale/en.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("../utils").Locale<import("..").Messages>;
+declare const _default: import("../utils/index.js").Locale<import("../types/index.js").Messages>;
 export default _default;

package/dist/runtime/locale/zh-tw.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("../utils").Locale<import("..").Messages>;
+declare const _default: import("../utils/index.js").Locale<import("..").Messages>;
 export default _default;

package/dist/runtime/theme/accordion.d.ts

@@ -1,56 +1,50 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        item: string;
-        header: string;
-        trigger: string;
-        content: string[];
-        body: string;
-        leadingIcon: string;
-        trailingIcon: string;
-        label: string;
-    };
-    variants: {
-        disabled: {
-            true: {
-                trigger: string;
-            };
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    disabled: {
+        true: {
+            trigger: string;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        disabled: {
-            true: {
-                trigger: string;
-            };
+}, import("@byyuurin/ui-kit").CVCompoundVariants<{
+    disabled: {
+        true: {
+            trigger: string;
         };
-    }, {
-        root: string;
-        item: string;
-        header: string;
-        trigger: string;
-        content: string[];
-        body: string;
-        leadingIcon: string;
-        trailingIcon: string;
-        label: string;
-    }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
-        disabled: {
-            true: {
-                trigger: string;
-            };
+    };
+}, {
+    root: string;
+    item: string;
+    header: string;
+    trigger: string;
+    content: string[];
+    body: string;
+    leadingIcon: string;
+    trailingIcon: string;
+    label: string;
+}, undefined>, import("@byyuurin/ui-kit").CVDefaultVariants<{
+    disabled: {
+        true: {
+            trigger: string;
         };
-    }, {
-        root: string;
-        item: string;
-        header: string;
-        trigger: string;
-        content: string[];
-        body: string;
-        leadingIcon: string;
-        trailingIcon: string;
-        label: string;
-    }>;
-};
+    };
+}, {
+    root: string;
+    item: string;
+    header: string;
+    trigger: string;
+    content: string[];
+    body: string;
+    leadingIcon: string;
+    trailingIcon: string;
+    label: string;
+}>, undefined, {
+    root: string;
+    item: string;
+    header: string;
+    trigger: string;
+    content: string[];
+    body: string;
+    leadingIcon: string;
+    trailingIcon: string;
+    label: string;
+}>;
 export default _default;

package/dist/runtime/theme/accordion.js

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       root: "w-full color-ui-base",
       item: "border-b last:border-b-0",
       header: "flex",

package/dist/runtime/theme/alert.d.ts

@@ -1,125 +1,119 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        wrapper: string;
-        title: string;
-        description: string;
-        icon: string;
-        actions: string;
-        close: string;
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    variant: {
+        solid: {
+            root: string;
+            close: string;
+        };
+        outline: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+        'soft-outline': {
+            root: string;
+        };
+    };
+    orientation: {
+        horizontal: {
+            root: string;
+            actions: string;
+        };
+        vertical: {
+            root: string;
+            actions: string;
+        };
+    };
+    title: {
+        true: {
+            description: string;
+        };
+    };
+}, import("@byyuurin/ui-kit").CVCompoundVariants<{
+    variant: {
+        solid: {
+            root: string;
+            close: string;
+        };
+        outline: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+        'soft-outline': {
+            root: string;
+        };
+    };
+    orientation: {
+        horizontal: {
+            root: string;
+            actions: string;
+        };
+        vertical: {
+            root: string;
+            actions: string;
+        };
+    };
+    title: {
+        true: {
+            description: string;
+        };
+    };
+}, {
+    root: string;
+    wrapper: string;
+    title: string;
+    description: string;
+    icon: string;
+    actions: string;
+    close: string;
+}, undefined>, import("@byyuurin/ui-kit").CVDefaultVariants<{
+    variant: {
+        solid: {
+            root: string;
+            close: string;
+        };
+        outline: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+        'soft-outline': {
+            root: string;
+        };
+    };
+    orientation: {
+        horizontal: {
+            root: string;
+            actions: string;
+        };
+        vertical: {
+            root: string;
+            actions: string;
+        };
     };
-    variants: {
-        variant: {
-            solid: {
-                root: string;
-                close: string;
-            };
-            outline: {
-                root: string;
-            };
-            soft: {
-                root: string;
-            };
-            'soft-outline': {
-                root: string;
-            };
-        };
-        orientation: {
-            horizontal: {
-                root: string;
-                actions: string;
-            };
-            vertical: {
-                root: string;
-                actions: string;
-            };
-        };
-        title: {
-            true: {
-                description: string;
-            };
+    title: {
+        true: {
+            description: string;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        variant: {
-            solid: {
-                root: string;
-                close: string;
-            };
-            outline: {
-                root: string;
-            };
-            soft: {
-                root: string;
-            };
-            'soft-outline': {
-                root: string;
-            };
-        };
-        orientation: {
-            horizontal: {
-                root: string;
-                actions: string;
-            };
-            vertical: {
-                root: string;
-                actions: string;
-            };
-        };
-        title: {
-            true: {
-                description: string;
-            };
-        };
-    }, {
-        root: string;
-        wrapper: string;
-        title: string;
-        description: string;
-        icon: string;
-        actions: string;
-        close: string;
-    }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
-        variant: {
-            solid: {
-                root: string;
-                close: string;
-            };
-            outline: {
-                root: string;
-            };
-            soft: {
-                root: string;
-            };
-            'soft-outline': {
-                root: string;
-            };
-        };
-        orientation: {
-            horizontal: {
-                root: string;
-                actions: string;
-            };
-            vertical: {
-                root: string;
-                actions: string;
-            };
-        };
-        title: {
-            true: {
-                description: string;
-            };
-        };
-    }, {
-        root: string;
-        wrapper: string;
-        title: string;
-        description: string;
-        icon: string;
-        actions: string;
-        close: string;
-    }>;
-};
+}, {
+    root: string;
+    wrapper: string;
+    title: string;
+    description: string;
+    icon: string;
+    actions: string;
+    close: string;
+}>, undefined, {
+    root: string;
+    wrapper: string;
+    title: string;
+    description: string;
+    icon: string;
+    actions: string;
+    close: string;
+}>;
 export default _default;

package/dist/runtime/theme/alert.js

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       root: "relative overflow-hidden w-full rounded-ui-box p-4 flex gap-2.5",
       wrapper: "min-w-0 flex-1 flex flex-col",
       title: "text-xl font-medium",

package/dist/runtime/theme/app.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
         ellipsis: string;
         plus: string;
         minus: string;
+        external: string;
     };
 };
 export default _default;

package/dist/runtime/theme/app.js

@@ -13,6 +13,7 @@ export default {
     chevronDoubleRight: "i-mdi-chevron-double-right",
     ellipsis: "i-mdi-dots-horizontal",
     plus: "i-mdi-plus",
-    minus: "i-mdi-minus"
+    minus: "i-mdi-minus",
+    external: "i-mdi-arrow-top-right"
   }
 };