@jsekulowicz/ds-components 0.1.0

package/dist/templates/page-shell/page-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-shell.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.ts"],"names":[],"mappings":"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"}

package/dist/templates/page-shell/page-shell.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const pageShellStyles: import("lit").CSSResult;
+//# sourceMappingURL=page-shell.styles.d.ts.map

package/dist/templates/page-shell/page-shell.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-shell.styles.d.ts","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA+I3B,CAAC"}

package/dist/templates/page-shell/page-shell.styles.js

@@ -0,0 +1,146 @@
+import { css } from 'lit';
+export const pageShellStyles = css `
+  :host {
+    display: grid;
+    position: relative;
+    grid-template-areas:
+      'header header'
+      'aside main'
+      'footer footer';
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto 1fr auto;
+    min-height: 100vh;
+    overflow-x: clip;
+    background: var(--ds-color-bg);
+    color: var(--ds-color-fg);
+    font-family: var(--ds-font-body);
+  }
+  header {
+    grid-area: header;
+    border-bottom: 1px solid var(--ds-color-border);
+    margin-bottom: var(--ds-space-1, 0.25rem);
+    padding: var(--ds-space-5) var(--ds-space-4);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--ds-space-4);
+    position: sticky;
+    top: 0;
+    background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent);
+    backdrop-filter: blur(12px);
+    z-index: var(--ds-z-index-sticky);
+  }
+  aside {
+    grid-area: aside;
+    display: flex;
+    overflow-x: clip;
+    overflow-y: auto;
+    min-height: 0;
+    scrollbar-color: var(--ds-color-fg-subtle) transparent;
+    scrollbar-width: thin;
+    scrollbar-gutter: stable;
+  }
+  main {
+    grid-area: main;
+    padding: var(--ds-space-5);
+    max-width: min(72rem, 100%);
+    overflow-y: auto;
+    min-height: 0;
+    scrollbar-color: var(--ds-color-fg-subtle) transparent;
+    scrollbar-width: thin;
+  }
+  footer {
+    grid-area: footer;
+  }
+  .brand {
+    font-family: var(--ds-font-display);
+    font-size: var(--ds-font-size-lg);
+    letter-spacing: var(--ds-letter-spacing-display);
+  }
+  .menu-toggle {
+    display: inline-flex;
+  }
+  .mobile-backdrop {
+    display: none;
+  }
+  .drawer-header {
+    display: none;
+  }
+  .drawer-close {
+    display: none;
+  }
+  .menu-toggle::part(button),
+  .drawer-close::part(button) {
+    min-width: var(--ds-size-sm);
+    width: var(--ds-size-sm);
+    padding: 0;
+  }
+  :host([mobile-layout]) {
+    grid-template-areas:
+      'header'
+      'main'
+      'footer';
+    grid-template-columns: 1fr;
+    grid-template-rows: auto 1fr auto;
+  }
+  :host(:not([mobile-layout])) .menu-toggle {
+    display: none;
+  }
+  :host([mobile-layout]) .brand {
+    flex: 1;
+  }
+  :host([mobile-layout]) main {
+    padding: var(--ds-space-5);
+  }
+  :host([mobile-layout]) header {
+    padding: var(--ds-space-3) var(--ds-space-5);
+  }
+  :host([mobile-layout]) aside {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 16rem;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: var(--ds-color-bg);
+    border-right: 0;
+    z-index: var(--ds-z-index-modal);
+    transform: translateX(-100%);
+    transition: transform var(--ds-duration-slow) var(--ds-easing-standard);
+    scrollbar-gutter: auto;
+    overflow: hidden;
+    box-sizing: border-box;
+  }
+  :host([mobile-layout][data-mobile-nav-open]) aside {
+    transform: translateX(0);
+  }
+  :host([mobile-layout]) .drawer-header {
+    display: flex;
+    align-items: center;
+    padding: var(--ds-space-2) var(--ds-space-2) 0;
+  }
+  :host([mobile-layout]) .drawer-close {
+    display: inline-flex;
+    margin: 0;
+  }
+  :host([mobile-layout]) aside ::slotted(ds-sidenav) {
+    width: 100% !important;
+    max-width: 100% !important;
+    flex: 1 1 auto;
+    min-width: 0;
+    min-height: 0;
+    height: auto !important;
+  }
+  :host([mobile-layout][data-mobile-nav-open]) .mobile-backdrop {
+    display: block;
+    position: absolute;
+    inset: 0;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    background: color-mix(in oklab, var(--ds-color-fg) 26%, transparent);
+    z-index: var(--ds-z-index-overlay);
+  }
+`;
+//# sourceMappingURL=page-shell.styles.js.map

package/dist/templates/page-shell/page-shell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-shell.styles.js","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IjC,CAAC"}

package/dist/test-utils/mount.d.ts

@@ -0,0 +1,4 @@
+export declare function resetTestDom(): void;
+export declare function mount<T extends Element>(template: string, selector?: string): Promise<T>;
+export declare function mountWithProps<T extends Element>(template: string, props?: Partial<T>, selector?: string): Promise<T>;
+//# sourceMappingURL=mount.d.ts.map

package/dist/test-utils/mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/test-utils/mount.ts"],"names":[],"mappings":"AAYA,wBAAgB,YAAY,IAAI,IAAI,CAEnC;AAED,wBAAsB,KAAK,CAAC,CAAC,SAAS,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAQ9F;AAED,wBAAsB,cAAc,CAAC,CAAC,SAAS,OAAO,EACpD,QAAQ,EAAE,MAAM,EAChB,KAAK,GAAE,OAAO,CAAC,CAAC,CAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,CAAC,CAAC,CAKZ"}

package/dist/test-utils/mount.js

@@ -0,0 +1,27 @@
+function hasUpdateComplete(element) {
+    return 'updateComplete' in element;
+}
+async function awaitUpdate(element) {
+    if (hasUpdateComplete(element) && element.updateComplete) {
+        await element.updateComplete;
+    }
+}
+export function resetTestDom() {
+    document.body.innerHTML = '';
+}
+export async function mount(template, selector) {
+    document.body.innerHTML = template.trim();
+    const element = selector ? document.body.querySelector(selector) : document.body.firstElementChild;
+    if (!(element instanceof Element)) {
+        throw new Error(`No element found while mounting template${selector ? ` for selector "${selector}"` : ''}.`);
+    }
+    await awaitUpdate(element);
+    return element;
+}
+export async function mountWithProps(template, props = {}, selector) {
+    const element = await mount(template, selector);
+    Object.assign(element, props);
+    await awaitUpdate(element);
+    return element;
+}
+//# sourceMappingURL=mount.js.map

package/dist/test-utils/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../../src/test-utils/mount.ts"],"names":[],"mappings":"AAEA,SAAS,iBAAiB,CAAC,OAAgB;IACzC,OAAO,gBAAgB,IAAI,OAAO,CAAC;AACrC,CAAC;AAED,KAAK,UAAU,WAAW,CAAC,OAAgB;IACzC,IAAI,iBAAiB,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,cAAc,EAAE,CAAC;QACzD,MAAM,OAAO,CAAC,cAAc,CAAC;IAC/B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;AAC/B,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,KAAK,CAAoB,QAAgB,EAAE,QAAiB;IAChF,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC;IACnG,IAAI,CAAC,CAAC,OAAO,YAAY,OAAO,CAAC,EAAE,CAAC;QAClC,MAAM,IAAI,KAAK,CAAC,2CAA2C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC/G,CAAC;IACD,MAAM,WAAW,CAAC,OAAO,CAAC,CAAC;IAC3B,OAAO,OAAY,CAAC;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,QAAgB,EAChB,QAAoB,EAAE,EACtB,QAAiB;IAEjB,MAAM,OAAO,GAAG,MAAM,KAAK,CAAI,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC9B,MAAM,WAAW,CAAC,OAAO,CAAC,CAAC;IAC3B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/package.json

@@ -0,0 +1,374 @@
+{
+  "name": "@jsekulowicz/ds-components",
+  "version": "0.1.0",
+  "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jsekulowicz/design-system-library.git",
+    "directory": "packages/components"
+  },
+  "homepage": "https://jsekulowicz.github.io/design-system-library",
+  "bugs": {
+    "url": "https://github.com/jsekulowicz/design-system-library/issues"
+  },
+  "type": "module",
+  "sideEffects": [
+    "./dist/**/define.js",
+    "./src/**/define.ts",
+    "./dist/**/icons/*.js",
+    "./src/**/icons/*.ts"
+  ],
+  "files": [
+    "dist",
+    "custom-elements.json"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "customElements": "custom-elements.json",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./define": {
+      "types": "./dist/define.d.ts",
+      "import": "./dist/define.js"
+    },
+    "./button": {
+      "types": "./dist/atoms/button/index.d.ts",
+      "import": "./dist/atoms/button/index.js"
+    },
+    "./button/define": {
+      "import": "./dist/atoms/button/define.js"
+    },
+    "./tooltip": {
+      "types": "./dist/atoms/tooltip/index.d.ts",
+      "import": "./dist/atoms/tooltip/index.js"
+    },
+    "./tooltip/define": {
+      "import": "./dist/atoms/tooltip/define.js"
+    },
+    "./icon": {
+      "types": "./dist/atoms/icon/index.d.ts",
+      "import": "./dist/atoms/icon/index.js"
+    },
+    "./icon/define": {
+      "import": "./dist/atoms/icon/define.js"
+    },
+    "./icon/check": {
+      "types": "./dist/atoms/icon/icons/check.d.ts",
+      "import": "./dist/atoms/icon/icons/check.js"
+    },
+    "./icon/minus": {
+      "types": "./dist/atoms/icon/icons/minus.d.ts",
+      "import": "./dist/atoms/icon/icons/minus.js"
+    },
+    "./icon/magnifying-glass": {
+      "types": "./dist/atoms/icon/icons/magnifying-glass.d.ts",
+      "import": "./dist/atoms/icon/icons/magnifying-glass.js"
+    },
+    "./icon/home": {
+      "types": "./dist/atoms/icon/icons/home.d.ts",
+      "import": "./dist/atoms/icon/icons/home.js"
+    },
+    "./icon/clock": {
+      "types": "./dist/atoms/icon/icons/clock.d.ts",
+      "import": "./dist/atoms/icon/icons/clock.js"
+    },
+    "./icon/cog-6-tooth": {
+      "types": "./dist/atoms/icon/icons/cog-6-tooth.d.ts",
+      "import": "./dist/atoms/icon/icons/cog-6-tooth.js"
+    },
+    "./icon/swatch": {
+      "types": "./dist/atoms/icon/icons/swatch.d.ts",
+      "import": "./dist/atoms/icon/icons/swatch.js"
+    },
+    "./icon/chevron-right": {
+      "types": "./dist/atoms/icon/icons/chevron-right.d.ts",
+      "import": "./dist/atoms/icon/icons/chevron-right.js"
+    },
+    "./icon/chevron-down": {
+      "types": "./dist/atoms/icon/icons/chevron-down.d.ts",
+      "import": "./dist/atoms/icon/icons/chevron-down.js"
+    },
+    "./icon/bars-3": {
+      "types": "./dist/atoms/icon/icons/bars-3.d.ts",
+      "import": "./dist/atoms/icon/icons/bars-3.js"
+    },
+    "./icon/x-mark": {
+      "types": "./dist/atoms/icon/icons/x-mark.d.ts",
+      "import": "./dist/atoms/icon/icons/x-mark.js"
+    },
+    "./icon/briefcase": {
+      "types": "./dist/atoms/icon/icons/briefcase.d.ts",
+      "import": "./dist/atoms/icon/icons/briefcase.js"
+    },
+    "./icon/user": {
+      "types": "./dist/atoms/icon/icons/user.d.ts",
+      "import": "./dist/atoms/icon/icons/user.js"
+    },
+    "./icon/users": {
+      "types": "./dist/atoms/icon/icons/users.d.ts",
+      "import": "./dist/atoms/icon/icons/users.js"
+    },
+    "./icon/key": {
+      "types": "./dist/atoms/icon/icons/key.d.ts",
+      "import": "./dist/atoms/icon/icons/key.js"
+    },
+    "./icon/bell": {
+      "types": "./dist/atoms/icon/icons/bell.d.ts",
+      "import": "./dist/atoms/icon/icons/bell.js"
+    },
+    "./icon/book-open": {
+      "types": "./dist/atoms/icon/icons/book-open.d.ts",
+      "import": "./dist/atoms/icon/icons/book-open.js"
+    },
+    "./icon/puzzle-piece": {
+      "types": "./dist/atoms/icon/icons/puzzle-piece.d.ts",
+      "import": "./dist/atoms/icon/icons/puzzle-piece.js"
+    },
+    "./text-field": {
+      "types": "./dist/atoms/text-field/index.d.ts",
+      "import": "./dist/atoms/text-field/index.js"
+    },
+    "./text-field/define": {
+      "import": "./dist/atoms/text-field/define.js"
+    },
+    "./checkbox": {
+      "types": "./dist/atoms/checkbox/index.d.ts",
+      "import": "./dist/atoms/checkbox/index.js"
+    },
+    "./checkbox/define": {
+      "import": "./dist/atoms/checkbox/define.js"
+    },
+    "./checkbox-group": {
+      "types": "./dist/atoms/checkbox-group/index.d.ts",
+      "import": "./dist/atoms/checkbox-group/index.js"
+    },
+    "./checkbox-group/define": {
+      "import": "./dist/atoms/checkbox-group/define.js"
+    },
+    "./radio": {
+      "types": "./dist/atoms/radio/index.d.ts",
+      "import": "./dist/atoms/radio/index.js"
+    },
+    "./radio/define": {
+      "import": "./dist/atoms/radio/define.js"
+    },
+    "./radio-group": {
+      "types": "./dist/atoms/radio-group/index.d.ts",
+      "import": "./dist/atoms/radio-group/index.js"
+    },
+    "./radio-group/define": {
+      "import": "./dist/atoms/radio-group/define.js"
+    },
+    "./select": {
+      "types": "./dist/atoms/select/index.d.ts",
+      "import": "./dist/atoms/select/index.js"
+    },
+    "./select/define": {
+      "import": "./dist/atoms/select/define.js"
+    },
+    "./searchable-select": {
+      "types": "./dist/atoms/searchable-select/index.d.ts",
+      "import": "./dist/atoms/searchable-select/index.js"
+    },
+    "./searchable-select/define": {
+      "import": "./dist/atoms/searchable-select/define.js"
+    },
+    "./tabs": {
+      "types": "./dist/atoms/tabs/index.d.ts",
+      "import": "./dist/atoms/tabs/index.js"
+    },
+    "./tabs/define": {
+      "import": "./dist/atoms/tabs/define.js"
+    },
+    "./table": {
+      "types": "./dist/atoms/table/index.d.ts",
+      "import": "./dist/atoms/table/index.js"
+    },
+    "./table/define": {
+      "import": "./dist/atoms/table/define.js"
+    },
+    "./breadcrumb": {
+      "types": "./dist/atoms/breadcrumb/index.d.ts",
+      "import": "./dist/atoms/breadcrumb/index.js"
+    },
+    "./breadcrumb/define": {
+      "import": "./dist/atoms/breadcrumb/define.js"
+    },
+    "./nav-item": {
+      "types": "./dist/atoms/nav-item/index.d.ts",
+      "import": "./dist/atoms/nav-item/index.js"
+    },
+    "./nav-item/define": {
+      "import": "./dist/atoms/nav-item/define.js"
+    },
+    "./menu": {
+      "types": "./dist/atoms/menu/index.d.ts",
+      "import": "./dist/atoms/menu/index.js"
+    },
+    "./menu/define": {
+      "import": "./dist/atoms/menu/define.js"
+    },
+    "./badge": {
+      "types": "./dist/atoms/badge/index.d.ts",
+      "import": "./dist/atoms/badge/index.js"
+    },
+    "./badge/define": {
+      "import": "./dist/atoms/badge/define.js"
+    },
+    "./link": {
+      "types": "./dist/atoms/link/index.d.ts",
+      "import": "./dist/atoms/link/index.js"
+    },
+    "./link/define": {
+      "import": "./dist/atoms/link/define.js"
+    },
+    "./card": {
+      "types": "./dist/molecules/card/index.d.ts",
+      "import": "./dist/molecules/card/index.js"
+    },
+    "./card/define": {
+      "import": "./dist/molecules/card/define.js"
+    },
+    "./dialog": {
+      "types": "./dist/molecules/dialog/index.d.ts",
+      "import": "./dist/molecules/dialog/index.js"
+    },
+    "./dialog/define": {
+      "import": "./dist/molecules/dialog/define.js"
+    },
+    "./toast": {
+      "types": "./dist/molecules/toast/index.d.ts",
+      "import": "./dist/molecules/toast/index.js"
+    },
+    "./toast/define": {
+      "import": "./dist/molecules/toast/define.js"
+    },
+    "./color-picker": {
+      "types": "./dist/molecules/color-picker/index.d.ts",
+      "import": "./dist/molecules/color-picker/index.js"
+    },
+    "./color-picker/define": {
+      "import": "./dist/molecules/color-picker/define.js"
+    },
+    "./menu-button": {
+      "types": "./dist/molecules/menu-button/index.d.ts",
+      "import": "./dist/molecules/menu-button/index.js"
+    },
+    "./menu-button/define": {
+      "import": "./dist/molecules/menu-button/define.js"
+    },
+    "./bar-chart": {
+      "types": "./dist/molecules/bar-chart/index.d.ts",
+      "import": "./dist/molecules/bar-chart/index.js"
+    },
+    "./bar-chart/define": {
+      "import": "./dist/molecules/bar-chart/define.js"
+    },
+    "./alert": {
+      "types": "./dist/molecules/alert/index.d.ts",
+      "import": "./dist/molecules/alert/index.js"
+    },
+    "./alert/define": {
+      "import": "./dist/molecules/alert/define.js"
+    },
+    "./form": {
+      "types": "./dist/organisms/form/index.d.ts",
+      "import": "./dist/organisms/form/index.js"
+    },
+    "./form/define": {
+      "import": "./dist/organisms/form/define.js"
+    },
+    "./navbar": {
+      "types": "./dist/organisms/navbar/index.d.ts",
+      "import": "./dist/organisms/navbar/index.js"
+    },
+    "./navbar/define": {
+      "import": "./dist/organisms/navbar/define.js"
+    },
+    "./sidenav": {
+      "types": "./dist/organisms/sidenav/index.d.ts",
+      "import": "./dist/organisms/sidenav/index.js"
+    },
+    "./sidenav/define": {
+      "import": "./dist/organisms/sidenav/define.js"
+    },
+    "./footer": {
+      "types": "./dist/organisms/footer/index.d.ts",
+      "import": "./dist/organisms/footer/index.js"
+    },
+    "./footer/define": {
+      "import": "./dist/organisms/footer/define.js"
+    },
+    "./page-shell": {
+      "types": "./dist/templates/page-shell/index.d.ts",
+      "import": "./dist/templates/page-shell/index.js"
+    },
+    "./page-shell/define": {
+      "import": "./dist/templates/page-shell/define.js"
+    },
+    "./settings-page": {
+      "types": "./dist/pages/settings-page/index.d.ts",
+      "import": "./dist/pages/settings-page/index.js"
+    },
+    "./settings-page/define": {
+      "import": "./dist/pages/settings-page/define.js"
+    }
+  },
+  "size-limit": [
+    {
+      "name": "ds-button (subpath + define, gzip)",
+      "path": [
+        "dist/atoms/button/index.js",
+        "dist/atoms/button/define.js"
+      ],
+      "limit": "16 kB"
+    },
+    {
+      "name": "ds-text-field (subpath + define, gzip)",
+      "path": [
+        "dist/atoms/text-field/index.js",
+        "dist/atoms/text-field/define.js"
+      ],
+      "limit": "18 kB"
+    },
+    {
+      "name": "full barrel (define, gzip)",
+      "path": "dist/define.js",
+      "limit": "38 kB"
+    }
+  ],
+  "dependencies": {
+    "lit": "^3.2.1",
+    "@jsekulowicz/ds-core": "0.1.0",
+    "@jsekulowicz/ds-tokens": "0.1.0"
+  },
+  "devDependencies": {
+    "heroicons": "2.2.0",
+    "@custom-elements-manifest/analyzer": "^0.10.4",
+    "@open-wc/testing": "^4.0.0",
+    "@size-limit/esbuild": "^11.1.6",
+    "@size-limit/file": "^11.1.6",
+    "jsdom": "^25.0.1",
+    "size-limit": "^11.1.6",
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.5"
+  },
+  "scripts": {
+    "dev": "tsc -p tsconfig.json --watch",
+    "build": "tsc -p tsconfig.json && cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir .",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "eslint src",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "size": "size-limit",
+    "analyze": "cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir ."
+  }
+}