sprinkles-js 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright 2025 Tree company <development@treecompany.be>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,63 @@
+# Sprinkles
+
+Sprinkles is a small library to add small amounts of javascript to your html.
+
+We try to simplify working with custom elements by:
+* Reducing the amount of boilerplate you have to write to add and remove event listeners
+* Providing a convention for referencing nodes within your element
+
+This approach takes inspiration from AlpineJS and Stimulus, but is fully build around custom elements.
+
+## Using the library
+### Build your own elements
+
+You can easily build your own custom element on top of `SprinklesElement`. A simple hello world:
+```js
+import { SprinklesElement } from "sprinkles-js";
+
+class HelloWorldElement extends SprinklesElement {
+  static tagName = "hello-world";
+  static events = {
+    click: "greet"
+  }
+
+  greet(event) {
+    console.log("Got click event: ", event);
+    alert("Hello world!")
+  }
+}
+
+HelloWorldElement.register();
+
+```
+```html
+<hello-world></hello-world>
+```
+
+### Included components
+
+In addition to the abstract sprinkles element, we also include some basic elements that you can use.
+
+#### ClickableCard
+A card that can be clicked anywhere to follow the link inside it:
+```js
+import { ClickableCard } from "sprinkles-js";
+
+ClickableCard.register();
+```
+
+```html
+<clickable-card>
+  <p>Some text</p>
+  </p>
+
+  <a href="https://example.com" data-clickable-card-ref="link">A link</a>
+
+  <button>A button that doesn't trigger</button>
+</clickable-card>
+```
+
+
+This library was extracted from various projects at Tree company.
+
+![Tree company](./logo_tree.png)

package/dist/index.js

@@ -0,0 +1,98 @@
+var k = Object.defineProperty;
+var f = (r) => {
+  throw TypeError(r);
+};
+var v = (r, t, e) => t in r ? k(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var s = (r, t, e) => v(r, typeof t != "symbol" ? t + "" : t, e), E = (r, t, e) => t.has(r) || f("Cannot " + e);
+var d = (r, t, e) => t.has(r) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e);
+var i = (r, t, e) => (E(r, t, "access private method"), e);
+var o, m, u, b, h;
+class n extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    d(this, o);
+    /**
+     * The found refs, based on the class field `refs`
+     *
+     * @type { [name: string]: Element | null}
+     */
+    s(this, "refs", {});
+  }
+  static register(e = this.tagName, c) {
+    "customElements" in window && (c || customElements).define(e, this);
+  }
+  connectedCallback() {
+    i(this, o, m).call(this), i(this, o, u).call(this), this.afterConnected();
+  }
+  disconnectedCallback() {
+    this.beforeDisconnect(), i(this, o, b).call(this);
+  }
+  // Callbacks
+  afterConnected() {
+  }
+  beforeDisconnect() {
+  }
+}
+o = new WeakSet(), // Setup
+m = function() {
+  this.refs = {}, this.constructor.refs.forEach((e) => {
+    this.refs[e] = this.querySelector(
+      `[data-${this.constructor.tagName}-ref=${e}]`
+    );
+  });
+}, u = function() {
+  Object.entries(this.constructor.events).forEach(([e, c]) => {
+    i(this, o, h).call(this, c).forEach((a) => {
+      a.element && (a.element.addEventListener(
+        e,
+        a.callback,
+        a.options
+      ), a.immediate && a.callback.call());
+    });
+  });
+}, b = function() {
+  Object.entries(this.constructor.events).forEach(([e, c]) => {
+    i(this, o, h).call(this, c).forEach((a) => {
+      a.element && a.element.removeEventListener(
+        e,
+        a.callback,
+        a.options
+      );
+    });
+  });
+}, h = function(e) {
+  return e = Array.isArray(e) ? e : [e], e.map((c) => (c = typeof c == "string" ? { method: c } : { ...c }, c.element || (c.element = c.ref ? this.refs[c.ref] : this), c.immediate || (c.immediate = !1), c.callback = this[c.method].bind(this), c));
+}, /**
+ * The default tagName that will be used to register this elements
+ */
+s(n, "tagName", "sprinkles-element"), /**
+ * An array of elements that will be referenced in the elements
+ *
+ * These refs are expected to match DOM-nodes following the pattern
+ * `[data-TAG-NAME-ref="refName"]`
+ *
+ * @type {string[]}
+ */
+s(n, "refs", []), /**
+ * An object with events that should be observed.
+ *
+ * For each event a listener will be added when the elements connects (and removed when it disconnects)
+ *
+ * @type {{ [eventName: string]: string | { method: string; ref?: string, options?: boolean | AddEventListenerOptions; immediate?: boolean } | string[] | { method: string; ref?: string, options?: boolean | AddEventListenerOptions; immediate?: boolean }[] }}
+ */
+s(n, "events", {});
+class l extends n {
+  handleClick(t) {
+    if (t.target.closest(`${this.constructor.tagName} :is(a,button)`))
+      return;
+    !window.getSelection().toString() && this.refs.link.click();
+  }
+}
+s(l, "tagName", "clickable-card"), s(l, "refs", ["link"]), s(l, "events", {
+  click: "handleClick"
+});
+export {
+  l as ClickableCardElement,
+  n as SprinklesElement
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/elements/sprinkles_element.js","../src/elements/clickable_card_element.js"],"sourcesContent":["/**\n * SprinklesElement is an abstract class to help us build custom elements\n *\n * By defining refs and events the element will automatically run some setup when connected.\n */\nexport default class SprinklesElement extends HTMLElement {\n  /**\n   * The default tagName that will be used to register this elements\n   */\n  static tagName = \"sprinkles-element\";\n\n  /**\n   * An array of elements that will be referenced in the elements\n   *\n   * These refs are expected to match DOM-nodes following the pattern\n   * `[data-TAG-NAME-ref=\"refName\"]`\n   *\n   * @type {string[]}\n   */\n  static refs = [];\n\n  /**\n   * An object with events that should be observed.\n   *\n   * For each event a listener will be added when the elements connects (and removed when it disconnects)\n   *\n   * @type {{ [eventName: string]: string | { method: string; ref?: string, options?: boolean | AddEventListenerOptions; immediate?: boolean } | string[] | { method: string; ref?: string, options?: boolean | AddEventListenerOptions; immediate?: boolean }[] }}\n   */\n  static events = {};\n\n  static register(tagName = this.tagName, registry) {\n    if (\"customElements\" in window) {\n      (registry || customElements).define(tagName, this);\n    }\n  }\n\n  /**\n   * The found refs, based on the class field `refs`\n   *\n   * @type { [name: string]: Element | null}\n   */\n  refs = {};\n\n  connectedCallback() {\n    this.#detectRefs();\n    this.#bindEvents();\n    this.afterConnected();\n  }\n\n  disconnectedCallback() {\n    this.beforeDisconnect();\n    this.#unbindEvents();\n  }\n\n  // Callbacks\n  afterConnected() {}\n\n  beforeDisconnect() {}\n\n  // Setup\n  #detectRefs() {\n    this.refs = {};\n    this.constructor.refs.forEach((refName) => {\n      this.refs[refName] = this.querySelector(\n        `[data-${this.constructor.tagName}-ref=${refName}]`,\n      );\n    });\n  }\n\n  #bindEvents() {\n    Object.entries(this.constructor.events).forEach(([eventName, settings]) => {\n      this.#normalizeEventSettings(settings).forEach((setting) => {\n        // If we don't have an element, we simply return (this can happen when a ref could not be found)\n        if (!setting.element) return;\n\n        setting.element.addEventListener(\n          eventName,\n          setting.callback,\n          setting.options,\n        );\n        if (setting.immediate) setting.callback.call();\n      });\n    });\n  }\n\n  #unbindEvents() {\n    Object.entries(this.constructor.events).forEach(([eventName, settings]) => {\n      this.#normalizeEventSettings(settings).forEach((setting) => {\n        if (!setting.element) return;\n\n        setting.element.removeEventListener(\n          eventName,\n          setting.callback,\n          setting.options,\n        );\n      });\n    });\n  }\n\n  #normalizeEventSettings(settings) {\n    // Settings can be passed as an object or an array of objects, we always normalize this to an array\n    settings = Array.isArray(settings) ? settings : [settings];\n    return settings.map((setting) => {\n      // We always clone settings, so we don't modify the value that is stored as a class field\n      // Otherwise setting `element` will mess with other instances of the same element\n      setting =\n        typeof setting === \"string\" ? { method: setting } : { ...setting };\n      setting.element ||= setting[\"ref\"] ? this.refs[setting[\"ref\"]] : this;\n      setting.immediate ||= false;\n      setting.callback = this[setting.method].bind(this);\n      return setting;\n    });\n  }\n}\n","import SprinklesElement from \"./sprinkles_element\";\n\n/**\n * A card that can be clicked anywhere to follow a link inside it\n *\n * This ensures that a screen reader does not to read the whole card to announce the link, while a user can still click anywhere in the card.\n * You can include other links and buttons in the card, these will not trigger a navigation.\n *\n * This is based on the recipe and discussion from Web Accessibility Cookbook by Manuel Matuzović (O’Reilly). Copyright 2024 Manuel Matuzović, 978-1-098-14560-6.\n * and this article from Vikas Parashar: https://css-tricks.com/block-links-the-search-for-a-perfect-solution/#aa-method-4-sprinkle-javascript-on-the-second-method\n */\nexport default class ClickableCardElement extends SprinklesElement {\n  static tagName = \"clickable-card\";\n  static refs = [\"link\"];\n  static events = {\n    click: \"handleClick\",\n  };\n\n  handleClick(event) {\n    // Don't handle clicks on buttons or anchors\n    if (event.target.closest(`${this.constructor.tagName} :is(a,button)`)) {\n      return;\n    }\n\n    // Check if text is selected and don't click if so\n    const noTextSelected = !window.getSelection().toString();\n    if (noTextSelected) this.refs.link.click();\n  }\n}\n"],"names":["_SprinklesElement_instances","detectRefs_fn","bindEvents_fn","unbindEvents_fn","normalizeEventSettings_fn","SprinklesElement","__privateAdd","__publicField","tagName","registry","__privateMethod","refName","eventName","settings","setting","ClickableCardElement","event"],"mappings":"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"}

package/dist/index.umd.cjs

@@ -0,0 +1,2 @@
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t["sprinkles-js"]={}))})(this,function(t){"use strict";var p=Object.defineProperty;var d=t=>{throw TypeError(t)};var v=(t,e,r)=>e in t?p(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var a=(t,e,r)=>v(t,typeof e!="symbol"?e+"":e,r),E=(t,e,r)=>e.has(t)||d("Cannot "+r);var h=(t,e,r)=>e.has(t)?d("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r);var n=(t,e,r)=>(E(t,e,"access private method"),r);var i,m,u,b,l;class e extends HTMLElement{constructor(){super(...arguments);h(this,i);a(this,"refs",{})}static register(o=this.tagName,c){"customElements"in window&&(c||customElements).define(o,this)}connectedCallback(){n(this,i,m).call(this),n(this,i,u).call(this),this.afterConnected()}disconnectedCallback(){this.beforeDisconnect(),n(this,i,b).call(this)}afterConnected(){}beforeDisconnect(){}}i=new WeakSet,m=function(){this.refs={},this.constructor.refs.forEach(o=>{this.refs[o]=this.querySelector(`[data-${this.constructor.tagName}-ref=${o}]`)})},u=function(){Object.entries(this.constructor.events).forEach(([o,c])=>{n(this,i,l).call(this,c).forEach(s=>{s.element&&(s.element.addEventListener(o,s.callback,s.options),s.immediate&&s.callback.call())})})},b=function(){Object.entries(this.constructor.events).forEach(([o,c])=>{n(this,i,l).call(this,c).forEach(s=>{s.element&&s.element.removeEventListener(o,s.callback,s.options)})})},l=function(o){return o=Array.isArray(o)?o:[o],o.map(c=>(c=typeof c=="string"?{method:c}:{...c},c.element||(c.element=c.ref?this.refs[c.ref]:this),c.immediate||(c.immediate=!1),c.callback=this[c.method].bind(this),c))},a(e,"tagName","sprinkles-element"),a(e,"refs",[]),a(e,"events",{});class r extends e{handleClick(f){if(f.target.closest(`${this.constructor.tagName} :is(a,button)`))return;!window.getSelection().toString()&&this.refs.link.click()}}a(r,"tagName","clickable-card"),a(r,"refs",["link"]),a(r,"events",{click:"handleClick"}),t.ClickableCardElement=r,t.SprinklesElement=e,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.cjs","sources":["../src/elements/sprinkles_element.js","../src/elements/clickable_card_element.js"],"sourcesContent":["/**\n * SprinklesElement is an abstract class to help us build custom elements\n *\n * By defining refs and events the element will automatically run some setup when connected.\n */\nexport default class SprinklesElement extends HTMLElement {\n  /**\n   * The default tagName that will be used to register this elements\n   */\n  static tagName = \"sprinkles-element\";\n\n  /**\n   * An array of elements that will be referenced in the elements\n   *\n   * These refs are expected to match DOM-nodes following the pattern\n   * `[data-TAG-NAME-ref=\"refName\"]`\n   *\n   * @type {string[]}\n   */\n  static refs = [];\n\n  /**\n   * An object with events that should be observed.\n   *\n   * For each event a listener will be added when the elements connects (and removed when it disconnects)\n   *\n   * @type {{ [eventName: string]: string | { method: string; ref?: string, options?: boolean | AddEventListenerOptions; immediate?: boolean } | string[] | { method: string; ref?: string, options?: boolean | AddEventListenerOptions; immediate?: boolean }[] }}\n   */\n  static events = {};\n\n  static register(tagName = this.tagName, registry) {\n    if (\"customElements\" in window) {\n      (registry || customElements).define(tagName, this);\n    }\n  }\n\n  /**\n   * The found refs, based on the class field `refs`\n   *\n   * @type { [name: string]: Element | null}\n   */\n  refs = {};\n\n  connectedCallback() {\n    this.#detectRefs();\n    this.#bindEvents();\n    this.afterConnected();\n  }\n\n  disconnectedCallback() {\n    this.beforeDisconnect();\n    this.#unbindEvents();\n  }\n\n  // Callbacks\n  afterConnected() {}\n\n  beforeDisconnect() {}\n\n  // Setup\n  #detectRefs() {\n    this.refs = {};\n    this.constructor.refs.forEach((refName) => {\n      this.refs[refName] = this.querySelector(\n        `[data-${this.constructor.tagName}-ref=${refName}]`,\n      );\n    });\n  }\n\n  #bindEvents() {\n    Object.entries(this.constructor.events).forEach(([eventName, settings]) => {\n      this.#normalizeEventSettings(settings).forEach((setting) => {\n        // If we don't have an element, we simply return (this can happen when a ref could not be found)\n        if (!setting.element) return;\n\n        setting.element.addEventListener(\n          eventName,\n          setting.callback,\n          setting.options,\n        );\n        if (setting.immediate) setting.callback.call();\n      });\n    });\n  }\n\n  #unbindEvents() {\n    Object.entries(this.constructor.events).forEach(([eventName, settings]) => {\n      this.#normalizeEventSettings(settings).forEach((setting) => {\n        if (!setting.element) return;\n\n        setting.element.removeEventListener(\n          eventName,\n          setting.callback,\n          setting.options,\n        );\n      });\n    });\n  }\n\n  #normalizeEventSettings(settings) {\n    // Settings can be passed as an object or an array of objects, we always normalize this to an array\n    settings = Array.isArray(settings) ? settings : [settings];\n    return settings.map((setting) => {\n      // We always clone settings, so we don't modify the value that is stored as a class field\n      // Otherwise setting `element` will mess with other instances of the same element\n      setting =\n        typeof setting === \"string\" ? { method: setting } : { ...setting };\n      setting.element ||= setting[\"ref\"] ? this.refs[setting[\"ref\"]] : this;\n      setting.immediate ||= false;\n      setting.callback = this[setting.method].bind(this);\n      return setting;\n    });\n  }\n}\n","import SprinklesElement from \"./sprinkles_element\";\n\n/**\n * A card that can be clicked anywhere to follow a link inside it\n *\n * This ensures that a screen reader does not to read the whole card to announce the link, while a user can still click anywhere in the card.\n * You can include other links and buttons in the card, these will not trigger a navigation.\n *\n * This is based on the recipe and discussion from Web Accessibility Cookbook by Manuel Matuzović (O’Reilly). Copyright 2024 Manuel Matuzović, 978-1-098-14560-6.\n * and this article from Vikas Parashar: https://css-tricks.com/block-links-the-search-for-a-perfect-solution/#aa-method-4-sprinkle-javascript-on-the-second-method\n */\nexport default class ClickableCardElement extends SprinklesElement {\n  static tagName = \"clickable-card\";\n  static refs = [\"link\"];\n  static events = {\n    click: \"handleClick\",\n  };\n\n  handleClick(event) {\n    // Don't handle clicks on buttons or anchors\n    if (event.target.closest(`${this.constructor.tagName} :is(a,button)`)) {\n      return;\n    }\n\n    // Check if text is selected and don't click if so\n    const noTextSelected = !window.getSelection().toString();\n    if (noTextSelected) this.refs.link.click();\n  }\n}\n"],"names":["SprinklesElement","__privateAdd","_SprinklesElement_instances","__publicField","tagName","registry","__privateMethod","detectRefs_fn","bindEvents_fn","unbindEvents_fn","refName","eventName","settings","normalizeEventSettings_fn","setting","ClickableCardElement","event"],"mappings":"qoBAKe,MAAMA,UAAyB,WAAY,CAA3C,kCAAAC,EAAA,KAAAC,GAoCbC,EAAA,YAAO,CAAE,GAXT,OAAO,SAASC,EAAU,KAAK,QAASC,EAAU,CAC5C,mBAAoB,SACrBA,GAAY,gBAAgB,OAAOD,EAAS,IAAI,CAEvD,CASE,mBAAoB,CAClBE,EAAA,KAAKJ,EAAAK,GAAL,WACAD,EAAA,KAAKJ,EAAAM,GAAL,WACA,KAAK,eAAgB,CACzB,CAEE,sBAAuB,CACrB,KAAK,iBAAkB,EACvBF,EAAA,KAAKJ,EAAAO,GAAL,UACJ,CAGE,gBAAiB,CAAA,CAEjB,kBAAmB,CAAA,CAwDrB,CA5GeP,EAAA,YAuDbK,EAAW,UAAG,CACZ,KAAK,KAAO,CAAE,EACd,KAAK,YAAY,KAAK,QAASG,GAAY,CACzC,KAAK,KAAKA,CAAO,EAAI,KAAK,cACxB,SAAS,KAAK,YAAY,OAAO,QAAQA,CAAO,GACjD,CACP,CAAK,CACL,EAEEF,EAAW,UAAG,CACZ,OAAO,QAAQ,KAAK,YAAY,MAAM,EAAE,QAAQ,CAAC,CAACG,EAAWC,CAAQ,IAAM,CACzEN,EAAA,KAAKJ,EAAAW,GAAL,UAA6BD,GAAU,QAASE,GAAY,CAErDA,EAAQ,UAEbA,EAAQ,QAAQ,iBACdH,EACAG,EAAQ,SACRA,EAAQ,OACT,EACGA,EAAQ,WAAWA,EAAQ,SAAS,KAAM,EACtD,CAAO,CACP,CAAK,CACL,EAEEL,EAAa,UAAG,CACd,OAAO,QAAQ,KAAK,YAAY,MAAM,EAAE,QAAQ,CAAC,CAACE,EAAWC,CAAQ,IAAM,CACzEN,EAAA,KAAKJ,EAAAW,GAAL,UAA6BD,GAAU,QAASE,GAAY,CACrDA,EAAQ,SAEbA,EAAQ,QAAQ,oBACdH,EACAG,EAAQ,SACRA,EAAQ,OACT,CACT,CAAO,CACP,CAAK,CACL,EAEED,EAAuB,SAACD,EAAU,CAEhC,OAAAA,EAAW,MAAM,QAAQA,CAAQ,EAAIA,EAAW,CAACA,CAAQ,EAClDA,EAAS,IAAKE,IAGnBA,EACE,OAAOA,GAAY,SAAW,CAAE,OAAQA,CAAS,EAAG,CAAE,GAAGA,CAAS,EACpEA,EAAQ,UAARA,EAAQ,QAAYA,EAAQ,IAAS,KAAK,KAAKA,EAAQ,GAAM,EAAI,MACjEA,EAAQ,YAARA,EAAQ,UAAc,IACtBA,EAAQ,SAAW,KAAKA,EAAQ,MAAM,EAAE,KAAK,IAAI,EAC1CA,EACR,CACL,EAvGEX,EAJmBH,EAIZ,UAAU,qBAUjBG,EAdmBH,EAcZ,OAAO,CAAE,GAShBG,EAvBmBH,EAuBZ,SAAS,CAAE,GCjBL,MAAMe,UAA6Bf,CAAiB,CAOjE,YAAYgB,EAAO,CAEjB,GAAIA,EAAM,OAAO,QAAQ,GAAG,KAAK,YAAY,OAAO,gBAAgB,EAClE,OAIqB,CAAC,OAAO,aAAY,EAAG,SAAU,GACpC,KAAK,KAAK,KAAK,MAAO,CAC9C,CACA,CAhBEb,EADmBY,EACZ,UAAU,kBACjBZ,EAFmBY,EAEZ,OAAO,CAAC,MAAM,GACrBZ,EAHmBY,EAGZ,SAAS,CACd,MAAO,aACR"}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "sprinkles-js",
+  "version": "0.1.0",
+  "main": "index.js",
+  "repository": "https://github.com/tree-company/sprinkles-js",
+  "author": "Tree company <development@treecompany.be>",
+  "contributors": [
+    "Robbe Van Petegem <git@robbevp.be>",
+    "whilderson <wouter.hilderson@gmail.com>"
+  ],
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest"
+  },
+  "files": [
+    "dist/**/*"
+  ],
+  "exports": {
+    "import": "./dist/index.js",
+    "require": "./dist/index.umd.js",
+    "default": "./dist/index.js"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@tree-company/eslint-config": "^0.4.3",
+    "@tree-company/stylelint-config": "^0.4.3",
+    "eslint": "^9.22.0",
+    "playwright": "^1.51.1",
+    "prettier": "^3.5.3",
+    "stylelint": "^16.16.0",
+    "vite": "^6.2.3"
+  }
+}