nuxt-hs-ui 4.0.0 → 4.0.2

package/README.md

@@ -1,4 +1,4 @@
-# nuxt-hs-ui-next
+# nuxt-hs-ui
 
 A Nuxt 4 UI component library for business management applications, built on top of [@nuxt/ui](https://ui.nuxt.com/) and Tailwind CSS v4.
 

package/dist/module.json

@@ -7,7 +7,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "4.0.0",
+  "version": "4.0.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/module.mjs

@@ -134,6 +134,22 @@ const module$1 = defineNuxtModule({
     });
     addImportsDir(resolve("runtime/composables"));
     AddCss(nuxt, resolve, { mode: "bundle" });
+    nuxt.options.vite ||= {};
+    nuxt.options.vite.optimizeDeps ||= {};
+    nuxt.options.vite.optimizeDeps.include ||= [];
+    nuxt.options.vite.optimizeDeps.include.push(
+      "@vueuse/integrations/useFocusTrap",
+      "body-scroll-lock",
+      "tailwind-merge",
+      "tailwind-variants",
+      "@internationalized/date",
+      "dayjs/esm/index",
+      "dayjs/esm/locale/en.js",
+      "dayjs/esm/locale/ja.js",
+      "dayjs/esm/plugin/advancedFormat",
+      "dayjs/esm/plugin/timezone",
+      "dayjs/esm/plugin/utc"
+    );
   }
 });
 

package/dist/runtime/components/form/btn.vue.d.ts

@@ -0,0 +1,69 @@
+import { type ClassType } from '../../utils/class-style.js';
+import { type ThemeColor } from '../../utils/theme.js';
+export interface Props {
+    class?: ClassType;
+    classInner?: ClassType;
+    classOverlay?: ClassType;
+    disabled?: boolean;
+    to?: string;
+    theme?: ThemeColor;
+    variant?: 'outlined' | 'flat' | 'text';
+    textWrap?: boolean;
+    textAlign?: 'left' | 'center' | 'right';
+    loading?: boolean;
+    noneFocusLine?: boolean;
+    wrap?: boolean;
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (e: {
+        elm: HTMLElement;
+        id: string;
+    }) => any;
+    click: (e: Event) => any;
+    focus: (e: {
+        elm: HTMLElement;
+        id: string;
+    }) => any;
+    id: (id: string) => any;
+    ref: (element: HTMLElement) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((e: {
+        elm: HTMLElement;
+        id: string;
+    }) => any) | undefined;
+    onClick?: ((e: Event) => any) | undefined;
+    onFocus?: ((e: {
+        elm: HTMLElement;
+        id: string;
+    }) => any) | undefined;
+    onId?: ((id: string) => any) | undefined;
+    onRef?: ((element: HTMLElement) => any) | undefined;
+}>, {
+    theme: ThemeColor;
+    size: "xs" | "s" | "m" | "l" | "xl";
+    variant: "outlined" | "flat" | "text";
+    to: string;
+    disabled: boolean;
+    loading: boolean;
+    class: ClassType;
+    textAlign: "left" | "center" | "right";
+    wrap: boolean;
+    classInner: ClassType;
+    classOverlay: ClassType;
+    textWrap: boolean;
+    noneFocusLine: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/form/check-box.vue.d.ts

@@ -43,10 +43,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     "onUpdate:data"?: ((value: boolean) => any) | undefined;
     "onValue-change"?: ((after: boolean, before: boolean | null) => any) | undefined;
 }>, {
+    warn: string;
     size: "s" | "m" | "l";
     image: boolean;
     disabled: boolean;
-    warn: string;
     imgUrl: string | null;
     classImg: ClassType;
     classImgTag: ClassType;

package/dist/runtime/components/form/check-list.vue.d.ts

@@ -63,10 +63,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     "onValue-change"?: ((after: number[], before: number[], id: number) => any) | undefined;
 }>, {
     error: boolean;
+    warn: string;
     size: "s" | "m" | "l";
     image: boolean;
     disabled: boolean;
-    warn: string;
     class: ClassType;
     classImg: ClassType;
     classImgTag: ClassType;

package/dist/runtime/components/form/datepicker.vue.d.ts

@@ -75,10 +75,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     "onReset-piceker-func"?: ((func: any) => any) | undefined;
 }>, {
     error: boolean;
-    size: "s" | "m" | "l";
-    disabled: boolean;
     warn: string;
     theme: ThemeColor;
+    size: "s" | "m" | "l";
+    disabled: boolean;
     class: ClassType;
     textAlign: "left" | "center" | "right";
     diff: string | null;

package/dist/runtime/components/form/input-frame.vue.d.ts

@@ -61,9 +61,9 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
     change: boolean;
     error: boolean;
     focus: boolean;
+    warn: string;
     size: "s" | "m" | "l";
     disabled: boolean;
-    warn: string;
     class: ClassType;
     label: MultiLang;
     warnTimeOut: number;

package/dist/runtime/components/form/select.vue

@@ -241,7 +241,7 @@ const content = {
   bodyLock: false
 };
 const uiBase = [
-  "bg-transparent",
+  "bg-transparent hover:bg-transparent",
   "max-w-full text-left",
   "focus-visible:outline-none  focus:outline-none ring-0 focus:ring-0",
   "py-0 pr-[10px]",
@@ -420,7 +420,7 @@ watch(computedActivate, (value) => {
           trailing-icon=""
           :ui="{
   base: uiBase,
-  item: ['!bg-white focus:bg-white active:bg-white p-0']
+  item: ['!bg-white hover:!bg-white focus:bg-white active:bg-white p-0']
 }"
           :content="{
   reference: inputFrameElm,
@@ -507,7 +507,7 @@ watch(computedActivate, (value) => {
           trailing-icon=""
           :ui="{
   base: uiBase,
-  item: ['!bg-white focus:bg-white active:bg-white p-0']
+  item: ['!bg-white hover:!bg-white focus:bg-white active:bg-white p-0']
 }"
           :content="{
   reference: inputFrameElm,

package/dist/runtime/components/form/text-box.vue.d.ts

@@ -65,10 +65,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     "onValue-change"?: ((after: string, before: string | null) => any) | undefined;
 }>, {
     error: boolean;
-    size: "s" | "m" | "l";
-    disabled: boolean;
     warn: string;
+    size: "s" | "m" | "l";
     lang: string;
+    disabled: boolean;
     class: ClassType;
     type: "email" | "number" | "password" | "tel" | "text" | "url";
     textAlign: "left" | "center" | "right";
@@ -90,7 +90,7 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     autocomplete: string;
     datalist: string[];
     enterkeyhint: Enterkeyhint;
-    inputmode: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
+    inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     inputSize: string | number;
     placeholder: MultiLang;
     pattern: string;

package/dist/runtime/components/form/textarea.vue.d.ts

@@ -61,9 +61,9 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     "onValue-change"?: ((after: string, before: string | null) => any) | undefined;
 }>, {
     error: boolean;
+    warn: string;
     size: "s" | "m" | "l";
     disabled: boolean;
-    warn: string;
     class: ClassType;
     diff: string | null;
     tabindex: string;

package/dist/runtime/components/form/value-box.vue.d.ts

@@ -77,10 +77,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     "onValue-change"?: ((after: number | null, before: number | null) => any) | undefined;
 }>, {
     error: boolean;
+    warn: string;
     size: "s" | "m" | "l";
     disabled: boolean;
     step: number;
-    warn: string;
     class: ClassType;
     textAlign: "left" | "center" | "right";
     diff: number | null;

package/dist/runtime/components/layout/card-item.vue.d.ts

@@ -0,0 +1,41 @@
+import { type ClassType } from '../../utils/class-style.js';
+import { type ThemeColor } from '../../utils/theme.js';
+export interface Props {
+    class?: ClassType;
+    variant?: 'header' | 'body' | 'footer';
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    accordion?: boolean | undefined;
+    theme?: ThemeColor | undefined;
+    scroll?: boolean;
+    open?: boolean | undefined;
+    cross?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: () => any;
+    ref: (e: HTMLElement) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+    onRef?: ((e: HTMLElement) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    scroll: boolean;
+    theme: ThemeColor;
+    size: "xs" | "s" | "m" | "l" | "xl";
+    variant: "header" | "body" | "footer";
+    class: ClassType;
+    open: boolean;
+    accordion: boolean;
+    cross: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/layout/divider-h.vue.d.ts

@@ -8,8 +8,8 @@ interface Props {
     class?: ClassType;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: number;
     theme: ThemeColor;
+    size: number;
     class: ClassType;
     span1: number;
     span2: number;

package/dist/runtime/composables/use-hs-scroll-lock.d.ts

@@ -1,7 +1,7 @@
 export declare const useHsScrollLockPinia: import("pinia").StoreDefinition<"HsScrollLockPinia", Pick<{
     active: import("vue").Ref<boolean, boolean>;
     key: import("vue").Ref<string, string>;
-}, "active" | "key">, Pick<{
+}, "key" | "active">, Pick<{
     active: import("vue").Ref<boolean, boolean>;
     key: import("vue").Ref<string, string>;
 }, never>, Pick<{

package/dist/runtime/utils/number.js

@@ -36,7 +36,7 @@ export const InsertComma = (num, digits = 0, nullText = "0", comma = ",") => {
   const numString = String(num).replace(/,/g, "");
   const delimitExp = /(\d)(?=(\d{3})+$)/g;
   const decimalDelimitExp = /(\d)(?=(\d{3})+(\.\d+))/g;
-  let ret = "";
+  let ret;
   if (numString.includes(".")) {
     ret = numString.replace(decimalDelimitExp, "$1" + comma);
   } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-hs-ui",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "This repository is dedicated to the ongoing migration of **nuxt-hs-ui** to **Nuxt 4**",
   "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui-next",
   "license": "MIT",
@@ -37,8 +37,8 @@
     "dist"
   ],
   "volta": {
-    "node": "22.12.0",
-    "npm": "10.9.3"
+    "node": "22.22.2",
+    "npm": "10.9.7"
   },
   "scripts": {
     "prepack": "nuxt-module-build build --failOnWarn=false",
@@ -46,50 +46,53 @@
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "release-nologen": "npm run lint && npm run test && npm run prepack && npm publish && git push --follow-tags",
+    "release-beta": "npm run lint && npm run test && npm run prepack  && npm publish --tag beta && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "peerDependencies": {
-    "@vueuse/nuxt": "^13.6.0",
+    "@vueuse/nuxt": "^14.3.0",
     "sass-embedded": "^1.89.2"
   },
   "dependencies": {
-    "@nuxt/kit": "^4.2.2",
+    "@nuxt/kit": "^4.4.8",
     "@pinia/nuxt": "^0.11.3",
-    "@vueuse/core": "^14.1.0",
-    "@vueuse/integrations": "^14.1.0",
+    "@vueuse/core": "^14.3.0",
+    "@vueuse/integrations": "^14.3.0",
+    "@vueuse/nuxt": "^14.3.0",
     "bignumber.js": "^9.3.1",
     "body-scroll-lock": "^4.0.0-beta.0",
-    "dayjs": "^1.11.19",
+    "dayjs": "^1.11.21",
     "flatpickr": "^4.6.13",
     "focus-trap": "^7.6.6",
     "pinia": "^3.0.4",
     "pinia-plugin-persistedstate": "^4.7.1",
-    "tabulator-tables": "^6.3.1",
+    "tabulator-tables": "^6.4.0",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.1.18",
     "vue-select": "^4.0.0-beta.6"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^3.1.1",
-    "@nuxt/eslint": "^1.9.0",
-    "@nuxt/eslint-config": "^1.9.0",
+    "@nuxt/devtools": "^3.2.4",
+    "@nuxt/eslint": "^1.16.0",
+    "@nuxt/eslint-config": "^1.16.0",
     "@nuxt/image": "^2.0.0",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.2.2",
+    "@nuxt/schema": "^4.4.8",
     "@nuxt/test-utils": "^3.21.0",
-    "@nuxt/ui": "^4.2.1",
+    "@nuxt/ui": "^4.8.2",
     "@types/body-scroll-lock": "^3.1.2",
     "@types/node": "latest",
-    "@types/tabulator-tables": "^6.3.0",
+    "@types/tabulator-tables": "^6.3.4",
     "@types/vue-select": "^3.16.8",
     "changelogen": "^0.6.2",
-    "eslint": "^9.34.0",
-    "npm": "^11.5.2",
-    "nuxt": "^4.2.2",
+    "eslint": "^10.5.0",
+    "npm": "^11.17.0",
+    "nuxt": "^4.4.8",
     "sass": "^1.97.0",
     "typescript": "~5.9.3",
     "vitest": "^3.2.4",