@logosphere-ui/core 0.0.0-alpha.2

package/dist/text-area-CtZY3yLA.js

@@ -0,0 +1,204 @@
+import { LitElement as d, nothing as l, html as u, unsafeCSS as y, css as c } from "lit";
+import { query as m, property as a, state as _, customElement as f } from "lit/decorators.js";
+import { l as v } from "./live-WTVSYE2F.js";
+const b = ".textarea__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.textarea__field::placeholder{color:var(--color-tertiary)}.textarea__field:disabled{cursor:not-allowed}.textarea__field--resize-none{resize:none}.textarea__field--resize-vertical{resize:vertical}.textarea__field--resize-horizontal{resize:horizontal}.textarea__field--resize-both{resize:both}.textarea__field--auto-resize{resize:none;overflow:hidden}.textarea__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:flex-start;align-self:flex-start;margin-top:var(--spacing-1);outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.textarea__clear-btn:hover{color:var(--color-gray-600)}";
+var x = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (e, i, s, n) => {
+  for (var o = n > 1 ? void 0 : n ? g(i, s) : i, h = e.length - 1, p; h >= 0; h--)
+    (p = e[h]) && (o = (n ? p(i, s, o) : p(o)) || o);
+  return n && o && x(i, s, o), o;
+};
+let t = class extends d {
+  constructor() {
+    super(...arguments), this.value = "", this.placeholder = "", this.name = "", this.autocomplete = "", this.rows = 3, this.wrap = "soft", this.resize = "vertical", this.autoResize = !1, this.size = "default", this.variant = "default", this.showClear = !1, this.label = "", this.helper = "", this.error = "", this.required = !1, this.disabled = !1, this.readonly = !1, this._internalError = "", this.handleInput = (e) => {
+      const i = e.target;
+      this.value = i.value, this.autoResize && this.adjustHeight(), this._internalError && (this._internalError = "", this._textareaElement.setCustomValidity("")), this.dispatchEvent(new CustomEvent("input", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: this.value, originalEvent: e }
+      }));
+    }, this.handleChange = (e) => {
+      const i = e.target;
+      this.value = i.value, i.checkValidity() || (this._internalError = i.validationMessage), this.dispatchEvent(new CustomEvent("change", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: this.value, originalEvent: e }
+      }));
+    }, this.handleKeyDown = (e) => {
+      this.dispatchEvent(new CustomEvent("keydown", {
+        bubbles: !0,
+        composed: !0,
+        detail: { key: e.key, originalEvent: e }
+      }));
+    }, this.handleKeyUp = (e) => {
+      this.dispatchEvent(new CustomEvent("keyup", {
+        bubbles: !0,
+        composed: !0,
+        detail: { key: e.key, originalEvent: e }
+      }));
+    }, this.handleClear = () => {
+      this.value = "", this._textareaElement && (this._textareaElement.value = "", this.autoResize && this.adjustHeight()), this.dispatchEvent(new CustomEvent("clear", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("input", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: "", originalEvent: null }
+      }));
+    };
+  }
+  get textareaElement() {
+    return this._textareaElement;
+  }
+  focus() {
+    this._textareaElement?.focus();
+  }
+  blur() {
+    this._textareaElement?.blur();
+  }
+  select() {
+    this._textareaElement?.select();
+  }
+  setSelectionRange(e, i, s) {
+    this._textareaElement?.setSelectionRange(e, i, s);
+  }
+  checkValidity() {
+    return this._textareaElement?.checkValidity() ?? !0;
+  }
+  reportValidity() {
+    return this._textareaElement?.reportValidity() ?? !0;
+  }
+  setCustomValidity(e) {
+    this._textareaElement?.setCustomValidity(e), this._internalError = e, this.requestUpdate();
+  }
+  adjustHeight() {
+    !this.autoResize || !this._textareaElement || (this._textareaElement.style.height = "auto", this._textareaElement.style.height = `${this._textareaElement.scrollHeight}px`);
+  }
+  updated(e) {
+    super.updated(e), e.has("value") && this.autoResize && this.adjustHeight();
+  }
+  getResizeClass() {
+    return this.autoResize ? "textarea__field--auto-resize" : {
+      none: "textarea__field--resize-none",
+      vertical: "textarea__field--resize-vertical",
+      horizontal: "textarea__field--resize-horizontal",
+      both: "textarea__field--resize-both"
+    }[this.resize];
+  }
+  render() {
+    const e = this.error || this._internalError, i = this.showClear && this.value && !this.disabled && !this.readonly, s = `textarea__field ${this.getResizeClass()}`;
+    return u`
+      <logosphere-formfield
+        .label=${this.label}
+        .helper=${this.helper}
+        .error=${e}
+        .required=${this.required}
+        .disabled=${this.disabled}
+        .readonly=${this.readonly}
+        .placeholder=${this.placeholder}
+        .size=${this.size}
+        .variant=${this.variant}
+      >
+        <textarea
+          class="${s}"
+          .value=${v(this.value)}
+          placeholder=${this.placeholder || l}
+          name=${this.name || l}
+          autocomplete=${this.autocomplete || l}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          minlength=${this.minlength ?? l}
+          maxlength=${this.maxlength ?? l}
+          rows=${this.rows}
+          cols=${this.cols ?? l}
+          wrap=${this.wrap}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+          @keydown=${this.handleKeyDown}
+          @keyup=${this.handleKeyUp}
+        ></textarea>
+        ${i ? u`
+          <button
+            type="button"
+            slot="suffix"
+            class="textarea__clear-btn"
+            @click=${this.handleClear}
+            tabindex="-1"
+          >
+            <ui-icon name="uil-times" size="14"></ui-icon>
+          </button>
+        ` : l}
+      </logosphere-formfield>
+    `;
+  }
+};
+t.styles = [c`${y(b)}`];
+r([
+  m("textarea")
+], t.prototype, "_textareaElement", 2);
+r([
+  a({ type: String })
+], t.prototype, "value", 2);
+r([
+  a({ type: String })
+], t.prototype, "placeholder", 2);
+r([
+  a({ type: String })
+], t.prototype, "name", 2);
+r([
+  a({ type: String })
+], t.prototype, "autocomplete", 2);
+r([
+  a({ type: Number })
+], t.prototype, "minlength", 2);
+r([
+  a({ type: Number })
+], t.prototype, "maxlength", 2);
+r([
+  a({ type: Number })
+], t.prototype, "rows", 2);
+r([
+  a({ type: Number })
+], t.prototype, "cols", 2);
+r([
+  a({ type: String })
+], t.prototype, "wrap", 2);
+r([
+  a({ type: String })
+], t.prototype, "resize", 2);
+r([
+  a({ type: Boolean })
+], t.prototype, "autoResize", 2);
+r([
+  a({ type: String })
+], t.prototype, "size", 2);
+r([
+  a({ type: String })
+], t.prototype, "variant", 2);
+r([
+  a({ type: Boolean })
+], t.prototype, "showClear", 2);
+r([
+  a({ type: String })
+], t.prototype, "label", 2);
+r([
+  a({ type: String })
+], t.prototype, "helper", 2);
+r([
+  a({ type: String })
+], t.prototype, "error", 2);
+r([
+  a({ type: Boolean })
+], t.prototype, "required", 2);
+r([
+  a({ type: Boolean })
+], t.prototype, "disabled", 2);
+r([
+  a({ type: Boolean })
+], t.prototype, "readonly", 2);
+r([
+  _()
+], t.prototype, "_internalError", 2);
+t = r([
+  f("logosphere-textarea")
+], t);
+export {
+  t as T
+};

package/dist/text-area-DFDF5oos.cjs

@@ -0,0 +1,44 @@
+"use strict";const i=require("lit"),t=require("lit/decorators.js"),p=require("./live-BX-yBGvT.cjs"),u=".textarea__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.textarea__field::placeholder{color:var(--color-tertiary)}.textarea__field:disabled{cursor:not-allowed}.textarea__field--resize-none{resize:none}.textarea__field--resize-vertical{resize:vertical}.textarea__field--resize-horizontal{resize:horizontal}.textarea__field--resize-both{resize:both}.textarea__field--auto-resize{resize:none;overflow:hidden}.textarea__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:flex-start;align-self:flex-start;margin-top:var(--spacing-1);outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.textarea__clear-btn:hover{color:var(--color-gray-600)}";var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(l,e,a,o)=>{for(var s=o>1?void 0:o?y(e,a):e,n=l.length-1,h;n>=0;n--)(h=l[n])&&(s=(o?h(e,a,s):h(s))||s);return o&&s&&d(e,a,s),s};exports.TextArea=class extends i.LitElement{constructor(){super(...arguments),this.value="",this.placeholder="",this.name="",this.autocomplete="",this.rows=3,this.wrap="soft",this.resize="vertical",this.autoResize=!1,this.size="default",this.variant="default",this.showClear=!1,this.label="",this.helper="",this.error="",this.required=!1,this.disabled=!1,this.readonly=!1,this._internalError="",this.handleInput=e=>{const a=e.target;this.value=a.value,this.autoResize&&this.adjustHeight(),this._internalError&&(this._internalError="",this._textareaElement.setCustomValidity("")),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:this.value,originalEvent:e}}))},this.handleChange=e=>{const a=e.target;this.value=a.value,a.checkValidity()||(this._internalError=a.validationMessage),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value,originalEvent:e}}))},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("keydown",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleKeyUp=e=>{this.dispatchEvent(new CustomEvent("keyup",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleClear=()=>{this.value="",this._textareaElement&&(this._textareaElement.value="",this.autoResize&&this.adjustHeight()),this.dispatchEvent(new CustomEvent("clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:"",originalEvent:null}}))}}get textareaElement(){return this._textareaElement}focus(){this._textareaElement?.focus()}blur(){this._textareaElement?.blur()}select(){this._textareaElement?.select()}setSelectionRange(e,a,o){this._textareaElement?.setSelectionRange(e,a,o)}checkValidity(){return this._textareaElement?.checkValidity()??!0}reportValidity(){return this._textareaElement?.reportValidity()??!0}setCustomValidity(e){this._textareaElement?.setCustomValidity(e),this._internalError=e,this.requestUpdate()}adjustHeight(){!this.autoResize||!this._textareaElement||(this._textareaElement.style.height="auto",this._textareaElement.style.height=`${this._textareaElement.scrollHeight}px`)}updated(e){super.updated(e),e.has("value")&&this.autoResize&&this.adjustHeight()}getResizeClass(){return this.autoResize?"textarea__field--auto-resize":{none:"textarea__field--resize-none",vertical:"textarea__field--resize-vertical",horizontal:"textarea__field--resize-horizontal",both:"textarea__field--resize-both"}[this.resize]}render(){const e=this.error||this._internalError,a=this.showClear&&this.value&&!this.disabled&&!this.readonly,o=`textarea__field ${this.getResizeClass()}`;return i.html`
+      <logosphere-formfield
+        .label=${this.label}
+        .helper=${this.helper}
+        .error=${e}
+        .required=${this.required}
+        .disabled=${this.disabled}
+        .readonly=${this.readonly}
+        .placeholder=${this.placeholder}
+        .size=${this.size}
+        .variant=${this.variant}
+      >
+        <textarea
+          class="${o}"
+          .value=${p.l(this.value)}
+          placeholder=${this.placeholder||i.nothing}
+          name=${this.name||i.nothing}
+          autocomplete=${this.autocomplete||i.nothing}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          minlength=${this.minlength??i.nothing}
+          maxlength=${this.maxlength??i.nothing}
+          rows=${this.rows}
+          cols=${this.cols??i.nothing}
+          wrap=${this.wrap}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+          @keydown=${this.handleKeyDown}
+          @keyup=${this.handleKeyUp}
+        ></textarea>
+        ${a?i.html`
+          <button
+            type="button"
+            slot="suffix"
+            class="textarea__clear-btn"
+            @click=${this.handleClear}
+            tabindex="-1"
+          >
+            <ui-icon name="uil-times" size="14"></ui-icon>
+          </button>
+        `:i.nothing}
+      </logosphere-formfield>
+    `}};exports.TextArea.styles=[i.css`${i.unsafeCSS(u)}`];r([t.query("textarea")],exports.TextArea.prototype,"_textareaElement",2);r([t.property({type:String})],exports.TextArea.prototype,"value",2);r([t.property({type:String})],exports.TextArea.prototype,"placeholder",2);r([t.property({type:String})],exports.TextArea.prototype,"name",2);r([t.property({type:String})],exports.TextArea.prototype,"autocomplete",2);r([t.property({type:Number})],exports.TextArea.prototype,"minlength",2);r([t.property({type:Number})],exports.TextArea.prototype,"maxlength",2);r([t.property({type:Number})],exports.TextArea.prototype,"rows",2);r([t.property({type:Number})],exports.TextArea.prototype,"cols",2);r([t.property({type:String})],exports.TextArea.prototype,"wrap",2);r([t.property({type:String})],exports.TextArea.prototype,"resize",2);r([t.property({type:Boolean})],exports.TextArea.prototype,"autoResize",2);r([t.property({type:String})],exports.TextArea.prototype,"size",2);r([t.property({type:String})],exports.TextArea.prototype,"variant",2);r([t.property({type:Boolean})],exports.TextArea.prototype,"showClear",2);r([t.property({type:String})],exports.TextArea.prototype,"label",2);r([t.property({type:String})],exports.TextArea.prototype,"helper",2);r([t.property({type:String})],exports.TextArea.prototype,"error",2);r([t.property({type:Boolean})],exports.TextArea.prototype,"required",2);r([t.property({type:Boolean})],exports.TextArea.prototype,"disabled",2);r([t.property({type:Boolean})],exports.TextArea.prototype,"readonly",2);r([t.state()],exports.TextArea.prototype,"_internalError",2);exports.TextArea=r([t.customElement("logosphere-textarea")],exports.TextArea);

package/dist/textarea.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-area-DFDF5oos.cjs");Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>e.TextArea});

package/dist/textarea.js

@@ -0,0 +1,4 @@
+import { T as a } from "./text-area-CtZY3yLA.js";
+export {
+  a as TextArea
+};

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,185 @@
+{
+  "name": "@logosphere-ui/core",
+  "version": "0.0.0-alpha.2",
+  "description": "A modern, framework-agnostic UI component library built with Lit and Web Components",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist/**/*",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./button": {
+      "types": "./dist/atoms/Button/index.d.ts",
+      "import": "./dist/button.js",
+      "require": "./dist/button.cjs"
+    },
+    "./modal": {
+      "types": "./dist/organisms/Modal/index.d.ts",
+      "import": "./dist/modal.js",
+      "require": "./dist/modal.cjs"
+    },
+    "./checkbox": {
+      "types": "./dist/atoms/Checkbox/index.d.ts",
+      "import": "./dist/checkbox.js",
+      "require": "./dist/checkbox.cjs"
+    },
+    "./chatbot": {
+      "types": "./dist/organisms/Chatbot/index.d.ts",
+      "import": "./dist/chatbot.js",
+      "require": "./dist/chatbot.cjs"
+    },
+    "./popover": {
+      "types": "./dist/molecules/Popover/index.d.ts",
+      "import": "./dist/popover.js",
+      "require": "./dist/popover.cjs"
+    },
+    "./switch": {
+      "types": "./dist/atoms/Switch/index.d.ts",
+      "import": "./dist/switch.js",
+      "require": "./dist/switch.cjs"
+    },
+    "./card": {
+      "types": "./dist/molecules/Card/index.d.ts",
+      "import": "./dist/card.js",
+      "require": "./dist/card.cjs"
+    },
+    "./breadcrumb": {
+      "types": "./dist/molecules/Breadcrumb/index.d.ts",
+      "import": "./dist/breadcrumb.js",
+      "require": "./dist/breadcrumb.cjs"
+    },
+    "./formfield": {
+      "types": "./dist/atoms/FormField/index.d.ts",
+      "import": "./dist/formfield.js",
+      "require": "./dist/formfield.cjs"
+    },
+    "./combobox": {
+      "types": "./dist/organisms/Combobox/index.d.ts",
+      "import": "./dist/combobox.js",
+      "require": "./dist/combobox.cjs"
+    },
+    "./textarea": {
+      "types": "./dist/molecules/Textarea/index.d.ts",
+      "import": "./dist/textarea.js",
+      "require": "./dist/textarea.cjs"
+    },
+    "./datepicker": {
+      "types": "./dist/organisms/DatePicker/index.d.ts",
+      "import": "./dist/datepicker.js",
+      "require": "./dist/datepicker.cjs"
+    },
+    "./download-manager": {
+      "types": "./dist/organisms/DownloadManager/index.d.ts",
+      "import": "./dist/download-manager.js",
+      "require": "./dist/download-manager.cjs"
+    },
+    "./tab": {
+      "types": "./dist/organisms/Tab/index.d.ts",
+      "import": "./dist/tab.js",
+      "require": "./dist/tab.cjs"
+    },
+    "./styles/main.css": "./dist/styles/main.css"
+  },
+  "keywords": [
+    "web-components",
+    "ui-library",
+    "lit",
+    "angular",
+    "vanilla-js",
+    "design-system",
+    "components",
+    "css-variables",
+    "enterprise"
+  ],
+  "author": "Logo",
+  "license": "MIT",
+  "readme": "README.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/logo-software/logosphere-ui.git"
+  },
+  "homepage": "https://github.com/logo-software/logosphere-ui#readme",
+  "bugs": {
+    "url": "https://github.com/logo-software/logosphere-ui/issues"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "npm run build:main && npm run build:umd && npm run build:types && npm run build:css",
+    "build:main": "vite build --config vite.build.config.ts",
+    "build:umd": "vite build --config vite.umd.config.ts",
+    "build:types": "tsc --emitDeclarationOnly --noEmit false --outDir dist",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:watch": "vitest --watch",
+    "test:coverage": "vitest run --coverage",
+    "test:unit": "vitest run src/**/*.test.ts",
+    "test:integration": "vitest run tests/integration/**/*.test.ts",
+    "preview": "vite preview",
+    "create-component": "node create-component.cjs",
+    "create-new-component": "node create-new-component.js",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build:css": "node build-css.js",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "format:packages": "prettier --write packages/**/*.{ts,js,html,css,md} --ignore-path .prettierignore",
+    "format:src": "prettier --write src/**/*.{ts,js,html,css,md} --ignore-path .prettierignore",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "lint:packages": "eslint packages/**/*.{ts,js}",
+    "lint:src": "eslint src/**/*.{ts,js}",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@iconscout/unicons": "^4.2.0",
+    "@popperjs/core": "^2.11.8",
+    "dayjs": "^1.11.18",
+    "lit": "^3.3.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.4",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@babel/preset-env": "^7.28.3",
+    "@chromatic-com/storybook": "^4.1.3",
+    "@open-wc/testing": "^4.0.0",
+    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@storybook/addon-a11y": "^10.1.4",
+    "@storybook/addon-docs": "^10.1.4",
+    "@storybook/addon-vitest": "^10.1.4",
+    "@storybook/builder-vite": "^10.1.4",
+    "@storybook/web-components-vite": "^10.1.4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@types/jest": "^30.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.41.0",
+    "@typescript-eslint/parser": "^8.41.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@web/test-runner": "^0.20.2",
+    "@web/test-runner-playwright": "^0.11.1",
+    "baseline-browser-mapping": "^2.9.12",
+    "eslint": "^9.34.0",
+    "eslint-plugin-storybook": "10.1.4",
+    "globals": "^16.4.0",
+    "jsdom": "^27.0.1",
+    "playwright": "^1.54.1",
+    "prettier": "^3.6.2",
+    "rollup-plugin-copy": "^3.5.0",
+    "storybook": "^10.1.4",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.8.3",
+    "vite": "^7.0.3",
+    "vite-plugin-string": "^1.2.3",
+    "vitest": "^3.2.4"
+  }
+}