@alixpartners/ui-components 2.0.2 → 2.1.2

package/dist/components/TagsFields/TagsFields.js

@@ -5,6 +5,7 @@ import W from "../Icon/Icon.js";
 import Ie from "../Button/Button.js";
 import "../Input/Input.js";
 import Fe from "../Tooltip/Tooltip.js";
+import "../Dialog/Dialog.js";
 import { R as ve, A as Te, P as Ne, C as Le } from "../../index-BKtdMA_j.js";
 import '../../assets/TagsFields.css';const De = "TagsFields-module__dropdownContainer___GIsND", Ce = "TagsFields-module__dropdownLabel___AUP9W", ye = "TagsFields-module__dropdownLabelDisabled___hilvh", Oe = "TagsFields-module__required___Ybg21", ke = "TagsFields-module__dropdownWrapper___KxTZl", Re = "TagsFields-module__selectedItemsCreatable___Pnf8l", xe = "TagsFields-module__selectedItem___Tp6lp", Ae = "TagsFields-module__selectedItemLabel___SwoJL", Se = "TagsFields-module__removeButton___od0yh", We = "TagsFields-module__removeIcon___2WRCF", Ee = "TagsFields-module__singleSelectedCreatableItem___QwENt", Me = "TagsFields-module__singleSelectedCreatableItemRemoveButton___1PeN7", Ve = "TagsFields-module__dropdownActions___USb5V", Be = "TagsFields-module__dropdownArrow___JT9d3", Pe = "TagsFields-module__dropdownArrowOpen___jPfTk", je = "TagsFields-module__dropdownMenu___gPhtC", qe = "TagsFields-module__dropdownCreatableSearchContainer___mltcH", Ge = "TagsFields-module__disabled___1OfNF", ze = "TagsFields-module__dropdownCreatableError___R6oyD", Je = "TagsFields-module__creatableInput___qz9jI", Qe = "TagsFields-module__optionsList___qyawx", Ue = "TagsFields-module__categoryGroup___In039", Ye = "TagsFields-module__categoryDivider___eROv0", Ke = "TagsFields-module__categoryLabel___Cv2h5", He = "TagsFields-module__optionItem___UujFS", Xe = "TagsFields-module__optionItemDisabled___9gB8N", Ze = "TagsFields-module__optionItemFocused___4rsDt", $e = "TagsFields-module__optionContent___QSC9G", et = "TagsFields-module__optionLabel___N-fQ7", tt = "TagsFields-module__tickIcon___3uRY-", st = "TagsFields-module__noOptions___ugYj9", lt = "TagsFields-module__helpers___ab6f-", ot = "TagsFields-module__helpText___Qzdqh", dt = "TagsFields-module__helpTextDisabled___m-oFo", nt = "TagsFields-module__helpLink___JQDmR", at = "TagsFields-module__helpLinkDisabled___Nk1BX", rt = "TagsFields-module__errorMessage___b-ugf", t = {
   dropdownContainer: De,
@@ -49,7 +50,7 @@ import '../../assets/TagsFields.css';const De = "TagsFields-module__dropdownCont
   helpLinkDisabled: at,
   errorMessage: rt
 };
-function ht({
+function It({
   className: te,
   label: E,
   options: M,
@@ -227,5 +228,5 @@ function ht({
   ] });
 }
 export {
-  ht as default
+  It as default
 };

package/dist/components/Textarea/Textarea.js

@@ -1,91 +1,93 @@
-import { jsxs as f, jsx as c } from "react/jsx-runtime";
-import { c as N } from "../../clsx-OuTLNxxd.js";
-import { useRef as O, useState as p, useEffect as T, useLayoutEffect as B, useId as D } from "react";
-import G from "../Icon/Icon.js";
-import H from "../Tooltip/Tooltip.js";
-import '../../assets/Textarea.css';const J = "Textarea-module__textareaContainer___O6LaY", Q = "Textarea-module__textareaWrapper___Jq9MF", Y = "Textarea-module__errorState___VI29O", Z = "Textarea-module__disabledState___fiMjr", k = "Textarea-module__label___EjFTD", v = "Textarea-module__required___HEPGF", K = "Textarea-module__counter___-Q123", L = "Textarea-module__errorMessage___-WILV", r = {
-  textareaContainer: J,
-  textareaWrapper: Q,
-  errorState: Y,
-  disabledState: Z,
-  label: k,
-  required: v,
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { c as W } from "../../clsx-OuTLNxxd.js";
+import { useRef as h, useState as x, useEffect as j, useLayoutEffect as G, useId as H } from "react";
+import J from "../Icon/Icon.js";
+import Q from "../Tooltip/Tooltip.js";
+import '../../assets/Textarea.css';const Y = "Textarea-module__textareaContainer___O6LaY", Z = "Textarea-module__textareaWrapper___Jq9MF", g = "Textarea-module__errorState___VI29O", k = "Textarea-module__disabledState___fiMjr", K = "Textarea-module__label___EjFTD", U = "Textarea-module__required___HEPGF", X = "Textarea-module__counter___-Q123", C = "Textarea-module__errorMessage___-WILV", r = {
+  textareaContainer: Y,
+  textareaWrapper: Z,
+  errorState: g,
+  disabledState: k,
+  label: K,
+  required: U,
   "label-tooltip-icon": "Textarea-module__label-tooltip-icon___Zsj09",
-  counter: K,
-  errorMessage: L
+  counter: X,
+  errorMessage: C
 };
-function re({
-  label: W,
-  rows: j,
-  cols: F,
-  value: e,
-  placeholder: I,
-  required: x,
+function ae({
+  label: v,
+  rows: F,
+  cols: I,
+  value: n,
+  placeholder: q,
+  required: S,
   errorMessage: l,
-  disabled: u,
+  disabled: f,
   onChange: s,
-  maxLength: a,
-  resize: q = "none",
+  maxLength: t,
+  resize: y = "none",
   autofocus: d = !1,
   fullWidth: m = !1,
-  labelTooltip: n,
-  className: y,
-  ...M
+  labelTooltip: a,
+  className: M,
+  ...$
 }) {
-  const S = O(null), [b, $] = p(null), [P, w] = p(e), [V, h] = p((e == null ? void 0 : e.length) || 0);
-  T(() => {
-    w(e), h((e == null ? void 0 : e.length) || 0);
-  }, [e]), B(() => {
-    var R;
+  var N;
+  const u = (e) => t && e && e.length > t ? e.slice(0, t) : e, b = h(null), [V, P] = x(null), [A, w] = x(u(n)), [z, E] = x(((N = u(n)) == null ? void 0 : N.length) || 0);
+  j(() => {
+    var e;
+    w(u(n)), E(((e = u(n)) == null ? void 0 : e.length) || 0);
+  }, [n, t]), G(() => {
+    var O;
     if (!m) return;
-    const t = ((R = S.current) == null ? void 0 : R.parentElement) ?? null;
-    if (!t) return;
-    const o = () => {
-      const A = t.getBoundingClientRect().width;
-      $(A);
+    const e = ((O = b.current) == null ? void 0 : O.parentElement) ?? null;
+    if (!e) return;
+    const c = () => {
+      const D = e.getBoundingClientRect().width;
+      P(D);
     };
-    o();
+    c();
     let _ = null;
     typeof ResizeObserver < "u" && (_ = new ResizeObserver(() => {
-      o();
-    }), _.observe(t));
-    const E = () => o();
-    return window.addEventListener("resize", E), () => {
-      _ && _.disconnect(), window.removeEventListener("resize", E);
+      c();
+    }), _.observe(e));
+    const T = () => c();
+    return window.addEventListener("resize", T), () => {
+      _ && _.disconnect(), window.removeEventListener("resize", T);
     };
   }, [m]);
-  const z = D(), i = O(null);
-  T(() => {
-    if (d && i.current && e) {
+  const R = H(), i = h(null);
+  j(() => {
+    if (d && i.current && n) {
       i.current.focus();
-      const t = e.length;
-      i.current.setSelectionRange(t, t);
+      const e = n.length;
+      i.current.setSelectionRange(e, e);
     } else d && i.current && i.current.focus();
-  }, [d, e]);
-  const g = (t) => {
-    if (!u)
-      if (w(t.target.value), a) {
-        const o = t.target.value.slice(0, a);
-        h(o.length), s == null || s(o);
+  }, [d, n]);
+  const B = (e) => {
+    if (!f)
+      if (w(e.target.value), t) {
+        const c = e.target.value.slice(0, t);
+        E(c.length), s == null || s(c);
       } else
-        s == null || s(t.target.value);
+        s == null || s(e.target.value);
   };
-  return /* @__PURE__ */ f("div", { ref: S, className: N(r.textareaContainer, u && r.disabledState, y), children: [
-    /* @__PURE__ */ f("label", { htmlFor: z, className: r.label, children: [
-      W,
-      x && /* @__PURE__ */ c("span", { "aria-hidden": "true", className: r.required, children: "*" }),
-      n && /* @__PURE__ */ c(H, { content: n.content, size: n.size, theme: n.theme, tipSide: n.tipSide, tipAlignment: n.tipAlignment, startVisible: n.startVisible, children: /* @__PURE__ */ c(G, { icon: "ap-icon-info", className: r["label-tooltip-icon"] }) })
+  return /* @__PURE__ */ p("div", { ref: b, className: W(r.textareaContainer, f && r.disabledState, M), children: [
+    /* @__PURE__ */ p("label", { htmlFor: R, className: r.label, children: [
+      v,
+      S && /* @__PURE__ */ o("span", { "aria-hidden": "true", className: r.required, children: "*" }),
+      a && /* @__PURE__ */ o(Q, { content: a.content, size: a.size, theme: a.theme, tipSide: a.tipSide, tipAlignment: a.tipAlignment, startVisible: a.startVisible, children: /* @__PURE__ */ o(J, { icon: "ap-icon-info", className: r["label-tooltip-icon"] }) })
     ] }),
-    /* @__PURE__ */ f("div", { className: N(r.textareaWrapper, l && r.errorState), children: [
-      /* @__PURE__ */ c("textarea", { ref: i, required: x, value: P, id: z, rows: j, cols: F, placeholder: I, disabled: u, maxLength: a, autoFocus: d, onChange: g, style: {
-        resize: q,
-        width: m && b ? `${b}px` : void 0
-      }, ...M }),
-      a && /* @__PURE__ */ c("div", { className: r.counter, children: V ? `${V}/${a}` : `0/${a}` })
+    /* @__PURE__ */ p("div", { className: W(r.textareaWrapper, l && r.errorState), children: [
+      /* @__PURE__ */ o("textarea", { ref: i, required: S, value: A, id: R, rows: F, cols: I, placeholder: q, disabled: f, maxLength: t, autoFocus: d, onChange: B, style: {
+        resize: y,
+        width: m && V ? `${V}px` : void 0
+      }, ...$ }),
+      t && /* @__PURE__ */ o("div", { className: r.counter, children: z ? `${z}/${t}` : `0/${t}` })
     ] }),
-    l ? /* @__PURE__ */ c("span", { title: l, className: r.errorMessage, children: l }) : null
+    l ? /* @__PURE__ */ o("span", { title: l, className: r.errorMessage, children: l }) : null
   ] });
 }
 export {
-  re as default
+  ae as default
 };

package/dist/components/Textarea/Textarea.test.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { d, i as s, r as n, g as t, s as a, f as i, v as u } from "../../vi.ClIskdbk-DlR4jLzR.js";
+import { d, i as s, r as n, g as t, s as a, f as i, v as u } from "../../vi.ClIskdbk-CFW_9sOK.js";
 import o from "./Textarea.js";
 d("Textarea", () => {
   d("Rendering", () => {

package/dist/components/Toast/Toast.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as i, i as a, r as n, g as e, s } from "../../vi.ClIskdbk-DlR4jLzR.js";
+import { d as i, i as a, r as n, g as e, s } from "../../vi.ClIskdbk-CFW_9sOK.js";
 import c from "./Toast.js";
 i("Toast", () => {
   i("Rendering", () => {

package/dist/components/Toggle/Toggle.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { d, i as n, r as g, g as t, s as l, v as c, f as r } from "../../vi.ClIskdbk-DlR4jLzR.js";
+import { d, i as n, r as g, g as t, s as l, v as c, f as r } from "../../vi.ClIskdbk-CFW_9sOK.js";
 import a from "./Toggle.js";
 d("Toggle", () => {
   d("Rendering", () => {

package/dist/main.d.ts

@@ -9,6 +9,7 @@ export { default as Toggle } from './components/Toggle/Toggle.tsx';
 export { default as Banner } from './components/Banner/Banner.tsx';
 export { default as Ghost } from './components/Ghost/Ghost.tsx';
 export { default as Dropdown, type DropdownOption } from './components/Dropdown/Dropdown.tsx';
+export { default as FilePicker } from './components/FilePicker/FilePicker.tsx';
 export { default as Search } from './components/Search/Search.tsx';
 export { default as Toast } from './components/Toast/Toast.tsx';
 export { default as Creatable } from './components/Creatable/Creatable.tsx';
@@ -23,3 +24,4 @@ export { default as Tag, type TagColors } from './components/Tag/Tag.tsx';
 export { default as Tooltip, type TooltipProps } from './components/Tooltip/Tooltip.tsx';
 export { default as Spinner } from './components/Spinner/Spinner.tsx';
 export { apLogos } from './assets/ap-logos';
+export type { ApIcon } from './assets/ap-icons-types';

package/dist/main.js

@@ -1,52 +1,54 @@
-import { default as t } from "./components/Button/Button.js";
-import { default as e } from "./components/Checkbox/Checkbox.js";
+import { default as e } from "./components/Button/Button.js";
+import { default as t } from "./components/Checkbox/Checkbox.js";
 import { default as p } from "./components/Icon/Icon.js";
 import { default as s } from "./components/Input/Input.js";
 import { default as u } from "./components/Radio/Radio.js";
 import { default as m } from "./components/RadioGroup/RadioGroup.js";
-import { default as i } from "./components/Textarea/Textarea.js";
+import { default as n } from "./components/Textarea/Textarea.js";
 import { default as T } from "./components/Toggle/Toggle.js";
-import { default as B } from "./components/Banner/Banner.js";
-import { default as c } from "./components/Ghost/Ghost.js";
+import { default as c } from "./components/Banner/Banner.js";
+import { default as D } from "./components/Ghost/Ghost.js";
 import { default as S } from "./components/Dropdown/Dropdown.js";
-import { default as C } from "./components/Search/Search.js";
+import { default as v } from "./components/FilePicker/FilePicker.js";
+import { default as F } from "./components/Search/Search.js";
 import { default as I } from "./components/Toast/Toast.js";
 import { default as R } from "./components/Creatable/Creatable.js";
-import { default as w } from "./components/SplitButton/SplitButton.js";
-import { default as F } from "./components/DragAndDrop/DragAndDrop.js";
-import { default as j } from "./components/Tab/Tab.js";
-import { default as y } from "./components/TabNavigation/TabNavigation.js";
-import { default as E } from "./components/Dialog/Dialog.js";
-import { default as J } from "./components/TagsFields/TagsFields.js";
-import { default as M } from "./components/NavBar/NavBar.js";
-import { default as P } from "./components/Tag/Tag.js";
-import { default as U } from "./components/Tooltip/Tooltip.js";
-import { default as W } from "./components/Spinner/Spinner.js";
-import { a as Y } from "./ap-logos-Cl1TR5nm.js";
+import { default as A } from "./components/SplitButton/SplitButton.js";
+import { default as P } from "./components/DragAndDrop/DragAndDrop.js";
+import { default as q } from "./components/Tab/Tab.js";
+import { default as z } from "./components/TabNavigation/TabNavigation.js";
+import { default as H } from "./components/Dialog/Dialog.js";
+import { default as K } from "./components/TagsFields/TagsFields.js";
+import { default as O } from "./components/NavBar/NavBar.js";
+import { default as U } from "./components/Tag/Tag.js";
+import { default as W } from "./components/Tooltip/Tooltip.js";
+import { default as Y } from "./components/Spinner/Spinner.js";
+import { a as _ } from "./ap-logos-Cl1TR5nm.js";
 import './assets/main.css';export {
-  B as Banner,
-  t as Button,
-  e as Checkbox,
+  c as Banner,
+  e as Button,
+  t as Checkbox,
   R as Creatable,
-  E as Dialog,
-  F as DragAndDrop,
+  H as Dialog,
+  P as DragAndDrop,
   S as Dropdown,
-  c as Ghost,
+  v as FilePicker,
+  D as Ghost,
   p as Icon,
   s as Input,
-  M as NavBar,
+  O as NavBar,
   u as Radio,
   m as RadioGroup,
-  C as Search,
-  W as Spinner,
-  w as SplitButton,
-  j as Tab,
-  y as TabNavigation,
-  P as Tag,
-  J as TagsFields,
-  i as Textarea,
+  F as Search,
+  Y as Spinner,
+  A as SplitButton,
+  q as Tab,
+  z as TabNavigation,
+  U as Tag,
+  K as TagsFields,
+  n as Textarea,
   I as Toast,
   T as Toggle,
-  U as Tooltip,
-  Y as apLogos
+  W as Tooltip,
+  _ as apLogos
 };

package/dist/{vi.ClIskdbk-DlR4jLzR.js → vi.ClIskdbk-CFW_9sOK.js}

@@ -24132,6 +24132,7 @@ function $r(e) {
   return (o == null ? void 0 : o.file) || "";
 }
 export {
+  Ve as a,
   sq as d,
   Ze as f,
   xI as g,

package/dist/web.config

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<configuration>
-  <system.webServer>
-    <staticContent>
-      <remove fileExtension=".json"/>
-      <mimeMap fileExtension=".json" mimeType="application/json"/>
-    </staticContent>
-  </system.webServer>
+<?xml version="1.0" encoding="utf-8"?>
+<configuration>
+  <system.webServer>
+    <staticContent>
+      <remove fileExtension=".json"/>
+      <mimeMap fileExtension=".json" mimeType="application/json"/>
+    </staticContent>
+  </system.webServer>
 </configuration>

package/package.json

@@ -1,84 +1,84 @@
-{
-  "name": "@alixpartners/ui-components",
-  "version": "2.0.2",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "exports": "./dist/main.js",
-  "module": "./dist/main.js",
-  "types": "./dist/main.d.ts",
-  "license": "SEE LICENSE IN LICENSE.md",
-  "repository": "https://alixpartners-dev.visualstudio.com/_git/AP.UIComponents",
-  "main": "./dist/umd/index.js",
-  "scripts": {
-    "build": "tsc -b && vite build",
-    "lint": "eslint . --ext ts,tsx",
-    "lint:fix": "eslint . --ext ts,tsx --fix",
-    "format": "prettier --check .",
-    "format:fix": "prettier --write .",
-    "stylelint": "stylelint **/*.css",
-    "stylelint:fix": "stylelint **/*.css --fix",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "vitest",
-    "test:unit": "vitest --project unit",
-    "test:storybook": "vitest --project storybook",
-    "test:ui": "vitest --ui",
-    "coverage": "vitest run --coverage",
-    "generate-icons": "node ./src/assets/generateIconsHelperFiles.js"
-  },
-  "dependencies": {
-    "clsx": "^2.1.1"
-  },
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "radix-ui": "^1.4.2"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.1",
-    "@eslint/js": "^9.25.0",
-    "@storybook/addon-designs": "^10.0.2",
-    "@storybook/addon-onboarding": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
-    "@testing-library/react": "^16.3.0",
-    "@types/node": "^22.15.21",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
-    "@vitejs/plugin-react": "^4.4.1",
-    "@vitest/browser": "^3.1.4",
-    "@vitest/coverage-v8": "^3.1.4",
-    "@vitest/ui": "^3.1.4",
-    "babel-plugin-react-remove-properties": "^0.3.0",
-    "eslint": "^9.25.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^9.0.18",
-    "globals": "^16.0.0",
-    "jsdom": "^26.1.0",
-    "playwright": "^1.52.0",
-    "postcss-scss": "^4.0.9",
-    "prettier": "^3.5.3",
-    "sass": "^1.89.0",
-    "storybook": "^9.0.18",
-    "stylelint": "^16.19.1",
-    "stylelint-config-standard": "^38.0.0",
-    "stylelint-scss": "^6.12.0",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.30.1",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2",
-    "vitest": "^3.1.4",
-    "@storybook/addon-vitest": "9.0.18",
-    "@storybook/addon-docs": "^9.0.18",
-    "glob": "^11.0.2"
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  }
-}
+{
+  "name": "@alixpartners/ui-components",
+  "version": "2.1.2",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": "./dist/main.js",
+  "module": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": "https://alixpartners-dev.visualstudio.com/_git/AP.UIComponents",
+  "main": "./dist/umd/index.js",
+  "scripts": {
+    "build": "tsc -b && vite build",
+    "lint": "eslint . --ext ts,tsx",
+    "lint:fix": "eslint . --ext ts,tsx --fix",
+    "format": "prettier --check .",
+    "format:fix": "prettier --write .",
+    "stylelint": "stylelint **/*.css",
+    "stylelint:fix": "stylelint **/*.css --fix",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest",
+    "test:unit": "vitest --project unit",
+    "test:storybook": "vitest --project storybook",
+    "test:ui": "vitest --ui",
+    "coverage": "vitest run --coverage",
+    "generate-icons": "node ./src/assets/generateIconsHelperFiles.js"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "radix-ui": "^1.4.2"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.0.1",
+    "@eslint/js": "^9.25.0",
+    "@storybook/addon-designs": "^10.0.2",
+    "@storybook/addon-onboarding": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^22.15.21",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/browser": "^3.1.4",
+    "@vitest/coverage-v8": "^3.1.4",
+    "@vitest/ui": "^3.1.4",
+    "babel-plugin-react-remove-properties": "^0.3.0",
+    "eslint": "^9.25.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^9.0.18",
+    "globals": "^16.0.0",
+    "jsdom": "^26.1.0",
+    "playwright": "^1.52.0",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.5.3",
+    "sass": "^1.89.0",
+    "storybook": "^9.0.18",
+    "stylelint": "^16.19.1",
+    "stylelint-config-standard": "^38.0.0",
+    "stylelint-scss": "^6.12.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^3.1.4",
+    "@storybook/addon-vitest": "9.0.18",
+    "@storybook/addon-docs": "^9.0.18",
+    "glob": "^11.0.2"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}