@byyuurin/ui 0.0.7 → 0.0.8

package/dist/runtime/composables/useTheme.js

@@ -1,23 +1,13 @@
 import { transformUnoRules } from "@byyuurin/ui/unocss";
 import { createSharedComposable } from "@vueuse/core";
 import { computed, toValue } from "vue";
+import { injectThemeExtension, injectUnoConfig } from "../app/injections.js";
 import * as theme from "../theme/index.js";
 import { extendTheme, prepareStyler } from "../utils/index.js";
-import { defineInjection } from "./defineInjection.js";
-export const {
-  InjectionKey: InjectionKeyThemeExtension,
-  provide: provideThemeExtension,
-  inject: injectThemeExtension
-} = defineInjection("ui.themeExtension", {});
-export const {
-  InjectionKey: InjectionKeyUnoConfig,
-  provide: provideUnoConfig,
-  inject: injectUnoConfig
-} = defineInjection("ui.unoConfig", {});
 export const useTheme = createSharedComposable(() => {
   const themeExtension = injectThemeExtension();
   const unoConfig = injectUnoConfig();
-  const mergeRules = transformUnoRules(unoConfig);
+  const mergeRules = transformUnoRules(toValue(unoConfig));
   const { createStyler } = prepareStyler(mergeRules);
   return {
     theme: computed(() => extendTheme(toValue(themeExtension), theme)),

package/dist/runtime/index.d.ts

@@ -1,7 +1,10 @@
 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 Card } from './components/Card.vue.js';
@@ -12,6 +15,7 @@ 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';
@@ -19,10 +23,12 @@ export { default as ModalProvider } from './components/ModalProvider.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';

package/dist/runtime/index.js

@@ -1,7 +1,10 @@
 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 Card } from "./components/Card.vue";
@@ -12,6 +15,7 @@ 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";
@@ -19,10 +23,12 @@ export { default as ModalProvider } from "./components/ModalProvider.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";

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,28 @@
+import { defineLocale } from "../utils/index.js";
+export default defineLocale({
+  name: "English",
+  code: "en",
+  messages: {
+    alert: {
+      close: "Close"
+    },
+    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,28 @@
+import { defineLocale } from "../utils/index.js";
+export default defineLocale({
+  name: "\u7E41\u9AD4\u4E2D\u6587",
+  code: "zh-TW",
+  messages: {
+    alert: {
+      close: "\u95DC\u9589"
+    },
+    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

@@ -13,8 +13,8 @@ export default ct(
         "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",
+      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/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-cb/60 truncate",
+      icon: "size-3/4 color-ui-cb/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-cp",
+      linkLeadingIcon: "shrink-0 size-5",
+      linkLabel: "truncate",
+      separator: "flex",
+      separatorIcon: "shrink-0 size-5 color-ui-cb/60"
+    },
+    variants: {
+      active: {
+        true: {
+          link: "text-ui-cp font-semibold"
+        },
+        false: {
+          link: "color-ui-cb/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-cb/80 transition-colors"
+        }
+      }
+    ]
+  }
+);

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

@@ -3,8 +3,8 @@ declare const _default: {
     slots: {
         base: string[];
         label: string;
-        prefixIcon: string;
-        suffixIcon: string;
+        leadingIcon: string;
+        trailingIcon: string;
     };
     variants: {
         variant: {
@@ -47,10 +47,10 @@ declare const _default: {
         active: {
             true: "";
         };
-        prefix: {
+        leading: {
             true: "";
         };
-        suffix: {
+        trailing: {
             true: "";
         };
         loading: {
@@ -106,10 +106,10 @@ declare const _default: {
         active: {
             true: "";
         };
-        prefix: {
+        leading: {
             true: "";
         };
-        suffix: {
+        trailing: {
             true: "";
         };
         loading: {
@@ -126,8 +126,8 @@ declare const _default: {
     }, {
         base: string[];
         label: string;
-        prefixIcon: string;
-        suffixIcon: string;
+        leadingIcon: string;
+        trailingIcon: string;
     }, undefined>;
     defaultVariants: {
         size: "md";

package/dist/runtime/theme/button.js

@@ -10,8 +10,8 @@ export default ct(
         "disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:opacity-50"
       ],
       label: "color-inherit",
-      prefixIcon: "shrink-0 size-1.5em not-only-child:ml-0.5",
-      suffixIcon: "shrink-0 size-1.5em not-only-child:mr-0.5"
+      leadingIcon: "shrink-0 size-1.5em not-only-child:ml-0.5",
+      trailingIcon: "shrink-0 size-1.5em not-only-child:mr-0.5"
     },
     variants: {
       ...buttonGroupVariant,
@@ -85,10 +85,10 @@ export default ct(
       active: {
         true: ""
       },
-      prefix: {
+      leading: {
         true: ""
       },
-      suffix: {
+      trailing: {
         true: ""
       },
       loading: {
@@ -147,14 +147,14 @@ export default ct(
       },
       {
         loading: true,
-        prefix: true,
-        class: { prefixIcon: "animate-spin" }
+        leading: true,
+        class: { leadingIcon: "animate-spin" }
       },
       {
         loading: true,
-        prefix: false,
-        suffix: true,
-        class: { suffixIcon: "animate-spin" }
+        leading: false,
+        trailing: true,
+        class: { trailingIcon: "animate-spin" }
       }
     ],
     defaultVariants: {

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

@@ -3,8 +3,8 @@ declare const _default: {
     slots: {
         base: string;
         label: string;
-        prefixIcon: string;
-        suffixIcon: string;
+        leadingIcon: string;
+        trailingIcon: string;
     };
     variants: {
         variant: {
@@ -90,8 +90,8 @@ declare const _default: {
     }, {
         base: string;
         label: string;
-        prefixIcon: string;
-        suffixIcon: string;
+        leadingIcon: string;
+        trailingIcon: string;
     }, undefined>;
     defaultVariants: {
         size: "md";

package/dist/runtime/theme/chip.js

@@ -6,8 +6,8 @@ export default ct(
     slots: {
       base: "inline-flex items-center rounded-ui-base leading-normal transition-colors",
       label: "",
-      prefixIcon: "shrink-0 size-1.5em not-only-child:ml-1.5",
-      suffixIcon: "shrink-0 size-1.5em not-only-child:mr-1.5"
+      leadingIcon: "shrink-0 size-1.5em not-only-child:ml-1.5",
+      trailingIcon: "shrink-0 size-1.5em not-only-child:mr-1.5"
     },
     variants: {
       ...buttonGroupVariant,