@byyuurin/ui 0.0.5 → 0.0.7

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

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

package/dist/runtime/theme/{textarea.mjs → textarea.js}

@@ -31,29 +31,29 @@ export default ct(
       variant: {
         "outline": {
           root: [
-            "color-ui-cb/80 bg-ui-c1 ring ring-inset ring-ui-cb/50",
+            "color-ui-cb/80 bg-ui-cx ring ring-inset ring-ui-cb/30",
             "focus-within:ring-2 focus-within:ring-ui-cb/50",
             "aria-disabled:ring-ui-cb/80 hover:aria-disabled:ring-ui-cb/80"
           ]
         },
         "soft": {
           root: [
-            "color-ui-cb/80 bg-ui-cb/4",
-            "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-ui-fill/5"
+            "color-ui-cb/80 bg-soft-ui-cb/4",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "aria-disabled:color-ui-content/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "soft-outline": {
           root: [
-            "color-ui-cb/80 bg-ui-cb/4 ring ring-inset ring-ui-cb/10",
-            "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-ui-fill/5"
+            "color-ui-cb/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-cb/30",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "aria-disabled:color-ui-content/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "ghost": {
           root: [
             "color-ui-cb/80 bg-transparent",
-            "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
             "aria-disabled:color-ui-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
           ]
         },
@@ -77,8 +77,8 @@ export default ct(
         underline: true,
         class: {
           root: [
-            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-ui-cb/40",
-            "focus-within:after:h-2px focus-within:after:bg-ui-fill/60"
+            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-soft-ui-cb/40",
+            "focus-within:after:h-2px focus-within:after:bg-soft-ui-fill/60"
           ]
         }
       },
@@ -108,6 +108,9 @@ export default ct(
           root: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
         }
       }
-    ]
+    ],
+    defaultVariants: {
+      size: "md"
+    }
   }
 );

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

@@ -13,28 +13,38 @@ declare const _default: {
         close: string;
     };
     variants: {
-        multiline: {
-            true: {
+        orientation: {
+            horizontal: {
                 root: string;
                 actions: string;
             };
-            false: {
+            vertical: {
                 root: string;
                 actions: string;
             };
         };
-    };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
-        multiline: {
+        title: {
             true: {
+                description: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        orientation: {
+            horizontal: {
                 root: string;
                 actions: string;
             };
-            false: {
+            vertical: {
                 root: string;
                 actions: string;
             };
         };
+        title: {
+            true: {
+                description: string;
+            };
+        };
     }, {
         root: string;
         wrapper: string;
@@ -47,5 +57,33 @@ declare const _default: {
         progress: string;
         close: string;
     }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        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;
+        avatar: string;
+        avatarSize: string;
+        actions: string;
+        progress: string;
+        close: string;
+    }>;
 };
 export default _default;

package/dist/runtime/theme/{toast.mjs → toast.js}

@@ -3,7 +3,7 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      root: "relative group overflow-hidden bg-ui-c1 shadow-lg rounded-ui-box ring ring-ui-c2 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-c2",
+      root: "group relative overflow-hidden bg-ui-cx shadow-lg rounded-ui-box ring ring-ui-cb/5 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-cb/5",
       wrapper: "w-0 flex-1 flex flex-col gap-1",
       title: "text-base font-medium color-ui-cb",
       description: "text-sm color-ui-cb/80",
@@ -15,14 +15,19 @@ export default ct(
       close: "p-0.5"
     },
     variants: {
-      multiline: {
-        true: {
-          root: "items-start",
-          actions: "items-start mt-1"
-        },
-        false: {
+      orientation: {
+        horizontal: {
           root: "items-center",
           actions: "items-center"
+        },
+        vertical: {
+          root: "items-start",
+          actions: "items-start mt-2.5"
+        }
+      },
+      title: {
+        true: {
+          description: "mt-1"
         }
       }
     }

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

@@ -5,6 +5,11 @@ declare const _default: {
         base: string[];
     };
     variants: {
+        clickable: {
+            true: {
+                base: string;
+            };
+        };
         position: {
             'top-left': {
                 viewport: string;
@@ -40,34 +45,93 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: ({
-        position: ("top-right" | "top-left" | "top-center")[];
-        class: {
-            viewport: string;
-            base: string;
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        clickable: {
+            true: {
+                base: string;
+            };
         };
-        swipeDirection?: undefined;
-    } | {
-        position: ("bottom-right" | "bottom-left" | "bottom-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;
-    } | {
-        swipeDirection: ("right" | "left")[];
-        class: {
-            base: string[];
-            viewport?: undefined;
+        swipeDirection: {
+            up: {
+                base: string;
+            };
+            right: {
+                base: string;
+            };
+            down: {
+                base: string;
+            };
+            left: {
+                base: string;
+            };
         };
-        position?: undefined;
-    } | {
-        swipeDirection: ("up" | "down")[];
-        class: {
-            base: string[];
-            viewport?: undefined;
+    }, {
+        viewport: string[];
+        base: string[];
+    }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        clickable: {
+            true: {
+                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;
+            };
         };
-        position?: undefined;
-    })[];
+        swipeDirection: {
+            up: {
+                base: string;
+            };
+            right: {
+                base: string;
+            };
+            down: {
+                base: string;
+            };
+            left: {
+                base: string;
+            };
+        };
+    }, {
+        viewport: string[];
+        base: string[];
+    }>;
 };
 export default _default;

package/dist/runtime/theme/{toaster.mjs → toaster.js}

@@ -17,6 +17,11 @@ export default ct(
       ]
     },
     variants: {
+      clickable: {
+        true: {
+          base: "cursor-pointer"
+        }
+      },
       position: {
         "top-left": {
           viewport: "left-4"

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

@@ -8,18 +8,18 @@ declare const _default: {
     variants: {
         [key: string]: {
             [key: string]: "" | {
-                content?: import("@byyuurin/ui-kit/index").ClassValue;
-                arrow?: import("@byyuurin/ui-kit/index").ClassValue;
-                text?: import("@byyuurin/ui-kit/index").ClassValue;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+                arrow?: import("@byyuurin/ui-kit").ClassValue;
+                text?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         [key: string]: {
             [key: string]: "" | {
-                content?: import("@byyuurin/ui-kit/index").ClassValue;
-                arrow?: import("@byyuurin/ui-kit/index").ClassValue;
-                text?: import("@byyuurin/ui-kit/index").ClassValue;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+                arrow?: import("@byyuurin/ui-kit").ClassValue;
+                text?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {
@@ -27,5 +27,18 @@ declare const _default: {
         arrow: string;
         text: string;
     }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        [key: string]: {
+            [key: string]: "" | {
+                content?: import("@byyuurin/ui-kit").ClassValue;
+                arrow?: import("@byyuurin/ui-kit").ClassValue;
+                text?: import("@byyuurin/ui-kit").ClassValue;
+            } | null;
+        };
+    }, {
+        content: string;
+        arrow: string;
+        text: string;
+    }>;
 };
 export default _default;

package/dist/runtime/theme/{tooltip.mjs → tooltip.js}

@@ -3,8 +3,8 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      content: "flex items-center gap-1 bg-ui-c1 color-ui-base shadow-sm rounded-ui-base ring ring-ui-base/10 h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
-      arrow: "fill-ui-c1 stroke-ui-cb/10",
+      content: "flex items-center gap-1 bg-ui-cx color-ui-base shadow-sm rounded-ui-base ring ring-ui-base/10 h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      arrow: "fill-ui-cx stroke-ui-cb/10",
       text: "truncate"
     }
   }

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

@@ -1,23 +1,29 @@
 export type * from '../components/Accordion.vue';
 export type * from '../components/Alert.vue';
 export type * from '../components/App.vue';
-export type * from '../components/App.vue';
 export type * from '../components/Badge.vue';
 export type * from '../components/Button.vue';
+export type * from '../components/ButtonGroup.vue';
 export type * from '../components/Card.vue';
+export type * from '../components/Carousel.vue';
 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/Input.vue';
+export type * from '../components/InputNumber.vue';
 export type * from '../components/Link.vue';
 export type * from '../components/Modal.vue';
+export type * from '../components/Pagination.vue';
 export type * from '../components/PinInput.vue';
 export type * from '../components/Popover.vue';
 export type * from '../components/RadioGroup.vue';
 export type * from '../components/ScrollArea.vue';
 export type * from '../components/Select.vue';
+export type * from '../components/Separator.vue';
 export type * from '../components/Slider.vue';
 export type * from '../components/Switch.vue';
+export type * from '../components/Table.vue';
 export type * from '../components/Tabs.vue';
 export type * from '../components/Textarea.vue';
 export type * from '../components/Toast.vue';

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

@@ -1,5 +1,5 @@
-import type * as theme from '../theme';
-import type { PartialTheme } from './utils';
-export * from './components';
-export * from './utils';
+import type * as theme from '../theme/index.js';
+import type { PartialTheme } from './utils.js';
+export * from './components.js';
+export * from './utils.js';
 export type ThemeExtension = PartialTheme<typeof theme>;

package/dist/runtime/types/index.js

@@ -0,0 +1,2 @@
+export * from "./components.js";
+export * from "./utils.js";

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

@@ -21,7 +21,7 @@ export interface StylerBaseProps {
     class?: ClassValue;
 }
 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: Required<VariantProps<T>> & StylerBaseProps) => StylerReturnType<T> : (props?: StylerBaseProps) => StylerReturnType<T> : 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;
 }

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

@@ -1,6 +1,6 @@
-export * from './extend-theme';
-export * from './link';
-export * from './styler';
+export * from './extend-theme.js';
+export * from './link.js';
+export * from './styler.js';
 export declare function pick<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Pick<Data, Keys>;
 export declare function omit<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Omit<Data, Keys>;
 export declare function get(object: Record<string, any> | undefined, path: (string | number)[] | string, defaultValue?: any): any;

package/dist/runtime/utils/{index.mjs → index.js}

@@ -1,7 +1,7 @@
 import { isEqual } from "ohash";
-export * from "./extend-theme.mjs";
-export * from "./link.mjs";
-export * from "./styler.mjs";
+export * from "./extend-theme.js";
+export * from "./link.js";
+export * from "./styler.js";
 export function pick(data, keys) {
   const result = {};
   for (const key of keys)

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

@@ -1,15 +1,30 @@
-import type { LinkProps } from '../types';
-export declare function pickLinkProps(props: LinkProps & Partial<Pick<HTMLAnchorElement, 'ariaLabel' | 'title'>>): {
+import type { LinkProps } from '../types/index.js';
+export declare function pickLinkProps(link: LinkProps & {
+    ariaLabel?: string;
+    title?: string;
+}): {
     disabled: any;
     title: any;
     active: any;
     type: any;
+    replace: any;
+    activeClass: any;
+    ariaCurrentValue: any;
     ariaLabel: any;
-    rel: any;
-    target: any;
-    href: any;
-    ui: any;
     as: any;
+    disableClass: any;
+    exact: any;
+    exactActiveClass: any;
+    exactHash: any;
+    exactQuery: any;
+    external: any;
+    href: any;
+    inactiveClass: any;
+    noPrefetch: any;
     noRel: any;
-    onClick: any;
+    prefetch: any;
+    prefetchedClass: any;
+    rel: any;
+    target: any;
+    to: any;
 };

package/dist/runtime/utils/link.js

@@ -0,0 +1,30 @@
+import { reactivePick } from "@vueuse/core";
+export function pickLinkProps(link) {
+  return reactivePick(
+    link,
+    "active",
+    "activeClass",
+    "ariaCurrentValue",
+    "ariaLabel",
+    "as",
+    "disabled",
+    "disableClass",
+    "exact",
+    "exactActiveClass",
+    "exactHash",
+    "exactQuery",
+    "external",
+    "href",
+    "inactiveClass",
+    "noPrefetch",
+    "noRel",
+    "prefetch",
+    "prefetchedClass",
+    "rel",
+    "replace",
+    "target",
+    "to",
+    "type",
+    "title"
+  );
+}

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

@@ -1,4 +1,4 @@
-import type { ClassValue, CRRule, CVCompoundVariants, CVMeta, CVSlots, CVVariants } from '@byyuurin/ui-kit';
+import type { ClassValue, CRRule, CVCompoundVariants, CVDefaultVariants, CVMeta, CVSlots, CVVariants } from '@byyuurin/ui-kit';
 export declare function prepareStyler(rules?: CRRule[]): {
-    createStyler: <V extends CVVariants<S, B>, CV extends CVCompoundVariants<V, S, B>, B extends ClassValue = undefined, S extends CVSlots = undefined>(theme: CVMeta<V, CV, never, B, S>) => [keyof V] extends string[] ? (props: Required<import("@byyuurin/ui-kit/index").VariantProps<import("@byyuurin/ui-kit/index").CVReturnType<V, S, B>>> & import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; } : (props?: import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; };
+    createStyler: <V extends CVVariants<S, B>, CV extends CVCompoundVariants<V, S, B>, DV extends CVDefaultVariants<V, S>, B extends ClassValue = undefined, S extends CVSlots = undefined>(theme: 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>; };
 };

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

@@ -0,0 +1,9 @@
+import type { Ref } from 'vue';
+export { useRoute, useRouter } from 'vue-router';
+export declare function useState<T>(key: string, init: () => T): Ref<T>;
+export declare function useNuxtApp(): {
+    isHydrating: boolean;
+    payload: {
+        serverRendered: boolean;
+    };
+};

package/dist/runtime/vue/stubs.js

@@ -0,0 +1,16 @@
+import { ref } from "vue";
+export { useRoute, useRouter } from "vue-router";
+const state = {};
+export function useState(key, init) {
+  if (state[key])
+    return state[key];
+  const value = ref(init());
+  state[key] = value;
+  return value;
+}
+export function useNuxtApp() {
+  return {
+    isHydrating: true,
+    payload: { serverRendered: false }
+  };
+}

package/dist/shared/ui.d1728164.mjs

@@ -0,0 +1,4 @@
+const packageName = "@byyuurin/ui";
+
+export { packageName as p };
+//# sourceMappingURL=ui.d1728164.mjs.map