@byyuurin/ui 0.0.9 → 0.0.10

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

@@ -73,78 +73,61 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        variant: {
-            solid: {
-                list: string;
-                trigger: string[];
-                indicator: string;
-            };
-            outline: {
-                list: string;
-                trigger: string[];
-                indicator: string;
-            };
-            soft: {
-                list: string;
-                trigger: string[];
-                indicator: string;
-            };
-            'soft-outline': {
-                list: string;
-                trigger: string[];
-                indicator: string;
-            };
-            link: {
-                list: string;
-                indicator: string;
-                trigger: string[];
-            };
+    compoundVariants: ({
+        size: ("xs" | "sm" | "md")[];
+        class: {
+            trigger: string;
+            indicator?: undefined;
+            list?: undefined;
         };
-        orientation: {
-            horizontal: {
-                root: string;
-                list: string;
-                indicator: string;
-                trigger: string;
-            };
-            vertical: {
-                list: string;
-                indicator: string;
-                trigger: string;
-            };
+        orientation?: undefined;
+        variant?: undefined;
+    } | {
+        size: ("lg" | "xl")[];
+        class: {
+            trigger: string;
+            indicator?: undefined;
+            list?: undefined;
         };
-        size: {
-            xs: {
-                root: string;
-            };
-            sm: {
-                root: string;
-            };
-            md: {
-                root: string;
-            };
-            lg: {
-                root: string;
-            };
-            xl: {
-                root: string;
-            };
+        orientation?: undefined;
+        variant?: undefined;
+    } | {
+        orientation: "horizontal";
+        variant: ("solid" | "outline" | "soft" | "soft-outline")[];
+        class: {
+            indicator: string;
+            trigger?: undefined;
+            list?: undefined;
         };
-        evenly: {
-            true: {
-                trigger: string;
-            };
+        size?: undefined;
+    } | {
+        orientation: "horizontal";
+        variant: "link";
+        class: {
+            list: string;
+            indicator: string;
+            trigger?: undefined;
         };
-    }, {
-        root: string;
-        list: string;
-        indicator: string;
-        trigger: string[];
-        content: string;
-        leadingIcon: string;
-        label: string;
-    }, undefined>;
+        size?: undefined;
+    } | {
+        orientation: "vertical";
+        variant: ("solid" | "outline" | "soft" | "soft-outline")[];
+        class: {
+            indicator: string;
+            list: string;
+            trigger?: undefined;
+        };
+        size?: undefined;
+    } | {
+        orientation: "vertical";
+        variant: "link";
+        class: {
+            list: string;
+            indicator: string;
+            trigger?: undefined;
+        };
+        size?: undefined;
+    })[];
     defaultVariants: {
         size: "md";
     };

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

@@ -48,53 +48,47 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        size: {
-            xs: {
-                root: string;
-            };
-            sm: {
-                root: string;
-            };
-            md: {
-                root: string;
-            };
-            lg: {
-                root: string;
-            };
-            xl: {
-                root: string;
-            };
+    compoundVariants: ({
+        variant: ("soft" | "ghost" | "none")[];
+        highlight: false;
+        underline: true;
+        class: {
+            root: string[];
         };
-        variant: {
-            outline: {
-                root: string[];
-            };
-            soft: {
-                root: string[];
-            };
-            'soft-outline': {
-                root: string[];
-            };
-            ghost: {
-                root: string[];
-            };
-            none: {
-                root: string;
-            };
+        size?: undefined;
+    } | {
+        size: ("xs" | "sm" | "md")[];
+        class: {
+            root: string;
         };
-        underline: {
-            true: "";
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+    } | {
+        size: ("lg" | "xl")[];
+        class: {
+            root: string;
         };
-        highlight: {
-            true: {
-                base: string;
-            };
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+    } | {
+        variant: ("soft" | "soft-outline" | "ghost" | "none")[];
+        highlight: true;
+        class: {
+            root: string;
         };
-    }, {
-        root: string;
-        base: string[];
-    }, undefined>;
+        underline?: undefined;
+        size?: undefined;
+    } | {
+        variant: "outline"[];
+        highlight: true;
+        class: {
+            root: string;
+        };
+        underline?: undefined;
+        size?: undefined;
+    })[];
     defaultVariants: {
         size: "md";
     };

package/dist/runtime/theme/textarea.js

@@ -33,7 +33,7 @@ export default ct(
           root: [
             "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30",
             "focus-within:ring-2 focus-within:ring-ui-base/50",
-            "aria-disabled:ring-ui-base/80 hover:aria-disabled:ring-ui-base/80"
+            "aria-disabled:ring-ui-base/15 hover:aria-disabled:ring-ui-base/15"
           ]
         },
         "soft": {

package/dist/runtime/theme/toast-provider.d.ts

@@ -45,50 +45,35 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        clickable: {
-            true: {
-                base: string;
-            };
+    compoundVariants: ({
+        position: ("top-right" | "top-left" | "top-center")[];
+        class: {
+            viewport: string;
+            base: string;
         };
-        position: {
-            'top-left': {
-                viewport: string;
-            };
-            'top-center': {
-                viewport: string;
-            };
-            'top-right': {
-                viewport: string;
-            };
-            'bottom-left': {
-                viewport: string;
-            };
-            'bottom-center': {
-                viewport: string;
-            };
-            'bottom-right': {
-                viewport: string;
-            };
+        swipeDirection?: undefined;
+    } | {
+        position: ("bottom-right" | "bottom-left" | "bottom-center")[];
+        class: {
+            viewport: string;
+            base: string;
         };
-        swipeDirection: {
-            up: {
-                base: string;
-            };
-            right: {
-                base: string;
-            };
-            down: {
-                base: string;
-            };
-            left: {
-                base: string;
-            };
+        swipeDirection?: undefined;
+    } | {
+        swipeDirection: ("left" | "right")[];
+        class: {
+            base: string[];
+            viewport?: undefined;
         };
-    }, {
-        viewport: string[];
-        base: string[];
-    }, undefined>;
+        position?: undefined;
+    } | {
+        swipeDirection: ("up" | "down")[];
+        class: {
+            base: string[];
+            viewport?: undefined;
+        };
+        position?: undefined;
+    })[];
     defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         clickable: {
             true: {

package/dist/runtime/types/components.d.ts

@@ -14,6 +14,9 @@ export type * from '../components/Checkbox.vue';
 export type * from '../components/Chip.vue';
 export type * from '../components/Collapsible.vue';
 export type * from '../components/Drawer.vue';
+export type * from '../components/DropdownMenu.vue';
+export type * from '../components/Form.vue';
+export type * from '../components/FormItem.vue';
 export type * from '../components/Input.vue';
 export type * from '../components/InputNumber.vue';
 export type * from '../components/Kbd.vue';

package/dist/runtime/types/form.d.ts

@@ -0,0 +1,45 @@
+import type { StandardSchemaV1 } from '@standard-schema/spec';
+import type { FormExpose } from './components.js';
+export type FormSchema<_T> = StandardSchemaV1;
+export interface FormError<P extends string = string> {
+    name?: P;
+    message: string;
+}
+export interface FormErrorWithId extends FormError {
+    id?: string;
+}
+export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';
+export type FormEventType = FormInputEvents;
+export type FormSubmitEvent<T> = SubmitEvent & {
+    data: T;
+};
+export interface FormChildAttachEvent {
+    type: 'attach';
+    formId: string | number;
+    validate: FormExpose<any>['validate'];
+}
+export interface FormChildDetachEvent {
+    type: 'detach';
+    formId: string | number;
+}
+export interface FormInputEvent<T extends object> {
+    type: FormEventType;
+    name: keyof T;
+    eager?: boolean;
+}
+export type FormEvent<T extends object> = FormInputEvent<T> | FormChildAttachEvent | FormChildDetachEvent;
+export interface FormValidationError {
+    errors: FormErrorWithId[];
+    children?: FormValidationError[];
+}
+export type FormErrorEvent = SubmitEvent & FormValidationError;
+export interface ValidateReturnSchema<T> {
+    result: T;
+    errors: FormError[] | null;
+}
+export interface FormValidateOptions<T extends object> {
+    name?: keyof T | (keyof T)[];
+    silent?: boolean;
+    nested?: boolean;
+    transform?: boolean;
+}

package/dist/runtime/types/index.d.ts

@@ -1,6 +1,9 @@
 import type * as theme from '../theme/index.js';
-import type { PartialTheme } from './utils.js';
 export * from './components.js';
+export * from './form.js';
 export * from './locale.js';
 export * from './utils.js';
-export type ThemeExtension = PartialTheme<typeof theme>;
+type MergeThemes<T> = {
+    [P in keyof T as T[P] extends undefined ? never : P]?: T[P] extends Array<infer V> ? V extends string ? string : V[] : T[P] extends object ? MergeThemes<T[P]> : T[P] extends string ? string : T[P];
+};
+export type ThemeExtension = MergeThemes<typeof theme>;

package/dist/runtime/types/index.js

@@ -1,3 +1,4 @@
 export * from "./components.js";
+export * from "./form.js";
 export * from "./locale.js";
 export * from "./utils.js";

package/dist/runtime/types/utils.d.ts

@@ -1,14 +1,39 @@
 import type { ClassValue, CTReturn, CVReturnType, VariantProps } from '@byyuurin/ui-kit';
-export type HintString<T extends string> = T & (string & {});
+import type { AcceptableValue as RekaAcceptableValue } from 'reka-ui';
 export type MaybeArray<T> = T | T[];
-export type MaybeArrayOfArray<T> = T[] | T[][];
-export type MaybeArrayOfArrayItem<T> = T extends Array<infer V1> ? V1 extends Array<infer V2> ? V2 : V1 : never;
-export type PartialTheme<T> = {
-    [P in keyof T as T[P] extends undefined ? never : P]?: T[P] extends Array<infer V> ? V extends string ? string : V[] : T[P] extends object ? PartialTheme<T[P]> : T[P] extends string ? string : T[P];
+export type AcceptableValue = Exclude<RekaAcceptableValue, Record<string, any>>;
+export type EmitsToProps<T> = {
+    [K in keyof T as `on${Capitalize<string & K>}`]: T[K] extends [...args: infer Args] ? (...args: Args) => void : never;
+};
+type AllKeys<T> = T extends any ? keyof T : never;
+type NonCommonKeys<T extends object> = Exclude<AllKeys<T>, keyof T>;
+type PickTypeOf<T, K extends string | number | symbol> = K extends AllKeys<T> ? T extends {
+    [k in K]?: any;
+} ? T[K] : undefined : never;
+export type MergeTypes<T extends object> = {
+    [TK in keyof T]: PickTypeOf<T, TK>;
+} & {
+    [TK in NonCommonKeys<T>]?: PickTypeOf<T, TK>;
 };
 export type DynamicSlots<T extends {
     slot?: string;
-}, SlotProps, Slot = T['slot']> = Slot extends string ? Record<Slot, SlotProps> : Record<string, never>;
+}, SlotExtra extends string | undefined = undefined, SlotProps extends object = Record<string, never>> = {
+    [K in T['slot'] as K extends string ? SlotExtra extends string ? (K | `${K}-${SlotExtra}`) : K : never]?: (props: {
+        item: Extract<T, {
+            slot: K extends `${infer Base}-${SlotExtra}` ? Base : K;
+        }>;
+    } & Omit<SlotProps, 'item'>) => any;
+};
+export type ArrayOrNested<T> = T[] | T[][];
+export type NestedItem<T> = T extends Array<infer I> ? NestedItem<I> : T;
+export type GetItemKeys<T> = keyof Extract<NestedItem<T>, object>;
+export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T : VK extends keyof T ? T[VK] : never : T;
+export type GetModelValue<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = M extends true ? GetItemValue<T, VK>[] : GetItemValue<T, VK>;
+export interface GetModelValueEmits<T, VK extends GetItemKeys<T> | undefined, M extends boolean> {
+    /** Event handler called when the value changes. */
+    'update:modelValue': [payload: GetModelValue<T, VK, M>];
+}
+export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, any> ? MaybeObject[Key] : never;
 export interface ComponentAttrs<T> {
     class?: MaybeArray<string | Record<string, boolean>>;
     ui?: T extends {
@@ -24,8 +49,4 @@ export interface StylerBaseProps {
 export type StylerProps<T> = T extends CTReturn<infer V, any, any, infer B, infer S> ? Parameters<Styler<CVReturnType<V, S, B>>>[0] : never;
 export type StylerReturnType<T> = T extends CVReturnType<infer V, infer S, infer B> ? ReturnType<CVReturnType<V, S, B>> : never;
 export type Styler<T> = T extends CVReturnType<infer V, any, any> ? [keyof V] extends string[] ? (props: VariantProps<T> & StylerBaseProps) => StylerReturnType<T> : (props?: StylerBaseProps) => StylerReturnType<T> : never;
-export interface SelectModelValueEmits<T, V, M extends boolean = false, DV = T> {
-    (event: 'update:modelValue', payload: SelectModelValue<T, V, M, DV>): void;
-}
-export type SelectModelValue<T, V, M extends boolean = false, DV = T> = (T extends Record<string, any> ? V extends keyof T ? T[V] : DV : T) extends infer U ? M extends true ? U[] : U : never;
-export type SelectOptionKey<T> = T extends Record<string, any> ? keyof T : string;
+export {};

package/dist/runtime/utils/extend-theme.js

@@ -1,7 +1,17 @@
-import { createDefu } from "defu";
+import { createDefu, defu } from "defu";
 export const extendTheme = createDefu((obj, key, value) => {
+  if (typeof obj[key] === "string" && typeof value !== "string") {
+    return true;
+  }
+  if (key === "compoundVariants" && Array.isArray(value)) {
+    obj[key] = [...obj[key], ...value];
+    return true;
+  }
+  if (Array.isArray(value)) {
+    return true;
+  }
   if (key === "app") {
-    obj[key] = { ...obj[key], ...value };
+    obj[key] = defu(value, obj[key]);
     return true;
   }
   if (typeof obj[key] === "string" && typeof value === "string") {
@@ -9,8 +19,9 @@ export const extendTheme = createDefu((obj, key, value) => {
       obj[key] += ` ${value}`;
     return true;
   }
-  if (Array.isArray(obj[key]) && typeof value === "string") {
-    obj[key].push(value);
+  if (Array.isArray(obj[key]) && typeof obj[key][0] === "string" && typeof value === "string") {
+    if (value.trim())
+      obj[key].push(value);
     return true;
   }
 });

package/dist/runtime/utils/form.d.ts

@@ -0,0 +1,5 @@
+import type { StandardSchemaV1 } from '@standard-schema/spec';
+import type { FormSchema, ValidateReturnSchema } from '../types/form.js';
+export declare function isStandardSchema(schema: any): schema is StandardSchemaV1;
+export declare function validateStandardSchema(state: any, schema: StandardSchemaV1): Promise<ValidateReturnSchema<typeof state>>;
+export declare function validateSchema<T extends object>(state: T, schema: FormSchema<T>): Promise<ValidateReturnSchema<typeof state>>;

package/dist/runtime/utils/form.js

@@ -0,0 +1,24 @@
+export function isStandardSchema(schema) {
+  return "~standard" in schema;
+}
+export async function validateStandardSchema(state, schema) {
+  const result = await schema["~standard"].validate(state);
+  if (result.issues) {
+    return {
+      errors: result.issues?.map((issue) => ({
+        name: issue.path?.map((item) => typeof item === "object" ? item.key : item).join(".") || "",
+        message: issue.message
+      })) || [],
+      result: null
+    };
+  }
+  return {
+    errors: null,
+    result: result.value
+  };
+}
+export function validateSchema(state, schema) {
+  if (isStandardSchema(schema))
+    return validateStandardSchema(state, schema);
+  throw new Error("Form validation failed: Unsupported form schema");
+}

package/dist/runtime/utils/index.d.ts

@@ -1,6 +1,7 @@
 import type { Messages } from '../types/index.js';
 import type { Locale } from './translator.js';
 export * from './extend-theme.js';
+export * from './form.js';
 export * from './link.js';
 export * from './styler.js';
 export * from './translator.js';
@@ -12,3 +13,4 @@ export declare function omit<Data extends object, Keys extends keyof Data>(data:
 export declare function get(object: Record<string, any> | undefined, path: (string | number)[] | string, defaultValue?: any): any;
 export declare function set(object: Record<string, any>, path: (string | number)[] | string, value: any): void;
 export declare function compare<T>(value?: T, currentValue?: T, comparator?: string | ((a: T, b: T) => boolean)): boolean;
+export declare function isArrayOfArray<T>(item: T[] | T[][]): item is T[][];

package/dist/runtime/utils/index.js

@@ -1,5 +1,6 @@
 import { isEqual } from "ohash";
 export * from "./extend-theme.js";
+export * from "./form.js";
 export * from "./link.js";
 export * from "./styler.js";
 export * from "./translator.js";
@@ -61,3 +62,6 @@ export function compare(value, currentValue, comparator) {
     return get(value, comparator) === get(currentValue, comparator);
   return isEqual(value, currentValue);
 }
+export function isArrayOfArray(item) {
+  return Array.isArray(item[0]);
+}

package/dist/runtime/utils/link.d.ts

@@ -1,30 +1,8 @@
 import type { LinkProps } from '../types/index.js';
 export declare function pickLinkProps(link: LinkProps & {
-    ariaLabel?: string;
-    title?: string;
+    [key: string]: any;
 }): {
-    disabled: any;
-    title: any;
-    active: any;
-    to: any;
-    type: any;
-    replace: any;
-    activeClass: any;
-    ariaCurrentValue: any;
-    ariaLabel: any;
-    as: any;
-    disableClass: any;
-    exact: any;
-    exactActiveClass: any;
-    exactHash: any;
-    exactQuery: any;
-    external: any;
-    href: any;
-    inactiveClass: any;
-    noPrefetch: any;
-    noRel: any;
-    prefetch: any;
-    prefetchedClass: any;
-    rel: any;
-    target: any;
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
 };

package/dist/runtime/utils/link.js

@@ -1,11 +1,12 @@
 import { reactivePick } from "@vueuse/core";
 export function pickLinkProps(link) {
-  return reactivePick(
-    link,
+  const keys = Object.keys(link);
+  const ariaKeys = keys.filter((key) => key.startsWith("aria-"));
+  const dataKeys = keys.filter((key) => key.startsWith("data-"));
+  const pickProps = [
     "active",
     "activeClass",
     "ariaCurrentValue",
-    "ariaLabel",
     "as",
     "disabled",
     "disableClass",
@@ -26,5 +27,11 @@ export function pickLinkProps(link) {
     "to",
     "type",
     "title"
+  ];
+  return reactivePick(
+    link,
+    ...pickProps,
+    ...ariaKeys,
+    ...dataKeys
   );
 }

package/dist/shared/ui.3e7fad19.mjs

@@ -0,0 +1,5 @@
+const name = "@byyuurin/ui";
+const version = "0.0.10";
+
+export { name as n, version as v };
+//# sourceMappingURL=ui.3e7fad19.mjs.map

package/dist/shared/ui.3e7fad19.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.3e7fad19.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/unocss.mjs

@@ -230,7 +230,7 @@ function transformUnoRules(userConfig = {}) {
   };
   for (const rule of rules) {
     const [maybeString, maybeResult] = rule;
-    const ruleRE = typeof maybeString === "string" ? new RegExp(`^${maybeString}$`) : maybeString;
+    const ruleRE = typeof maybeString === "string" ? new RegExp(`^(?:${maybeString})$`) : maybeString;
     if (Array.isArray(maybeResult)) {
       mergeRules.push([ruleRE, resolveCSSEntries(maybeResult)]);
       continue;
@@ -257,7 +257,7 @@ function transformUnoRules(userConfig = {}) {
     };
     mergeRules.push([ruleRE, matcher]);
   }
-  return mergeRules;
+  return mergeRules.sort(([r1], [r2]) => r2.source.length - r1.source.length);
 }
 
 export { cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset, rules, theme, transformUnoRules };