@byyuurin/ui 0.0.7 → 0.0.9

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

@@ -1,24 +1,8 @@
-import type { ToastProps } from '../types/index.js';
-export interface Toast extends Omit<ToastProps, 'defaultOpen'> {
-    id: string | number;
-    onClick?: (toast: Toast) => void;
-}
+import type { ToastState } from '../types/index.js';
 export declare const useToast: () => {
-    toasts: import("vue").Ref<{
-        [x: string]: any;
-        [x: number]: any;
-        [x: symbol]: ToastProps;
-        id: string | number;
-        onClick?: ((toast: Toast) => void) | undefined;
-    }[], Toast[] | {
-        [x: string]: any;
-        [x: number]: any;
-        [x: symbol]: ToastProps;
-        id: string | number;
-        onClick?: ((toast: Toast) => void) | undefined;
-    }[]>;
-    add: (toast: Partial<Toast>) => Toast;
-    update: (id: string | number, toast: Partial<Omit<Toast, "id">>) => void;
+    toasts: import("vue").Ref<ToastState[], ToastState[]>;
+    add: (toast: Partial<ToastState>) => ToastState;
+    update: (id: string | number, toast: Partial<Omit<ToastState, "id">>) => void;
     remove: (id: string | number) => void;
     clear: () => void;
 };

package/dist/runtime/composables/useToast.js

@@ -1,11 +1,12 @@
 import { createSharedComposable } from "@vueuse/core";
 import { nextTick, ref } from "vue";
+import { useState } from "#imports";
 export const useToast = createSharedComposable(() => {
-  const toasts = ref([]);
+  const toasts = useState("toasts", () => []);
   const running = ref(false);
   const maxToasts = 5;
   const queue = [];
-  const generateId = () => `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+  const generateId = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
   async function processQueue() {
     if (running.value || queue.length === 0)
       return;
@@ -28,7 +29,7 @@ export const useToast = createSharedComposable(() => {
     return body;
   }
   function update(id, toast) {
-    const index = toasts.value.findIndex((t) => t.id === id);
+    const index = toasts.value.findIndex((toast2) => toast2.id === id);
     if (index === -1)
       return;
     toasts.value[index] = {
@@ -37,7 +38,7 @@ export const useToast = createSharedComposable(() => {
     };
   }
   function remove(id) {
-    const index = toasts.value.findIndex((t) => t.id === id);
+    const index = toasts.value.findIndex((toast) => toast.id === id);
     if (index === -1)
       return;
     toasts.value[index] = {
@@ -45,7 +46,7 @@ export const useToast = createSharedComposable(() => {
       open: false
     };
     setTimeout(() => {
-      toasts.value = toasts.value.filter((t) => t.id !== id);
+      toasts.value = toasts.value.filter((toast) => toast.id !== id);
     }, 200);
   }
   function clear() {

package/dist/runtime/index.d.ts

@@ -1,9 +1,13 @@
 export { default as Accordion } from './components/Accordion.vue.js';
 export { default as Alert } from './components/Alert.vue.js';
 export { default as App } from './components/App.vue.js';
+export { default as Avatar } from './components/Avatar.vue.js';
+export { default as AvatarGroup } from './components/AvatarGroup.vue.js';
 export { default as Badge } from './components/Badge.vue.js';
+export { default as Breadcrumb } from './components/Breadcrumb.vue.js';
 export { default as Button } from './components/Button.vue.js';
 export { default as ButtonGroup } from './components/ButtonGroup.vue.js';
+export { default as Calendar } from './components/Calendar.vue.js';
 export { default as Card } from './components/Card.vue.js';
 export { default as Carousel } from './components/Carousel.vue.js';
 export { default as Checkbox } from './components/Checkbox.vue.js';
@@ -12,23 +16,26 @@ export { default as Collapsible } from './components/Collapsible.vue.js';
 export { default as Drawer } from './components/Drawer.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';
 export { default as Link } from './components/Link.vue.js';
 export { default as LinkBase } from './components/LinkBase.vue.js';
 export { default as Modal } from './components/Modal.vue.js';
-export { default as ModalProvider } from './components/ModalProvider.vue.js';
+export { default as OverlayProvider } from './components/OverlayProvider.vue.js';
 export { default as Pagination } from './components/Pagination.vue.js';
 export { default as PinInput } from './components/PinInput.vue.js';
 export { default as Popover } from './components/Popover.vue.js';
+export { default as Progress } from './components/Progress.vue.js';
 export { default as RadioGroup } from './components/RadioGroup.vue.js';
 export { default as ScrollArea } from './components/ScrollArea.vue.js';
 export { default as Select } from './components/Select.vue.js';
 export { default as Separator } from './components/Separator.vue.js';
+export { default as Skeleton } from './components/Skeleton.vue.js';
 export { default as Slider } from './components/Slider.vue.js';
 export { default as Switch } from './components/Switch.vue.js';
 export { default as Table } from './components/Table.vue.js';
 export { default as Tabs } from './components/Tabs.vue.js';
 export { default as Textarea } from './components/Textarea.vue.js';
 export { default as Toast } from './components/Toast.vue.js';
-export { default as Toaster } from './components/Toaster.vue.js';
+export { default as ToastProvider } from './components/ToastProvider.vue.js';
 export { default as Tooltip } from './components/Tooltip.vue.js';
 export * from './types/index.js';

package/dist/runtime/index.js

@@ -1,9 +1,13 @@
 export { default as Accordion } from "./components/Accordion.vue";
 export { default as Alert } from "./components/Alert.vue";
 export { default as App } from "./components/App.vue";
+export { default as Avatar } from "./components/Avatar.vue";
+export { default as AvatarGroup } from "./components/AvatarGroup.vue";
 export { default as Badge } from "./components/Badge.vue";
+export { default as Breadcrumb } from "./components/Breadcrumb.vue";
 export { default as Button } from "./components/Button.vue";
 export { default as ButtonGroup } from "./components/ButtonGroup.vue";
+export { default as Calendar } from "./components/Calendar.vue";
 export { default as Card } from "./components/Card.vue";
 export { default as Carousel } from "./components/Carousel.vue";
 export { default as Checkbox } from "./components/Checkbox.vue";
@@ -12,23 +16,26 @@ export { default as Collapsible } from "./components/Collapsible.vue";
 export { default as Drawer } from "./components/Drawer.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";
 export { default as Link } from "./components/Link.vue";
 export { default as LinkBase } from "./components/LinkBase.vue";
 export { default as Modal } from "./components/Modal.vue";
-export { default as ModalProvider } from "./components/ModalProvider.vue";
+export { default as OverlayProvider } from "./components/OverlayProvider.vue";
 export { default as Pagination } from "./components/Pagination.vue";
 export { default as PinInput } from "./components/PinInput.vue";
 export { default as Popover } from "./components/Popover.vue";
+export { default as Progress } from "./components/Progress.vue";
 export { default as RadioGroup } from "./components/RadioGroup.vue";
 export { default as ScrollArea } from "./components/ScrollArea.vue";
 export { default as Select } from "./components/Select.vue";
 export { default as Separator } from "./components/Separator.vue";
+export { default as Skeleton } from "./components/Skeleton.vue";
 export { default as Slider } from "./components/Slider.vue";
 export { default as Switch } from "./components/Switch.vue";
 export { default as Table } from "./components/Table.vue";
 export { default as Tabs } from "./components/Tabs.vue";
 export { default as Textarea } from "./components/Textarea.vue";
 export { default as Toast } from "./components/Toast.vue";
-export { default as Toaster } from "./components/Toaster.vue";
+export { default as ToastProvider } from "./components/ToastProvider.vue";
 export { default as Tooltip } from "./components/Tooltip.vue";
 export * from "./types/index.js";

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

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

package/dist/runtime/locale/en.js

@@ -0,0 +1,34 @@
+import { defineLocale } from "../utils/index.js";
+export default defineLocale({
+  name: "English",
+  code: "en",
+  messages: {
+    alert: {
+      close: "Close"
+    },
+    calendar: {
+      prevYear: "Previous year",
+      nextYear: "Next year",
+      prevMonth: "Previous month",
+      nextMonth: "Next month"
+    },
+    carousel: {
+      prev: "Prev",
+      next: "Next",
+      goto: "Go to slide {page}"
+    },
+    inputNumber: {
+      increment: "Increment",
+      decrement: "Decrement"
+    },
+    modal: {
+      close: "Close"
+    },
+    table: {
+      noData: "No data"
+    },
+    toast: {
+      close: "Close"
+    }
+  }
+});

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

@@ -0,0 +1,2 @@
+export { default as en } from './en.js';
+export { default as zhTW } from './zh-tw.js';

package/dist/runtime/locale/index.js

@@ -0,0 +1,2 @@
+export { default as en } from "./en.js";
+export { default as zhTW } from "./zh-tw.js";

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

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

package/dist/runtime/locale/zh-tw.js

@@ -0,0 +1,34 @@
+import { defineLocale } from "../utils/index.js";
+export default defineLocale({
+  name: "\u7E41\u9AD4\u4E2D\u6587",
+  code: "zh-TW",
+  messages: {
+    alert: {
+      close: "\u95DC\u9589"
+    },
+    calendar: {
+      prevYear: "\u53BB\u5E74",
+      nextYear: "\u660E\u5E74",
+      prevMonth: "\u4E0A\u500B\u6708",
+      nextMonth: "\u4E0B\u500B\u6708"
+    },
+    carousel: {
+      prev: "\u4E0A\u4E00\u9801",
+      next: "\u4E0B\u4E00\u9801",
+      goto: "\u8DF3\u8F49\u5230\u7B2C {page} \u9801"
+    },
+    inputNumber: {
+      increment: "\u589E\u52A0",
+      decrement: "\u6E1B\u5C11"
+    },
+    modal: {
+      close: "\u95DC\u9589"
+    },
+    table: {
+      noData: "\u6C92\u6709\u8CC7\u6599"
+    },
+    toast: {
+      close: "\u95DC\u9589"
+    }
+  }
+});

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

@@ -7,8 +7,8 @@ declare const _default: {
         trigger: string;
         content: string[];
         body: string;
-        prefixIcon: string;
-        suffixIcon: string;
+        leadingIcon: string;
+        trailingIcon: string;
         label: string;
     };
     variants: {
@@ -31,8 +31,8 @@ declare const _default: {
         trigger: string;
         content: string[];
         body: string;
-        prefixIcon: string;
-        suffixIcon: string;
+        leadingIcon: string;
+        trailingIcon: string;
         label: string;
     }, undefined>;
     defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
@@ -48,8 +48,8 @@ declare const _default: {
         trigger: string;
         content: string[];
         body: string;
-        prefixIcon: string;
-        suffixIcon: string;
+        leadingIcon: string;
+        trailingIcon: string;
         label: string;
     }>;
 };

package/dist/runtime/theme/accordion.js

@@ -3,18 +3,18 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      root: "w-full color-ui-cb",
+      root: "w-full color-ui-base",
       item: "border-b last:border-b-0",
       header: "flex",
-      trigger: "group flex-1 flex items-center gap-2 font-medium text-sm py-4 outline-none focus-visible:outline-ui-cb/80 min-w-0",
+      trigger: "group flex-1 flex items-center gap-2 font-medium text-sm py-4 outline-none focus-visible:outline-ui-base/80 min-w-0",
       content: [
         "overflow-hidden focus:outline-none",
         "data-[state=open]:animate-[accordion-down_200ms_ease-out]",
         "data-[state=closed]:animate-[accordion-up_200ms_ease-out]"
       ],
-      body: "text-sm pb-4 color-ui-cb/80",
-      prefixIcon: "shrink-0 size-5",
-      suffixIcon: "shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-all duration-200",
+      body: "text-sm pb-4 color-ui-base/80",
+      leadingIcon: "shrink-0 size-5",
+      trailingIcon: "shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-all duration-200",
       label: "text-start break-words"
     },
     variants: {

package/dist/runtime/theme/alert.js

@@ -18,13 +18,13 @@ export default ct(
           close: "ui-base-inverted"
         },
         "outline": {
-          root: "color-ui-content bg-ui-cx ring ring-inset ring-ui-fill/30"
+          root: "color-ui-fill bg-ui-base ring ring-inset ring-ui-fill/30"
         },
         "soft": {
-          root: "color-ui-content bg-soft-ui-fill/10"
+          root: "color-ui-fill bg-soft-ui-fill/10"
         },
         "soft-outline": {
-          root: "color-ui-content bg-soft-ui-fill/10 ring ring-inset ring-ui-fill/30"
+          root: "color-ui-fill bg-soft-ui-fill/10 ring ring-inset ring-ui-fill/30"
         }
       },
       orientation: {

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

@@ -4,12 +4,12 @@ declare const _default: {
         loading: string;
         check: string;
         indeterminate: string;
-        up: string;
-        down: string;
-        arrowLeft: string;
-        arrowRight: string;
-        doubleLeft: string;
-        doubleRight: string;
+        chevronUp: string;
+        chevronDown: string;
+        chevronLeft: string;
+        chevronRight: string;
+        chevronDoubleLeft: string;
+        chevronDoubleRight: string;
         ellipsis: string;
         plus: string;
         minus: string;

package/dist/runtime/theme/app.js

@@ -1,16 +1,16 @@
 export default {
   /* @unocss-include */
   icons: {
-    close: "i-mdi-close-thick",
+    close: "i-mdi-close",
     loading: "i-mdi-loading",
     check: "i-mdi-check-bold",
     indeterminate: "i-mdi-minus-thick",
-    up: "i-mdi-chevron-up",
-    down: "i-mdi-chevron-down",
-    arrowLeft: "i-mdi-chevron-left",
-    arrowRight: "i-mdi-chevron-right",
-    doubleLeft: "i-mdi-chevron-double-left",
-    doubleRight: "i-mdi-chevron-double-right",
+    chevronUp: "i-mdi-chevron-up",
+    chevronDown: "i-mdi-chevron-down",
+    chevronLeft: "i-mdi-chevron-left",
+    chevronRight: "i-mdi-chevron-right",
+    chevronDoubleLeft: "i-mdi-chevron-double-left",
+    chevronDoubleRight: "i-mdi-chevron-double-right",
     ellipsis: "i-mdi-dots-horizontal",
     plus: "i-mdi-plus",
     minus: "i-mdi-minus"

package/dist/runtime/theme/avatar-group.d.ts

@@ -0,0 +1,52 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        base: string;
+    };
+    variants: {
+        size: {
+            xs: {
+                base: string;
+            };
+            sm: {
+                base: string;
+            };
+            md: {
+                base: string;
+            };
+            lg: {
+                base: string;
+            };
+            xl: {
+                base: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        size: {
+            xs: {
+                base: string;
+            };
+            sm: {
+                base: string;
+            };
+            md: {
+                base: string;
+            };
+            lg: {
+                base: string;
+            };
+            xl: {
+                base: string;
+            };
+        };
+    }, {
+        root: string;
+        base: string;
+    }, undefined>;
+    defaultVariants: {
+        size: "md";
+    };
+};
+export default _default;

package/dist/runtime/theme/avatar-group.js

@@ -0,0 +1,32 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "inline-flex flex-row-reverse justify-end",
+      base: "relative rounded-full ring-ui-cx first:me-0"
+    },
+    variants: {
+      size: {
+        xs: {
+          base: "ring-1 -me-0.125em"
+        },
+        sm: {
+          base: "ring-2 -me-0.125em"
+        },
+        md: {
+          base: "ring-2 -me-0.25em"
+        },
+        lg: {
+          base: "ring-3 -me-0.5em"
+        },
+        xl: {
+          base: "ring-3 -me-0.5em"
+        }
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);

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

@@ -0,0 +1,56 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        image: string;
+        fallback: string;
+        icon: string;
+    };
+    variants: {
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
+        };
+    }, {
+        root: string;
+        image: string;
+        fallback: string;
+        icon: string;
+    }, undefined>;
+    defaultVariants: {
+        size: "md";
+    };
+};
+export default _default;

package/dist/runtime/theme/avatar.js

@@ -0,0 +1,34 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-soft-ui-cb/10",
+      image: "size-full rounded-inherit object-cover",
+      fallback: "leading-none color-ui-base/60 truncate",
+      icon: "size-3/4 color-ui-base/60 shrink-0"
+    },
+    variants: {
+      size: {
+        xs: {
+          root: "text-xs size-1.4em"
+        },
+        sm: {
+          root: "text-sm size-1.6em"
+        },
+        md: {
+          root: "text-base size-2em"
+        },
+        lg: {
+          root: "text-lg size-2.4em"
+        },
+        xl: {
+          root: "text-xl size-3em"
+        }
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);

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

@@ -0,0 +1,67 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        list: string;
+        item: string;
+        link: string;
+        linkLeadingIcon: string;
+        linkLabel: string;
+        separator: string;
+        separatorIcon: string;
+    };
+    variants: {
+        active: {
+            true: {
+                link: string;
+            };
+            false: {
+                link: string;
+            };
+        };
+        disabled: {
+            true: {
+                link: string;
+            };
+        };
+        to: {
+            true: "";
+        };
+    };
+    compoundVariants: {
+        disabled: boolean;
+        active: boolean;
+        to: boolean;
+        class: {
+            link: string;
+        };
+    }[];
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        active: {
+            true: {
+                link: string;
+            };
+            false: {
+                link: string;
+            };
+        };
+        disabled: {
+            true: {
+                link: string;
+            };
+        };
+        to: {
+            true: "";
+        };
+    }, {
+        root: string;
+        list: string;
+        item: string;
+        link: string;
+        linkLeadingIcon: string;
+        linkLabel: string;
+        separator: string;
+        separatorIcon: string;
+    }>;
+};
+export default _default;

package/dist/runtime/theme/breadcrumb.js

@@ -0,0 +1,44 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "relative min-w-0",
+      list: "flex items-center gap-1.5",
+      item: "flex min-w-0",
+      link: "group relative flex items-center gap-1.5 text-sm min-w-0 focus-visible:outline-ui-primary",
+      linkLeadingIcon: "shrink-0 size-5",
+      linkLabel: "truncate",
+      separator: "flex",
+      separatorIcon: "shrink-0 size-5 color-ui-base/60"
+    },
+    variants: {
+      active: {
+        true: {
+          link: "color-ui-primary font-semibold"
+        },
+        false: {
+          link: "color-ui-base/60 font-medium"
+        }
+      },
+      disabled: {
+        true: {
+          link: "cursor-not-allowed opacity-50"
+        }
+      },
+      to: {
+        true: ""
+      }
+    },
+    compoundVariants: [
+      {
+        disabled: false,
+        active: false,
+        to: true,
+        class: {
+          link: "hover:color-ui-base/80 transition-colors"
+        }
+      }
+    ]
+  }
+);