origam 2.3.0 → 2.5.0

package/dist/src/utils/Commons/gradient.util.cjs

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gradientFromObject = gradientFromObject;
+exports.isGradient = isGradient;
+exports.resolveGradient = resolveGradient;
+var _colorUtil = require("./color.util.ts");
+const GRADIENT_FN_RE = /^\s*(repeating-)?(linear|radial|conic)-gradient\s*\(/i;
+const PRESET_PREFIX = "gradient-";
+function isGradientString(value) {
+  return GRADIENT_FN_RE.test(value);
+}
+function isPresetString(value) {
+  return value.startsWith(PRESET_PREFIX) && value.length > PRESET_PREFIX.length;
+}
+function isGradientObject(value) {
+  if (value === null || typeof value !== "object") return false;
+  const obj = value;
+  const hasShortForm = typeof obj.from === "string" && typeof obj.to === "string";
+  const hasStops = Array.isArray(obj.stops) && obj.stops.length >= 2;
+  return hasShortForm || hasStops;
+}
+function isGradient(value) {
+  if (typeof value === "string") {
+    return isGradientString(value) || isPresetString(value);
+  }
+  return isGradientObject(value);
+}
+function resolveStopColor(color) {
+  if ((0, _colorUtil.isIntent)(color)) {
+    return `var(--origam-color__${(0, _colorUtil.intentTokenBase)(color)}---bg)`;
+  }
+  return color;
+}
+function resolveDirection(type, direction) {
+  if (direction === void 0 || direction === null || direction === "") {
+    if (type === "radial") return "circle at center";
+    if (type === "conic") return "from 0deg at 50% 50%";
+    return "135deg";
+  }
+  if (typeof direction === "number") return `${direction}deg`;
+  return direction;
+}
+function gradientFromObject(g) {
+  const type = g.type ?? "linear";
+  const directionPart = resolveDirection(type, g.direction);
+  let stopsPart = "";
+  if (Array.isArray(g.stops) && g.stops.length >= 2) {
+    stopsPart = g.stops.map(s => `${resolveStopColor(s.color)} ${s.position}%`).join(", ");
+  } else if (g.from && g.to) {
+    const parts = [resolveStopColor(g.from)];
+    if (g.via) parts.push(resolveStopColor(g.via));
+    parts.push(resolveStopColor(g.to));
+    stopsPart = parts.join(", ");
+  } else {
+    stopsPart = "transparent, transparent";
+  }
+  return `${type}-gradient(${directionPart}, ${stopsPart})`;
+}
+function resolveGradient(value) {
+  if (value === null || value === void 0 || value === false) return "";
+  if (typeof value === "string") {
+    if (isGradientString(value)) return value;
+    if (isPresetString(value)) {
+      const slug = value.slice(PRESET_PREFIX.length);
+      return `var(--origam-gradient---${slug})`;
+    }
+    return "";
+  }
+  if (isGradientObject(value)) return gradientFromObject(value);
+  return "";
+}

package/dist/src/utils/Commons/gradient.util.d.ts

@@ -0,0 +1,36 @@
+import type { IGradient } from '../../interfaces/Commons/gradient.interface';
+import type { TColor } from '../../types';
+/**
+ * Type guard: does `value` carry gradient semantics?
+ *
+ *   - Direct CSS function string (`linear-gradient(...)`, …).
+ *   - Preset name (`gradient-sunset`).
+ *   - {@link IGradient} object.
+ *
+ * Returns `false` for intents, hex colors, transparent, null, undefined.
+ */
+export declare function isGradient(value: unknown): boolean;
+/**
+ * Build the CSS gradient function call from a structured {@link IGradient}
+ * descriptor. Pure — no side effects, no warning.
+ *
+ *   { from: 'primary', to: 'success' }
+ *     → 'linear-gradient(135deg, var(--origam-color__action--primary---bg), var(--origam-color__feedback--success---bg))'
+ *
+ *   { type: 'radial', stops: [{ color: '#fff', position: 0 }, { color: '#000', position: 100 }] }
+ *     → 'radial-gradient(circle at center, #fff 0%, #000 100%)'
+ */
+export declare function gradientFromObject(g: IGradient): string;
+/**
+ * Resolve any gradient-flavoured input into a CSS `background-image`
+ * value (the `linear-gradient(…)` / `radial-gradient(…)` / preset
+ * `var(--origam-gradient---*)` string).
+ *
+ * Caller is responsible for wrapping it in the right declaration —
+ * either `background-image: <value>` (default) or the `background-clip:
+ * text` triad when applied to a foreground.
+ *
+ * Returns an empty string for non-gradient inputs (so callers can use
+ * the return value as a truthiness check).
+ */
+export declare function resolveGradient(value: TColor | IGradient): string;

package/dist/src/utils/Commons/gradient.util.js

@@ -0,0 +1,66 @@
+import { intentTokenBase, isIntent } from "./color.util.ts";
+const GRADIENT_FN_RE = /^\s*(repeating-)?(linear|radial|conic)-gradient\s*\(/i;
+const PRESET_PREFIX = "gradient-";
+function isGradientString(value) {
+  return GRADIENT_FN_RE.test(value);
+}
+function isPresetString(value) {
+  return value.startsWith(PRESET_PREFIX) && value.length > PRESET_PREFIX.length;
+}
+function isGradientObject(value) {
+  if (value === null || typeof value !== "object") return false;
+  const obj = value;
+  const hasShortForm = typeof obj.from === "string" && typeof obj.to === "string";
+  const hasStops = Array.isArray(obj.stops) && obj.stops.length >= 2;
+  return hasShortForm || hasStops;
+}
+export function isGradient(value) {
+  if (typeof value === "string") {
+    return isGradientString(value) || isPresetString(value);
+  }
+  return isGradientObject(value);
+}
+function resolveStopColor(color) {
+  if (isIntent(color)) {
+    return `var(--origam-color__${intentTokenBase(color)}---bg)`;
+  }
+  return color;
+}
+function resolveDirection(type, direction) {
+  if (direction === void 0 || direction === null || direction === "") {
+    if (type === "radial") return "circle at center";
+    if (type === "conic") return "from 0deg at 50% 50%";
+    return "135deg";
+  }
+  if (typeof direction === "number") return `${direction}deg`;
+  return direction;
+}
+export function gradientFromObject(g) {
+  const type = g.type ?? "linear";
+  const directionPart = resolveDirection(type, g.direction);
+  let stopsPart = "";
+  if (Array.isArray(g.stops) && g.stops.length >= 2) {
+    stopsPart = g.stops.map((s) => `${resolveStopColor(s.color)} ${s.position}%`).join(", ");
+  } else if (g.from && g.to) {
+    const parts = [resolveStopColor(g.from)];
+    if (g.via) parts.push(resolveStopColor(g.via));
+    parts.push(resolveStopColor(g.to));
+    stopsPart = parts.join(", ");
+  } else {
+    stopsPart = "transparent, transparent";
+  }
+  return `${type}-gradient(${directionPart}, ${stopsPart})`;
+}
+export function resolveGradient(value) {
+  if (value === null || value === void 0 || value === false) return "";
+  if (typeof value === "string") {
+    if (isGradientString(value)) return value;
+    if (isPresetString(value)) {
+      const slug = value.slice(PRESET_PREFIX.length);
+      return `var(--origam-gradient---${slug})`;
+    }
+    return "";
+  }
+  if (isGradientObject(value)) return gradientFromObject(value);
+  return "";
+}

package/dist/src/utils/Media/format-time.util.cjs

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatMediaTime = formatMediaTime;
+function formatMediaTime(seconds) {
+  if (!Number.isFinite(seconds) || seconds < 0) return "--:--";
+  const total = Math.floor(seconds);
+  const h = Math.floor(total / 3600);
+  const m = Math.floor(total % 3600 / 60);
+  const s = total % 60;
+  const pad = value => value.toString().padStart(2, "0");
+  if (h > 0) return `${h}:${pad(m)}:${pad(s)}`;
+  return `${pad(m)}:${pad(s)}`;
+}

package/dist/src/utils/Media/format-time.util.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Format a duration (seconds) into a media-toolbar-friendly string.
+ *
+ *   • short medias        → `mm:ss`     (e.g. `01:05`)
+ *   • medias  ≥ 1 hour    → `h:mm:ss`   (e.g. `1:02:05`)
+ *   • unknown / negative  → `--:--`     (em-dash placeholder while
+ *                                       metadata is still loading,
+ *                                       so the toolbar doesn't flash
+ *                                       `NaN:NaN`)
+ *
+ * Extracted from `<OrigamMediaController>` so both the time label
+ * sub-component AND the scrubber's `format-hover-tooltip` callback
+ * share a single source of truth — keeping `OrigamAudio` consistent
+ * with `OrigamVideo` byte-for-byte.
+ */
+export declare function formatMediaTime(seconds: number): string;

package/dist/src/utils/Media/format-time.util.js

@@ -0,0 +1,10 @@
+export function formatMediaTime(seconds) {
+  if (!Number.isFinite(seconds) || seconds < 0) return "--:--";
+  const total = Math.floor(seconds);
+  const h = Math.floor(total / 3600);
+  const m = Math.floor(total % 3600 / 60);
+  const s = total % 60;
+  const pad = (value) => value.toString().padStart(2, "0");
+  if (h > 0) return `${h}:${pad(m)}:${pad(s)}`;
+  return `${pad(m)}:${pad(s)}`;
+}

package/dist/src/utils/QrCode/qr-code-adapters.util.cjs

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveQrColor = resolveQrColor;
+exports.resolveQrCornerRadius = resolveQrCornerRadius;
+var _color = require("../Commons/color.util.cjs");
+const ROUNDED_TO_CORNER = {
+  "x-small": 0.1,
+  "small": 0.18,
+  "default": 0.25,
+  "medium": 0.3,
+  "large": 0.4,
+  "x-large": 0.5,
+  "shaped": 0.25,
+  "shaped-invert": 0.25
+};
+function resolveQrColor(value, role, fallback) {
+  if (value === null || value === void 0 || value === "") return fallback;
+  if ((0, _color.isIntent)(value)) {
+    return role === "foreground" ? (0, _color.tokenForegroundForIntent)(value) : (0, _color.intentBgExpr)(value, "default");
+  }
+  return String(value);
+}
+function resolveQrCornerRadius(value) {
+  if (value === void 0 || value === null || value === false || value === "") return 0;
+  if (value === true) return 0.5;
+  if (typeof value === "number") return Math.max(0, Math.min(0.5, value));
+  if (typeof value === "string" && value in ROUNDED_TO_CORNER) {
+    return ROUNDED_TO_CORNER[value];
+  }
+  return 0;
+}

package/dist/src/utils/QrCode/qr-code-adapters.util.d.ts

@@ -0,0 +1,49 @@
+import type { TColor, TRounded } from '../../types';
+/**
+ * Transform a DS-shaped colour (intent, raw CSS, `currentColor`,
+ * `transparent`, undefined) into a literal CSS string ready to drop
+ * inside an SVG `fill=""` attribute.
+ *
+ *   • `TIntent` (e.g. `'primary'`, `'success'`) → CSS variable
+ *     reference (`var(--origam-color__action--primary---fg)`) so the
+ *     module colour follows the active theme automatically.
+ *   • Raw CSS (`'#abc123'`, `'rgb(0,0,0)'`, `'currentColor'`) → passed
+ *     through verbatim.
+ *   • `undefined` / `null` / empty → falls back to `fallback`.
+ *
+ * `role` decides which token slot of the intent is read — and the
+ * mapping matches the rest of the DS semantics for `color="primary"`
+ * / `bgColor="primary"` on text + surface elements:
+ *
+ *   • `'foreground'` → the intent's OWN paint (via
+ *     `tokenForegroundForIntent`, i.e. `fgSubtle` for primary /
+ *     feedback intents, `secondary.fg` for neutral / secondary).
+ *     Matches how `useColor` resolves `color="primary"` on any text
+ *     element: the text is painted primary itself, NOT its
+ *     white-on-dark contrast.
+ *   • `'background'` → the intent's `bg` slot (the actual surface
+ *     paint, e.g. primary's main violet) — same channel
+ *     `bgColor="primary"` uses on Card / Btn / Chip.
+ *
+ * This means `qrCodeProps.color="primary"` paints PURPLE modules,
+ * exactly as a consumer reading "make the modules primary" would
+ * expect — not the contrast white-on-primary pairing that
+ * `intentFgExpr` returns.
+ */
+export declare function resolveQrColor(value: TColor | undefined | null, role: 'foreground' | 'background', fallback: string): string;
+/**
+ * Transform a DS-shaped rounded value (`TRounded` named rung, raw
+ * number, boolean, or string) into the per-module corner radius the
+ * QR encoder expects — a number in **module units** ([0, 0.5]).
+ *
+ *   • `'x-small'` … `'x-large'` → looked up in `ROUNDED_TO_CORNER`
+ *     (0.10 … 0.50 module units, picked so each rung paints a
+ *     visibly distinct module shape).
+ *   • `true` → 0.50 (legacy "fully rounded" alias).
+ *   • `false` / `''` / `null` / `undefined` → 0 (strict squares).
+ *   • `number` → clamped to `[0, 0.5]`.
+ *   • CSS dimension (`'4px'`, `'0.25rem'`, …) → 0 (modules speak
+ *     module units, not pixels — pixel input falls back to
+ *     squares instead of silently misbehaving).
+ */
+export declare function resolveQrCornerRadius(value: TRounded | number | boolean | string | null | undefined): number;

package/dist/src/utils/QrCode/qr-code-adapters.util.js

@@ -0,0 +1,27 @@
+import { intentBgExpr, isIntent, tokenForegroundForIntent } from "../Commons/color.util.js";
+const ROUNDED_TO_CORNER = {
+  "x-small": 0.1,
+  "small": 0.18,
+  "default": 0.25,
+  "medium": 0.3,
+  "large": 0.4,
+  "x-large": 0.5,
+  "shaped": 0.25,
+  "shaped-invert": 0.25
+};
+export function resolveQrColor(value, role, fallback) {
+  if (value === null || value === void 0 || value === "") return fallback;
+  if (isIntent(value)) {
+    return role === "foreground" ? tokenForegroundForIntent(value) : intentBgExpr(value, "default");
+  }
+  return String(value);
+}
+export function resolveQrCornerRadius(value) {
+  if (value === void 0 || value === null || value === false || value === "") return 0;
+  if (value === true) return 0.5;
+  if (typeof value === "number") return Math.max(0, Math.min(0.5, value));
+  if (typeof value === "string" && value in ROUNDED_TO_CORNER) {
+    return ROUNDED_TO_CORNER[value];
+  }
+  return 0;
+}

package/dist/src/utils/index.cjs

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _formatTime = require("./Media/format-time.util.cjs");
+Object.keys(_formatTime).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formatTime[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formatTime[key];
+    }
+  });
+});
 var _anchor = require("./Commons/anchor.util.cjs");
 Object.keys(_anchor).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -36,6 +47,17 @@ Object.keys(_color).forEach(function (key) {
     }
   });
 });
+var _gradient = require("./Commons/gradient.util.cjs");
+Object.keys(_gradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gradient[key];
+    }
+  });
+});
 var _commons = require("./Commons/commons.util.cjs");
 Object.keys(_commons).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -509,17 +531,6 @@ Object.keys(_slideGroup).forEach(function (key) {
     }
   });
 });
-var _sliderField = require("./SliderField/slider-field.util.cjs");
-Object.keys(_sliderField).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _sliderField[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _sliderField[key];
-    }
-  });
-});
 var _parallaxElement = require("./Parallax/parallax-element.util.cjs");
 Object.keys(_parallaxElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -575,17 +586,6 @@ Object.keys(_group2).forEach(function (key) {
     }
   });
 });
-var _chart = require("./Charts/chart.util.cjs");
-Object.keys(_chart).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _chart[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _chart[key];
-    }
-  });
-});
 var _fuzzyMatch = require("./CommandPalette/fuzzy-match.util.cjs");
 Object.keys(_fuzzyMatch).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -662,4 +662,37 @@ Object.keys(_validatePattern).forEach(function (key) {
       return _validatePattern[key];
     }
   });
+});
+var _qrCodeAdapters = require("./QrCode/qr-code-adapters.util.cjs");
+Object.keys(_qrCodeAdapters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _qrCodeAdapters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _qrCodeAdapters[key];
+    }
+  });
+});
+var _path = require("./Chart/path.util.cjs");
+Object.keys(_path).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _path[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _path[key];
+    }
+  });
+});
+var _mercator = require("./Chart/mercator.util.cjs");
+Object.keys(_mercator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mercator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _mercator[key];
+    }
+  });
 });

package/dist/src/utils/index.d.ts

@@ -1,6 +1,8 @@
+export * from './Media/format-time.util';
 export * from './Commons/anchor.util';
 export * from './Commons/border.util';
 export * from './Commons/color.util';
+export * from './Commons/gradient.util';
 export * from './Commons/commons.util';
 export * from './Commons/console.util';
 export * from './Commons/date.util';
@@ -44,13 +46,11 @@ export * from './Input/input.util';
 export * from './List/list-item.util';
 export * from './Transition/transition.util';
 export * from './Slide/slide-group.util';
-export * from './SliderField/slider-field.util';
 export * from './Parallax/parallax-element.util';
 export * from './DataTable/headers.util';
 export * from './DataTable/items.util';
 export * from './DataTable/sort.util';
 export * from './DataTable/group.util';
-export * from './Charts/chart.util';
 export * from './CommandPalette/fuzzy-match.util';
 export * from './Code/parse-highlight-lines.util';
 export * from './Textarea/sanitize-html.util';
@@ -58,3 +58,6 @@ export * from './Textarea/html-to-markdown.util';
 export * from './Mask/apply-mask.util';
 export * from './Mask/resolve-mask-config.util';
 export * from './Mask/validate-pattern.util';
+export * from './QrCode/qr-code-adapters.util';
+export * from './Chart/path.util';
+export * from './Chart/mercator.util';

package/dist/src/utils/index.js

@@ -1,6 +1,8 @@
+export * from "./Media/format-time.util.js";
 export * from "./Commons/anchor.util.js";
 export * from "./Commons/border.util.js";
 export * from "./Commons/color.util.js";
+export * from "./Commons/gradient.util.js";
 export * from "./Commons/commons.util.js";
 export * from "./Commons/console.util.js";
 export * from "./Commons/date.util.js";
@@ -44,13 +46,11 @@ export * from "./Input/input.util.js";
 export * from "./List/list-item.util.js";
 export * from "./Transition/transition.util.js";
 export * from "./Slide/slide-group.util.js";
-export * from "./SliderField/slider-field.util.js";
 export * from "./Parallax/parallax-element.util.js";
 export * from "./DataTable/headers.util.js";
 export * from "./DataTable/items.util.js";
 export * from "./DataTable/sort.util.js";
 export * from "./DataTable/group.util.js";
-export * from "./Charts/chart.util.js";
 export * from "./CommandPalette/fuzzy-match.util.js";
 export * from "./Code/parse-highlight-lines.util.js";
 export * from "./Textarea/sanitize-html.util.js";
@@ -58,3 +58,6 @@ export * from "./Textarea/html-to-markdown.util.js";
 export * from "./Mask/apply-mask.util.js";
 export * from "./Mask/resolve-mask-config.util.js";
 export * from "./Mask/validate-pattern.util.js";
+export * from "./QrCode/qr-code-adapters.util.js";
+export * from "./Chart/path.util.js";
+export * from "./Chart/mercator.util.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "origam",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "type": "module",
   "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
   "keywords": [
@@ -91,7 +91,8 @@
     "dev": "npm run server:dev && npm run story:dev && npm run docs:dev",
     "build": "npm run server:build && npm run story:build && npm run docs:build",
     "preview": "npm run server:preview && npm run story:preview && npm run docs:preview",
-    "story:dev": "histoire dev",
+    "story:dev": "CHOKIDAR_USEPOLLING=1 CHOKIDAR_INTERVAL=600 histoire dev",
+    "story:dev:native": "histoire dev",
     "story:build": "histoire build",
     "story:preview": "histoire preview",
     "server:dev": "npm run tokens:build && vite",
@@ -100,13 +101,15 @@
     "tokens:build": "node scripts/build-tokens.mjs",
     "tokens:watch": "node scripts/build-tokens.mjs --watch",
     "tokens:lint": "node scripts/build-tokens.mjs --dry-run --strict",
-    "docs:dev": "vitepress dev docs",
+    "docs:dev": "CHOKIDAR_USEPOLLING=1 CHOKIDAR_INTERVAL=600 vitepress dev docs",
+    "docs:dev:native": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs",
     "type:build": "vue-tsc --build --force",
     "type:dev": "vue-tsc --watch --noEmit --skipLibCheck",
     "lint:fix": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
     "test:unit": "vitest",
+    "test:a11y": "playwright test --config=playwright.a11y.config.ts",
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui",
     "test:e2e:debug": "playwright test --debug",
@@ -118,6 +121,7 @@
   },
   "dependencies": {
     "@mdi/font": "^7.4.47",
+    "qrcode-generator": "^2.0.4",
     "shiki": "^3.8.1"
   },
   "peerDependencies": {
@@ -134,6 +138,7 @@
     }
   },
   "devDependencies": {
+    "@axe-core/playwright": "^4.11.3",
     "@histoire/plugin-vue": "^1.0.0-beta.1",
     "@nuxt/kit": "^4.4.5",
     "@playwright/test": "^1.48.0",
@@ -141,10 +146,12 @@
     "@types/jest": "^30.0.0",
     "@vitejs/plugin-vue": "^6.0.0",
     "@vue/test-utils": "^2.4.6",
+    "axe-core": "^4.11.4",
     "eslint": "^9.31.0",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-vue": "^10.3.0",
     "globals": "^16.3.0",
+    "happy-dom": "^15.11.7",
     "histoire": "^1.0.0-beta.1",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.2",