@byyuurin/ui 0.0.3 → 0.0.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@byyuurin/ui",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "",
   "author": "Yuurin <byyuurin@gmail.com>",
   "license": "MIT",
@@ -36,7 +36,7 @@
     },
     "./*": "./dist/*"
   },
-  "main": "dist/index.cjs",
+  "main": "dist/index.mjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "typesVersions": {
@@ -62,10 +62,11 @@
     }
   },
   "dependencies": {
-    "@byyuurin/ui-kit": "^0.3.3",
+    "@byyuurin/ui-kit": "^0.3.5",
     "@nuxt/kit": "^3.15.4",
     "@unocss/core": "^65.4.3",
     "@unocss/preset-mini": "^65.4.3",
+    "@unocss/preset-uno": "^65.4.3",
     "@vueuse/core": "^12.5.0",
     "defu": "^6.1.4",
     "ohash": "^1.1.4",
@@ -77,7 +78,7 @@
     "@antfu/ni": "^23.3.1",
     "@byyuurin/eslint-config": "^1.7.0",
     "@nuxt/schema": "^3.15.4",
-    "@types/node": "^22.13.0",
+    "@types/node": "^22.13.1",
     "bumpp": "^10.0.1",
     "eslint": "^9.19.0",
     "eslint-plugin-format": "1.0.1",
@@ -87,7 +88,7 @@
     "typescript": "^5.7.3",
     "unbuild": "^3.3.1",
     "unplugin-vue-components": "^28.0.0",
-    "vitest": "^3.0.4",
+    "vitest": "^3.0.5",
     "vue": "^3.5.13",
     "vue-tsc": "^2.2.0"
   },

package/dist/index.cjs

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _components = require("./runtime/components/index.cjs");
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _components[key];
-    }
-  });
-});
-var _composables = require("./runtime/composables/index.cjs");
-Object.keys(_composables).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _composables[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _composables[key];
-    }
-  });
-});
-var _types = require("./runtime/types/index.cjs");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});

package/dist/runtime/components/index.cjs

@@ -1,132 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function () {
-    return _Accordion.default;
-  }
-});
-Object.defineProperty(exports, "App", {
-  enumerable: true,
-  get: function () {
-    return _App.default;
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function () {
-    return _Button.default;
-  }
-});
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function () {
-    return _Card.default;
-  }
-});
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () {
-    return _Checkbox.default;
-  }
-});
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function () {
-    return _Drawer.default;
-  }
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function () {
-    return _Input.default;
-  }
-});
-Object.defineProperty(exports, "Link", {
-  enumerable: true,
-  get: function () {
-    return _Link.default;
-  }
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function () {
-    return _Modal.default;
-  }
-});
-Object.defineProperty(exports, "ModalProvider", {
-  enumerable: true,
-  get: function () {
-    return _ModalProvider.default;
-  }
-});
-Object.defineProperty(exports, "Popover", {
-  enumerable: true,
-  get: function () {
-    return _Popover.default;
-  }
-});
-Object.defineProperty(exports, "RadioGroup", {
-  enumerable: true,
-  get: function () {
-    return _RadioGroup.default;
-  }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function () {
-    return _Select.default;
-  }
-});
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function () {
-    return _Switch.default;
-  }
-});
-Object.defineProperty(exports, "Tabs", {
-  enumerable: true,
-  get: function () {
-    return _Tabs.default;
-  }
-});
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function () {
-    return _Toast.default;
-  }
-});
-Object.defineProperty(exports, "Toaster", {
-  enumerable: true,
-  get: function () {
-    return _Toaster.default;
-  }
-});
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function () {
-    return _Tooltip.default;
-  }
-});
-var _Accordion = _interopRequireDefault(require("./Accordion.vue"));
-var _App = _interopRequireDefault(require("./App.vue"));
-var _Button = _interopRequireDefault(require("./Button.vue"));
-var _Card = _interopRequireDefault(require("./Card.vue"));
-var _Checkbox = _interopRequireDefault(require("./Checkbox.vue"));
-var _Drawer = _interopRequireDefault(require("./Drawer.vue"));
-var _Input = _interopRequireDefault(require("./Input.vue"));
-var _Link = _interopRequireDefault(require("./Link.vue"));
-var _Modal = _interopRequireDefault(require("./Modal.vue"));
-var _ModalProvider = _interopRequireDefault(require("./ModalProvider.vue"));
-var _Popover = _interopRequireDefault(require("./Popover.vue"));
-var _RadioGroup = _interopRequireDefault(require("./RadioGroup.vue"));
-var _Select = _interopRequireDefault(require("./Select.vue"));
-var _Switch = _interopRequireDefault(require("./Switch.vue"));
-var _Tabs = _interopRequireDefault(require("./Tabs.vue"));
-var _Toast = _interopRequireDefault(require("./Toast.vue"));
-var _Toaster = _interopRequireDefault(require("./Toaster.vue"));
-var _Tooltip = _interopRequireDefault(require("./Tooltip.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/runtime/composables/index.cjs

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useComponentIcons", {
-  enumerable: true,
-  get: function () {
-    return _useComponentIcons.useComponentIcons;
-  }
-});
-Object.defineProperty(exports, "useModal", {
-  enumerable: true,
-  get: function () {
-    return _useModal.useModal;
-  }
-});
-Object.defineProperty(exports, "useTheme", {
-  enumerable: true,
-  get: function () {
-    return _useTheme.useTheme;
-  }
-});
-Object.defineProperty(exports, "useToast", {
-  enumerable: true,
-  get: function () {
-    return _useToast.useToast;
-  }
-});
-var _useComponentIcons = require("./useComponentIcons.cjs");
-var _useModal = require("./useModal.cjs");
-var _useTheme = require("./useTheme.cjs");
-var _useToast = require("./useToast.cjs");

package/dist/runtime/composables/useComponentIcons.cjs

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useComponentIcons = useComponentIcons;
-var _vue = require("vue");
-var _useTheme = require("./useTheme.cjs");
-function useComponentIcons(componentProps) {
-  const {
-    theme
-  } = (0, _useTheme.useTheme)();
-  const props = (0, _vue.computed)(() => (0, _vue.toValue)(componentProps));
-  const isPrefix = (0, _vue.computed)(() => props.value.icon && props.value.prefix || props.value.icon && !props.value.suffix || props.value.loading && !props.value.suffix || !!props.value.prefixIcon);
-  const isSuffix = (0, _vue.computed)(() => props.value.icon && props.value.suffix || props.value.loading && props.value.suffix || !!props.value.suffixIcon);
-  const prefixIconName = (0, _vue.computed)(() => {
-    if (props.value.loading) return props.value.loadingIcon || theme.value.app.icons.loading;
-    return props.value.prefixIcon || props.value.icon;
-  });
-  const suffixIconName = (0, _vue.computed)(() => {
-    if (props.value.loading && !isPrefix.value) return props.value.loadingIcon || theme.value.app.icons.loading;
-    return props.value.suffixIcon || props.value.icon;
-  });
-  return {
-    isPrefix,
-    isSuffix,
-    prefixIconName,
-    suffixIconName
-  };
-}

package/dist/runtime/composables/useModal.cjs

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModal = exports.provideModalState = exports.injectModalState = void 0;
-var _core = require("@vueuse/core");
-var _vue = require("vue");
-var _utils = require("../utils/index.cjs");
-const {
-  inject: injectModalState,
-  provide: provideModalState
-} = (0, _utils.createInjection)("ui.modal");
-exports.provideModalState = provideModalState;
-exports.injectModalState = injectModalState;
-const useModal = exports.useModal = (0, _core.createSharedComposable)(() => {
-  const modalState = injectModalState();
-  const isOpen = (0, _vue.ref)(false);
-  function open(component, props) {
-    if (!modalState) throw new Error("useModal() is called without provider");
-    modalState.value = {
-      component,
-      props: props ?? {}
-    };
-    isOpen.value = true;
-  }
-  function close() {
-    if (!modalState) return;
-    isOpen.value = false;
-  }
-  function reset() {
-    if (!modalState) return;
-    modalState.value = {
-      component: "div",
-      props: {}
-    };
-  }
-  function patch(props) {
-    if (!modalState) return;
-    modalState.value = {
-      ...modalState.value,
-      props: {
-        ...modalState.value.props,
-        ...props
-      }
-    };
-  }
-  return {
-    open,
-    close,
-    reset,
-    patch,
-    isOpen
-  };
-});

package/dist/runtime/composables/useTheme.cjs

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTheme = exports.provideThemeExtension = exports.injectThemeExtension = void 0;
-var _unocssPreset = require("@byyuurin/ui/unocss-preset");
-var _core = require("@vueuse/core");
-var _vue = require("vue");
-var theme = _interopRequireWildcard(require("../theme/index.cjs"));
-var _utils = require("../utils/index.cjs");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const {
-  provide: provideThemeExtension,
-  inject: injectThemeExtension
-} = (0, _utils.createInjection)("ui.themeExtension", {});
-exports.injectThemeExtension = injectThemeExtension;
-exports.provideThemeExtension = provideThemeExtension;
-const useTheme = exports.useTheme = (0, _core.createSharedComposable)(() => {
-  const _theme = injectThemeExtension();
-  const mergeRules = (0, _unocssPreset.createMergeRules)();
-  const {
-    createStyler
-  } = (0, _utils.prepareStyler)(mergeRules);
-  return {
-    theme: (0, _vue.computed)(() => (0, _utils.extendTheme)((0, _vue.toValue)(_theme), theme)),
-    createStyler
-  };
-});

package/dist/runtime/composables/useToast.cjs

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useToast = void 0;
-var _core = require("@vueuse/core");
-var _vue = require("vue");
-const useToast = exports.useToast = (0, _core.createSharedComposable)(() => {
-  const toasts = (0, _vue.ref)([]);
-  function add(toast) {
-    const body = {
-      id: Date.now().toString(),
-      open: true,
-      ...toast
-    };
-    const index = toasts.value.findIndex(t => t.id === body.id);
-    if (index === -1) toasts.value.push(body);
-    toasts.value = toasts.value.slice(-5);
-    return body;
-  }
-  function update(id, toast) {
-    const index = toasts.value.findIndex(t => t.id === id);
-    if (index === -1) return;
-    toasts.value[index] = {
-      ...toasts.value[index],
-      ...toast
-    };
-  }
-  function remove(id) {
-    const index = toasts.value.findIndex(t => t.id === id);
-    if (index === -1) return;
-    toasts.value[index] = {
-      ...toasts.value[index],
-      open: false
-    };
-    setTimeout(() => {
-      toasts.value = toasts.value.filter(t => t.id !== id);
-    }, 200);
-  }
-  function clear() {
-    toasts.value = [];
-  }
-  return {
-    toasts,
-    add,
-    update,
-    remove,
-    clear
-  };
-});

package/dist/runtime/theme/accordion.cjs

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _uiKit = require("@byyuurin/ui-kit");
-module.exports = (0, _uiKit.ct)({
-  slots: {
-    root: "w-full color-ui-cb",
-    item: "border-b last:border-b-0",
-    header: "flex",
-    trigger: "group flex-1 flex items-center gap-2 font-medium text-sm py-4 focus-visible:outline-ui-fill 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",
-    icon: "shrink-0 size-5",
-    trailingIcon: "shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200",
-    label: "text-start break-words"
-  },
-  variants: {
-    disabled: {
-      true: {
-        trigger: "cursor-not-allowed opacity-50"
-      }
-    }
-  }
-});

package/dist/runtime/theme/app.cjs

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-module.exports = {
-  icons: {
-    close: "i-mdi-close-thick",
-    loading: "i-mdi-loading",
-    check: "i-mdi-check-bold",
-    indeterminate: "i-mdi-minus-thick",
-    down: "i-mdi-chevron-down"
-  }
-};

package/dist/runtime/theme/button.cjs

@@ -1,127 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _uiKit = require("@byyuurin/ui-kit");
-module.exports = (0, _uiKit.ct)({
-  slots: {
-    base: ["inline-flex items-center leading-normal transition-colors", "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",
-    suffixIcon: "shrink-0 size-1.5em"
-  },
-  variants: {
-    variant: {
-      solid: {
-        base: ["color-ui-c1 bg-ui-fill/90", "hover:bg-ui-fill/80 active:bg-ui-fill", "disabled:bg-ui-fill/90 aria-disabled:bg-ui-fill/90"]
-      },
-      outline: {
-        base: ["color-ui-fill bg-ui-c1 ring ring-inset ring-ui-fill", "hover:bg-ui-fill/10 active:bg-ui-fill/25", "disabled:bg-ui-c1 aria-disabled:bg-ui-c1"]
-      },
-      soft: {
-        base: ["color-ui-content/80 bg-ui-fill/10", "hover:bg-ui-fill/15 hover:color-ui-content/80 active:bg-ui-fill/20 active:color-ui-content/90", "disabled:bg-ui-fill/10 aria-disabled:bg-ui-fill/10 disabled:color-ui-content/80 aria-disabled:color-ui-content/80"]
-      },
-      ghost: {
-        base: ["color-ui-fill/80 bg-transparent", "hover:bg-ui-fill/10 hover:color-ui-fill/80 active:bg-ui-fill/20 active:color-ui-fill/90", "disabled:bg-transparent aria-disabled:bg-transparent disabled:color-ui-fill/80 aria-disabled:color-ui-fill/80"]
-      },
-      link: {
-        base: ["color-ui-fill bg-transparent", "hover:color-ui-fill/80 active:color-ui-fill/90", "disabled:color-ui-fill aria-disabled:color-ui-fill"]
-      }
-    },
-    size: {
-      xs: {
-        base: "text-xs"
-      },
-      sm: {
-        base: "text-sm"
-      },
-      md: {
-        base: "text-base"
-      },
-      lg: {
-        base: "text-lg"
-      },
-      xl: {
-        base: "text-xl"
-      }
-    },
-    round: {
-      true: {
-        base: "rounded-full"
-      },
-      false: {
-        base: "rounded-ui-button"
-      }
-    },
-    active: {
-      true: ""
-    },
-    prefix: {
-      true: ""
-    },
-    suffix: {
-      true: ""
-    },
-    loading: {
-      true: ""
-    }
-  },
-  compoundVariants: [{
-    size: ["xs", "sm", "md"],
-    class: {
-      base: "p-1.5",
-      label: "px-1"
-    }
-  }, {
-    size: ["lg", "xl"],
-    class: {
-      base: "p-2.5",
-      label: "px-2"
-    }
-  }, {
-    active: true,
-    variant: "solid",
-    class: {
-      base: "bg-ui-fill hover:bg-ui-fill"
-    }
-  }, {
-    active: true,
-    variant: "outline",
-    class: {
-      base: "bg-ui-fill/25 hover:bg-ui-fill/25"
-    }
-  }, {
-    active: true,
-    variant: "soft",
-    class: {
-      base: "color-ui-content/90 bg-ui-fill/20 hover:color-ui-content/90 hover:bg-ui-fill/20"
-    }
-  }, {
-    active: true,
-    variant: "ghost",
-    class: {
-      base: "color-ui-fill/90 bg-ui-fill/20 hover:color-ui-fill/90 hover:bg-ui-fill/20"
-    }
-  }, {
-    active: true,
-    variant: "link",
-    class: {
-      base: "color-ui-fill/90 hover:color-ui-fill/90"
-    }
-  }, {
-    loading: true,
-    prefix: true,
-    class: {
-      prefixIcon: "animate-spin"
-    }
-  }, {
-    loading: true,
-    prefix: false,
-    suffix: true,
-    class: {
-      suffixIcon: "animate-spin"
-    }
-  }]
-});

package/dist/runtime/theme/card.cjs

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _uiKit = require("@byyuurin/ui-kit");
-module.exports = (0, _uiKit.ct)({
-  slots: {
-    root: "color-ui-cb bg-ui-c1 ring ring-ui-cb/10 divide-y divide-ui-cb/10 rounded-ui-box shadow-sm shadow-ui-cb/10",
-    header: "flex flex-wrap items-center gap-1 px-4 py-5 sm:px-6",
-    body: "flex-1 overflow-y-auto p-4 sm:p-6 empty:hidden",
-    footer: "flex items-center gap-1.5 p-4 sm:px-6",
-    title: "flex-grow color-ui-cb text-xl font-semibold",
-    description: "w-full color-ui-cb/80"
-  }
-});

package/dist/runtime/theme/checkbox.cjs

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _uiKit = require("@byyuurin/ui-kit");
-module.exports = (0, _uiKit.ct)({
-  slots: {
-    root: "relative flex items-start",
-    base: ["size-1.25em shrink-0 flex items-center justify-center rounded-ui-base color-ui-c1 ring ring-inset ring-ui-cb", "focus-visible:outline-ui-cb focus-visible:outline-2 focus-visible:outline-offset-2"],
-    container: "flex items-center h-1.25em",
-    wrapper: "text-inherit ms-2",
-    icon: "shrink-0 size-1em data-[state=checked]:animate-[scale-in_200ms_ease-out]",
-    label: "flex color-ui-cb after:content-empty",
-    description: "color-ui-cb/60"
-  },
-  variants: {
-    size: {
-      xs: {
-        root: "text-xs"
-      },
-      sm: {
-        root: "text-sm"
-      },
-      md: {
-        root: "text-base"
-      },
-      lg: {
-        root: "text-lg"
-      },
-      xl: {
-        root: "text-xl"
-      }
-    },
-    required: {
-      true: {
-        label: `after:content-['*'] after:ms-0.5`
-      }
-    },
-    disabled: {
-      true: {
-        root: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed"
-      },
-      false: {
-        label: "cursor-pointer"
-      }
-    },
-    checked: {
-      true: {
-        base: "ring-2 ring-ui-content bg-ui-content",
-        icon: "color-ui-c1"
-      }
-    }
-  }
-});