bootstrap-vue-next 0.44.0 → 0.44.2

package/package.json

@@ -2,130 +2,130 @@
   "name": "bootstrap-vue-next",
   "displayName": "BootstrapVueNext",
   "description": "Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development",
-  "version": "0.44.0",
+  "version": "0.44.2",
   "license": "MIT",
   "main": "./dist/bootstrap-vue-next.umd.js",
   "module": "./dist/bootstrap-vue-next.mjs",
-  "types": "./dist/src/index.d.mts",
+  "types": "./dist/index.d.mts",
   "style": "./dist/bootstrap-vue-next.css",
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/src/index.d.mts",
+        "types": "./dist/index.d.mts",
         "default": "./dist/bootstrap-vue-next.mjs"
       },
       "require": {
-        "types": "./dist/src/index.d.ts",
+        "types": "./dist/index.d.ts",
         "default": "./dist/bootstrap-vue-next.umd.js"
       }
     },
     "./components": {
       "import": {
-        "types": "./dist/src/components/index.d.mts",
+        "types": "./dist/components/index.d.mts",
         "default": "./dist/src/components/index.mjs"
       },
       "require": {
-        "types": "./dist/src/components/index.d.ts",
+        "types": "./dist/components/index.d.ts",
         "default": "./dist/src/components/index.umd.js"
       }
     },
     "./components/*": {
       "import": {
-        "types": "./dist/src/components/*/index.d.mts",
+        "types": "./dist/components/*/index.d.mts",
         "default": "./dist/src/components/*/index.mjs"
       },
       "require": {
-        "types": "./dist/src/components/*/index.d.ts",
+        "types": "./dist/components/*/index.d.ts",
         "default": "./dist/src/components/*/index.umd.js"
       }
     },
     "./directives": {
       "import": {
-        "types": "./dist/src/directives/index.d.mts",
+        "types": "./dist/directives/index.d.mts",
         "default": "./dist/src/directives/index.mjs"
       },
       "require": {
-        "types": "./dist/src/directives/index.d.ts",
+        "types": "./dist/directives/index.d.ts",
         "default": "./dist/src/directives/index.umd.js"
       }
     },
     "./directives/*": {
       "import": {
-        "types": "./dist/src/directives/*/index.d.mts",
+        "types": "./dist/directives/*/index.d.mts",
         "default": "./dist/src/directives/*/index.mjs"
       },
       "require": {
-        "types": "./dist/src/directives/*/index.d.ts",
+        "types": "./dist/directives/*/index.d.ts",
         "default": "./dist/src/directives/*/index.umd.js"
       }
     },
     "./plugins": {
       "import": {
-        "types": "./dist/src/plugins/index.d.mts",
+        "types": "./dist/plugins/index.d.mts",
         "default": "./dist/src/plugins/index.mjs"
       },
       "require": {
-        "types": "./dist/src/plugins/index.d.ts",
+        "types": "./dist/plugins/index.d.ts",
         "default": "./dist/src/plugins/index.umd.js"
       }
     },
     "./plugins/*": {
       "import": {
-        "types": "./dist/src/plugins/*/index.d.mts",
+        "types": "./dist/plugins/*/index.d.mts",
         "default": "./dist/src/plugins/*/index.mjs"
       },
       "require": {
-        "types": "./dist/src/plugins/*/index.d.ts",
+        "types": "./dist/plugins/*/index.d.ts",
         "default": "./dist/src/plugins/*/index.umd.js"
       }
     },
     "./composables": {
       "import": {
-        "types": "./dist/src/composables/index.d.mts",
+        "types": "./dist/composables/index.d.mts",
         "default": "./dist/src/composables/index.mjs"
       },
       "require": {
-        "types": "./dist/src/composables/index.d.ts",
+        "types": "./dist/composables/index.d.ts",
         "default": "./dist/src/composables/index.umd.js"
       }
     },
     "./composables/*": {
       "import": {
-        "types": "./dist/src/composables/*/index.d.mts",
+        "types": "./dist/composables/*/index.d.mts",
         "default": "./dist/src/composables/*/index.mjs"
       },
       "require": {
-        "types": "./dist/src/composables/*/index.d.ts",
+        "types": "./dist/composables/*/index.d.ts",
         "default": "./dist/src/composables/*/index.umd.js"
       }
     },
     "./resolvers": {
       "import": {
-        "types": "./dist/src/resolvers/index.d.mts",
+        "types": "./dist/resolvers/index.d.mts",
         "default": "./dist/src/resolvers/index.mjs"
       },
       "require": {
-        "types": "./dist/src/resolvers/index.d.ts",
+        "types": "./dist/resolvers/index.d.ts",
         "default": "./dist/src/resolvers/index.umd.js"
       }
     },
     "./utils": {
       "import": {
-        "types": "./dist/src/utils/index.d.mts",
+        "types": "./dist/utils/index.d.mts",
         "default": "./dist/src/utils/index.mjs"
       },
       "require": {
-        "types": "./dist/src/utils/index.d.ts",
+        "types": "./dist/utils/index.d.ts",
         "default": "./dist/src/utils/index.umd.js"
       }
     },
     "./types": {
       "import": {
-        "types": "./dist/src/types/index.d.mts",
+        "types": "./dist/types/index.d.mts",
         "default": "./dist/src/types/index.mjs"
       },
       "require": {
-        "types": "./dist/src/types/index.d.ts",
+        "types": "./dist/types/index.d.ts",
         "default": "./dist/src/types/index.umd.js"
       }
     },
@@ -139,7 +139,12 @@
   "private": false,
   "peerDependencies": {
     "@floating-ui/vue": "*",
+    "@internationalized/date": "*",
     "@vueuse/core": "*",
+    "@vueuse/integrations": "*",
+    "bootstrap": "^5.3.0",
+    "focus-trap": "*",
+    "reka-ui": "*",
     "vue": "^3.5.13",
     "vue-router": "*"
   },
@@ -147,48 +152,65 @@
     "@floating-ui/vue": {
       "optional": true
     },
+    "@internationalized/date": {
+      "optional": true
+    },
     "@vueuse/core": {
       "optional": true
     },
+    "@vueuse/integrations": {
+      "optional": true
+    },
+    "focus-trap": {
+      "optional": true
+    },
+    "reka-ui": {
+      "optional": true
+    },
     "vue-router": {
       "optional": true
     }
   },
+  "dependencies": {
+    "@floating-ui/core": "^1.7.5",
+    "@floating-ui/vue": "^1.1.11",
+    "@vueuse/core": "^14.2.1",
+    "reka-ui": "^2.9.2"
+  },
   "devDependencies": {
-    "@floating-ui/core": "^1.7.3",
-    "@floating-ui/vue": "^1.1.9",
-    "@rushstack/eslint-patch": "^1.15.0",
+    "@internationalized/date": "^3.12.0",
     "@tsconfig/node24": "^24.0.4",
-    "@types/node": "^24.0.0",
-    "@vitejs/plugin-vue": "^6.0.3",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vitest/eslint-plugin": "1.1.43",
-    "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.6.0",
-    "@vue/runtime-core": "^3.5.27",
+    "@types/node": "^24.12.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vitest/coverage-v8": "^4.1.1",
+    "@vitest/eslint-plugin": "^1.6.13",
+    "@vue/eslint-config-typescript": "^14.7.0",
+    "@vue/runtime-core": "^3.5.31",
     "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.7.0",
-    "@vueuse/core": "^13.9.0",
-    "@vueuse/integrations": "^13.9.0",
-    "@vueuse/shared": "^13.9.0",
+    "@vue/tsconfig": "^0.9.1",
+    "@vueuse/integrations": "^14.2.1",
+    "@vueuse/shared": "^14.2.1",
     "bootstrap": "^5.3.8",
-    "eslint": "^9.39.2",
-    "eslint-define-config": "^2.1.0",
-    "eslint-plugin-vue": "^10.7.0",
-    "focus-trap": "^7.8.0",
-    "happy-dom": "^20.3.4",
-    "prettier": "^3.8.0",
-    "publint": "^0.3.16",
-    "sass": "^1.97.2",
+    "eslint": "^10.1.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-oxlint": "^1.57.0",
+    "eslint-plugin-vue": "^10.8.0",
+    "focus-trap": "^8.0.1",
+    "happy-dom": "^20.8.8",
+    "jiti": "^2.6.1",
+    "npm-run-all2": "^8.0.4",
+    "oxfmt": "^0.41.0",
+    "oxlint": "^1.57.0",
+    "prettier": "^3.8.1",
+    "publint": "^0.3.18",
+    "sass-embedded": "^1.98.0",
     "typescript": "^5.9.3",
-    "unplugin-vue-components": "^28.8.0",
-    "vite": "^7.3.1",
+    "unplugin-vue-components": "^31.1.0",
+    "vite": "^8.0.2",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-vue-devtools": "^7.7.9",
-    "vitest": "^3.2.4",
-    "vue": "^3.5.27",
-    "vue-router": "^4.6.4",
-    "vue-tsc": "^3.2.2"
+    "vite-plugin-vue-devtools": "^8.1.1",
+    "vitest": "^4.1.1",
+    "vue-tsc": "^3.2.6"
   },
   "repository": {
     "type": "git",
@@ -204,77 +226,60 @@
   },
   "homepage": "https://github.com/bootstrap-vue-next/bootstrap-vue-next",
   "keywords": [
-    "vue3",
-    "vue",
-    "bootstrap",
-    "components",
-    "typescript",
-    "javascript",
-    "js",
-    "library",
-    "component library",
     "bootstrap-vue-next",
     "bootstrap-vue-3",
-    "Bootstrap",
-    "Nuxt",
-    "Nuxtjs",
-    "Nuxt 3",
-    "Bootstrap 5",
-    "Bootstrap v5",
-    "Bootstrap for Vue",
-    "Bootstrap for Vue 3",
-    "Vue",
-    "Vue.js",
-    "Vue 3",
-    "Vue v3",
-    "SSR",
-    "Web",
-    "Directives",
-    "ARIA",
-    "Accessibility",
+    "bootstrap",
+    "vue",
+    "nuxt",
+    "typescript",
+    "components",
     "a11y",
-    "CSS",
-    "SCSS",
-    "Alert",
-    "Avatar",
-    "Badge",
-    "Breadcrumb",
-    "Button",
-    "Calendar",
-    "Card",
-    "Carousel",
-    "Checkbox",
-    "Collapse",
-    "Collapse",
-    "Date picker",
-    "Datepicker",
-    "Dropdown",
-    "Dropzone",
-    "Form",
-    "Input",
-    "List",
-    "Modal",
-    "Nav",
-    "Navbar",
-    "Option",
-    "Overlay",
-    "Pagination",
-    "Popover",
-    "Progress",
-    "Radio",
-    "Select",
-    "Sidebar",
-    "Skeleton",
-    "Slider",
-    "Spinner",
-    "Tab",
-    "Table",
-    "Tag",
-    "Tags",
-    "Time picker",
-    "Timepicker",
-    "Toast",
-    "Tooltip"
+    "css",
+    "scss",
+    "ssr",
+    "accordion",
+    "alert",
+    "avatar",
+    "badge",
+    "breadcrumb",
+    "button",
+    "card",
+    "carousel",
+    "checkbox",
+    "collapse",
+    "column",
+    "container",
+    "datepicker",
+    "dropdown",
+    "file input",
+    "form",
+    "input",
+    "input group",
+    "link",
+    "list group",
+    "modal",
+    "nav",
+    "navbar",
+    "offcanvas",
+    "overlay",
+    "pagination",
+    "placeholder",
+    "popover",
+    "progress",
+    "radio",
+    "rating",
+    "row",
+    "select",
+    "skeleton",
+    "spinbutton",
+    "spinner",
+    "table",
+    "tabs",
+    "tags",
+    "textarea",
+    "timepicker",
+    "toast",
+    "tooltip"
   ],
   "lint-staged": {
     "*.{js,ts,vue}": "eslint --cache --fix",
@@ -283,18 +288,23 @@
   },
   "scripts": {
     "dev": "vite --port 5174",
+    "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit -p tsconfig.app.json",
-    "preview": "vite preview",
-    "build": "pnpm run type-check && pnpm run build-only",
+    "build": "run-p type-check \"build-only {@}\" --",
     "publint": "publint",
-    "lint": "eslint --fix src",
-    "test:lint": "eslint src",
+    "format": "oxfmt src/",
+    "lint": "run-s lint:*",
+    "lint:eslint": "eslint . --fix --cache",
+    "lint:oxlint": "oxlint . --fix",
     "test:unit": "vitest",
     "test:coverage": "vitest --coverage",
+    "test:lint:eslint": "eslint src",
+    "test:lint:oxlint": "oxlint src",
+    "test:lint": "run-s test:lint:eslint test:lint:oxlint",
+    "test": "run-s test:lint test:unit",
     "test:lint:ci": "pnpm run test:lint",
     "test:unit:ci": "vitest run",
-    "test": "pnpm run test:lint && pnpm run test:unit",
-    "test:ci": "pnpm run test:lint:ci && pnpm run test:unit:ci"
+    "test:ci": "run-s test:lint:ci test:unit:ci"
   }
 }

package/src/components/BDateField/_date-field.scss

@@ -0,0 +1,43 @@
+.b-date-field {
+  cursor: text;
+
+  &.disabled,
+  &.readonly {
+    cursor: default;
+  }
+
+  &.disabled {
+    background-color: var(--bs-secondary-bg);
+    opacity: 1;
+  }
+}
+
+.b-date-field-segment {
+  padding: 0.125rem 0.125rem;
+  border-radius: 0.25rem;
+  outline: none;
+  caret-color: transparent;
+  user-select: none;
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+
+  &:focus {
+    background-color: var(--bs-primary);
+    color: var(--bs-white);
+  }
+
+  &[data-placeholder] {
+    color: var(--bs-secondary-color);
+  }
+
+  &[data-disabled] {
+    color: var(--bs-secondary-color);
+    cursor: default;
+  }
+}
+
+.b-date-field-literal {
+  padding: 0 0.0625rem;
+  user-select: none;
+  color: var(--bs-secondary-color);
+}

package/src/components/BDateField/_date-range-field.scss

@@ -0,0 +1,49 @@
+.b-date-range-field {
+  cursor: text;
+
+  &.disabled,
+  &.readonly {
+    cursor: default;
+  }
+
+  &.disabled {
+    background-color: var(--bs-secondary-bg);
+    opacity: 1;
+  }
+}
+
+.b-date-range-field-segment {
+  padding: 0.125rem 0.125rem;
+  border-radius: 0.25rem;
+  outline: none;
+  caret-color: transparent;
+  user-select: none;
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+
+  &:focus {
+    background-color: var(--bs-primary);
+    color: var(--bs-white);
+  }
+
+  &[data-placeholder] {
+    color: var(--bs-secondary-color);
+  }
+
+  &[data-disabled] {
+    color: var(--bs-secondary-color);
+    cursor: default;
+  }
+}
+
+.b-date-range-field-literal {
+  padding: 0 0.0625rem;
+  user-select: none;
+  color: var(--bs-secondary-color);
+}
+
+.b-date-range-field-separator {
+  padding: 0 0.25rem;
+  user-select: none;
+  color: var(--bs-secondary-color);
+}

package/src/components/BDateField/_time-range-field.scss

@@ -0,0 +1,49 @@
+.b-time-range-field {
+  cursor: text;
+
+  &.disabled,
+  &.readonly {
+    cursor: default;
+  }
+
+  &.disabled {
+    background-color: var(--bs-secondary-bg);
+    opacity: 1;
+  }
+}
+
+.b-time-range-field-segment {
+  padding: 0.125rem 0.125rem;
+  border-radius: 0.25rem;
+  outline: none;
+  caret-color: transparent;
+  user-select: none;
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+
+  &:focus {
+    background-color: var(--bs-primary);
+    color: var(--bs-white);
+  }
+
+  &[data-placeholder] {
+    color: var(--bs-secondary-color);
+  }
+
+  &[data-disabled] {
+    color: var(--bs-secondary-color);
+    cursor: default;
+  }
+}
+
+.b-time-range-field-literal {
+  padding: 0 0.0625rem;
+  user-select: none;
+  color: var(--bs-secondary-color);
+}
+
+.b-time-range-field-separator {
+  padding: 0 0.25rem;
+  user-select: none;
+  color: var(--bs-secondary-color);
+}

package/src/components/BDatePicker/_date-picker.scss

@@ -0,0 +1,109 @@
+.b-date-picker-field {
+  cursor: text;
+
+  &.disabled,
+  &.readonly {
+    cursor: default;
+  }
+
+  &.disabled {
+    background-color: var(--bs-secondary-bg);
+    opacity: 1;
+  }
+}
+
+.b-date-picker-segment {
+  padding: 0.125rem 0.125rem;
+  border-radius: 0.25rem;
+  outline: none;
+  caret-color: transparent;
+  user-select: none;
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+
+  &:focus {
+    background-color: var(--bs-primary);
+    color: var(--bs-white);
+  }
+
+  &[data-placeholder] {
+    color: var(--bs-secondary-color);
+  }
+
+  &[data-disabled] {
+    color: var(--bs-secondary-color);
+    cursor: default;
+  }
+}
+
+.b-date-picker-literal {
+  padding: 0 0.0625rem;
+  user-select: none;
+  color: var(--bs-secondary-color);
+}
+
+.b-date-picker-trigger {
+  border: none;
+  padding: 0.125rem 0.375rem;
+  line-height: 1;
+}
+
+.b-date-picker-content {
+  z-index: 1050;
+}
+
+.b-date-picker-head-cell {
+  font-weight: 500;
+  font-size: 0.875rem;
+  text-align: center;
+  padding: 0.25rem;
+  color: var(--bs-secondary-color);
+}
+
+.b-date-picker-cell {
+  text-align: center;
+  padding: 0.0625rem;
+}
+
+.b-date-picker-cell-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  border-radius: var(--bs-border-radius);
+  border: none;
+  background: transparent;
+  font-size: 0.875rem;
+  cursor: pointer;
+
+  &:hover {
+    background-color: var(--bs-tertiary-bg);
+  }
+
+  &[data-selected] {
+    background-color: var(--bs-primary);
+    color: var(--bs-white);
+  }
+
+  &[data-today] {
+    font-weight: 700;
+  }
+
+  &[data-disabled] {
+    color: var(--bs-secondary-color);
+    opacity: 0.5;
+    cursor: default;
+  }
+
+  &[data-unavailable] {
+    color: var(--bs-danger);
+    text-decoration: line-through;
+    cursor: default;
+  }
+
+  &[data-outside-month] {
+    color: var(--bs-secondary-color);
+    opacity: 0.5;
+  }
+}