@tokiforge/styled-components 2.3.0

package/LICENSE

@@ -0,0 +1,17 @@
+GNU AFFERO GENERAL PUBLIC LICENSE
+Version 3, 19 November 2007
+
+Copyright (C) 2026 TokiForge Community
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program.  If not, see <https://www.gnu.org/licenses/>.

package/README.md

@@ -0,0 +1,76 @@
+# @tokiforge/styled-components
+
+styled-components CSS-in-JS adapter for TokiForge theming system.
+
+## Installation
+
+```bash
+npm install @tokiforge/styled-components @tokiforge/core styled-components
+```
+
+## Usage
+
+```tsx
+import { ThemeProvider, useTheme, styled } from "@tokiforge/styled-components";
+
+const StyledButton = styled.button`
+  background-color: var(--hf-color-primary);
+  color: white;
+  padding: 12px 24px;
+  border: none;
+  border-radius: 4px;
+`;
+
+function App() {
+  return (
+    <ThemeProvider config={config}>
+      <ThemeSwitcher />
+      <StyledButton>Click me</StyledButton>
+    </ThemeProvider>
+  );
+}
+
+function ThemeSwitcher() {
+  const { theme, setTheme, availableThemes } = useTheme();
+
+  return (
+    <select value={theme} onChange={(e) => setTheme(e.target.value)}>
+      {availableThemes.map((t) => (
+        <option key={t} value={t}>{t}</option>
+      ))}
+    </select>
+  );
+}
+```
+
+## API
+
+### `ThemeProvider`
+
+styled-components compatible theme provider.
+
+**Props:**
+- `config`: Theme configuration
+- `prefix?`: CSS variable prefix (default: `hf`)
+- `children`: React children
+
+### `useTheme()`
+
+Hook to access theme context.
+
+**Returns:** `{ runtime, currentTheme, tokens, setTheme, nextTheme, availableThemes }`
+
+### `styled`
+
+Re-exported from `styled-components` for convenience.
+
+## Features
+
+- styled-components v5+ support
+- Runtime theme switching
+- CSS variable injection
+- TypeScript support
+
+## License
+
+AGPL-3.0

package/dist/index.cjs

@@ -0,0 +1,2 @@
+'use strict';var react=require('react'),core=require('@tokiforge/core'),styledComponents=require('styled-components'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styledComponents__default=/*#__PURE__*/_interopDefault(styledComponents);var h=react.createContext(null);function E({config:n,children:T,prefix:m="hf"}){let[e]=react.useState(()=>new core.ThemeRuntime(n)),[s,a]=react.useState(()=>e.getCurrentTheme()),[c,l]=react.useState(()=>e.getThemeTokens(s??e.getAvailableThemes()[0]));react.useEffect(()=>{e.init(":root",m);let t=()=>{let i=e.getCurrentTheme(),v=e.getThemeTokens(i??e.getAvailableThemes()[0]);a(i),l(v);};return window.addEventListener("tokiforge:theme-change",t),()=>{window.removeEventListener("tokiforge:theme-change",t);}},[e,m]);let u=react.useCallback(t=>{e.nextTheme();},[e]),g=react.useCallback(async t=>{e.applyTheme(t);},[e]),d=react.useCallback(async()=>{let t=e.nextTheme();e.applyTheme(t);},[e]),f={runtime:e,currentTheme:s,tokens:c,switchTheme:u,setTheme:g,nextTheme:d,availableThemes:e.getAvailableThemes()};return jsxRuntime.jsx(h.Provider,{value:f,children:T})}function N(){let n=react.useContext(h);if(!n)throw new Error("useTheme must be used within a ThemeProvider");return n}Object.defineProperty(exports,"styled",{enumerable:true,get:function(){return styledComponents__default.default}});exports.ThemeProvider=E;exports.useTheme=N;Object.keys(core).forEach(function(k){if(k!=='default'&&!Object.prototype.hasOwnProperty.call(exports,k))Object.defineProperty(exports,k,{enumerable:true,get:function(){return core[k]}})});//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["ThemeContext","createContext","ThemeProvider","config","children","prefix","runtime","useState","ThemeRuntime","currentTheme","setCurrentTheme","tokens","setTokens","useEffect","handleThemeChange","newTheme","newTokens","switchTheme","useCallback","_themeName","setTheme","themeName","nextTheme","next","contextValue","jsx","useTheme","context","useContext"],"mappings":"4SAgBA,IAAMA,CAAAA,CAAeC,mBAAAA,CAAwC,IAAI,CAAA,CAQ1D,SAASC,CAAAA,CAAc,CAC5B,MAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CAAS,IACX,CAAA,CAAiC,CAC/B,GAAM,CAACC,CAAO,CAAA,CAAIC,cAAAA,CAAS,IAAM,IAAIC,kBAAaL,CAAM,CAAC,CAAA,CACnD,CAACM,CAAAA,CAAcC,CAAe,EAAIH,cAAAA,CAAwB,IAAMD,CAAAA,CAAQ,eAAA,EAAiB,CAAA,CACzF,CAACK,CAAAA,CAAQC,CAAS,CAAA,CAAIL,cAAAA,CAAuB,IAAMD,CAAAA,CAAQ,eAAeG,CAAAA,EAAgBH,CAAAA,CAAQ,kBAAA,EAAmB,CAAE,CAAC,CAAC,CAAC,CAAA,CAEhIO,eAAAA,CAAU,IAAM,CACdP,CAAAA,CAAQ,IAAA,CAAK,QAASD,CAAM,CAAA,CAC5B,IAAMS,CAAAA,CAAoB,IAAM,CAC9B,IAAMC,CAAAA,CAAWT,CAAAA,CAAQ,eAAA,EAAgB,CACnCU,CAAAA,CAAYV,CAAAA,CAAQ,eAAeS,CAAAA,EAAYT,CAAAA,CAAQ,kBAAA,EAAmB,CAAE,CAAC,CAAC,CAAA,CACpFI,CAAAA,CAAgBK,CAAQ,CAAA,CACxBH,CAAAA,CAAUI,CAAS,EACrB,CAAA,CACA,cAAO,gBAAA,CAAiB,wBAAA,CAA0BF,CAAiB,CAAA,CAC5D,IAAM,CACX,OAAO,mBAAA,CAAoB,wBAAA,CAA0BA,CAAiB,EACxE,CACF,CAAA,CAAG,CAACR,CAAAA,CAASD,CAAM,CAAC,CAAA,CAEpB,IAAMY,CAAAA,CAAcC,kBACjBC,CAAAA,EAAuB,CACtBb,CAAAA,CAAQ,SAAA,GACV,CAAA,CACA,CAACA,CAAO,CACV,CAAA,CAEMc,CAAAA,CAAWF,iBAAAA,CACf,MAAOG,GAAsB,CAC3Bf,CAAAA,CAAQ,UAAA,CAAWe,CAAS,EAC9B,CAAA,CACA,CAACf,CAAO,CACV,CAAA,CAEMgB,CAAAA,CAAYJ,iBAAAA,CAAY,SAAY,CACxC,IAAMK,CAAAA,CAAOjB,CAAAA,CAAQ,SAAA,EAAU,CAC/BA,CAAAA,CAAQ,WAAWiB,CAAI,EACzB,CAAA,CAAG,CAACjB,CAAO,CAAC,EAENkB,CAAAA,CAAkC,CACtC,OAAA,CAAAlB,CAAAA,CACA,YAAA,CAAAG,CAAAA,CACA,OAAAE,CAAAA,CACA,WAAA,CAAAM,CAAAA,CACA,QAAA,CAAAG,CAAAA,CACA,SAAA,CAAAE,EACA,eAAA,CAAiBhB,CAAAA,CAAQ,kBAAA,EAC3B,CAAA,CAEA,OAAOmB,eAACzB,CAAAA,CAAa,QAAA,CAAb,CAAsB,KAAA,CAAOwB,CAAAA,CAAe,QAAA,CAAApB,EAAS,CAC/D,CAEO,SAASsB,CAAAA,EAA8B,CAC5C,IAAMC,EAAUC,gBAAAA,CAAW5B,CAAY,CAAA,CACvC,GAAI,CAAC2B,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,8CAA8C,CAAA,CAEhE,OAAOA,CACT","file":"index.cjs","sourcesContent":["import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';\nimport { ThemeRuntime } from '@tokiforge/core';\nimport type { DesignTokens, ThemeConfig } from '@tokiforge/core';\nimport styled from 'styled-components';\nexport * from '@tokiforge/core';\n\ninterface ThemeContextValue {\n  runtime: ThemeRuntime;\n  currentTheme: string | null;\n  tokens: DesignTokens;\n  switchTheme: (themeName: string) => void;\n  setTheme: (themeName: string) => Promise<void>;\n  nextTheme: () => Promise<void>;\n  availableThemes: string[];\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\ninterface ThemeProviderProps {\n  config: ThemeConfig;\n  children: React.ReactNode;\n  prefix?: string;\n}\n\nexport function ThemeProvider({\n  config,\n  children,\n  prefix = 'hf',\n}: Readonly<ThemeProviderProps>) {\n  const [runtime] = useState(() => new ThemeRuntime(config));\n  const [currentTheme, setCurrentTheme] = useState<string | null>(() => runtime.getCurrentTheme());\n  const [tokens, setTokens] = useState<DesignTokens>(() => runtime.getThemeTokens(currentTheme ?? runtime.getAvailableThemes()[0]));\n\n  useEffect(() => {\n    runtime.init(':root', prefix);\n    const handleThemeChange = () => {\n      const newTheme = runtime.getCurrentTheme();\n      const newTokens = runtime.getThemeTokens(newTheme ?? runtime.getAvailableThemes()[0]);\n      setCurrentTheme(newTheme);\n      setTokens(newTokens);\n    };\n    window.addEventListener('tokiforge:theme-change', handleThemeChange);\n    return () => {\n      window.removeEventListener('tokiforge:theme-change', handleThemeChange);\n    };\n  }, [runtime, prefix]);\n\n  const switchTheme = useCallback(\n    (_themeName: string) => {\n      runtime.nextTheme();\n    },\n    [runtime]\n  );\n\n  const setTheme = useCallback(\n    async (themeName: string) => {\n      runtime.applyTheme(themeName);\n    },\n    [runtime]\n  );\n\n  const nextTheme = useCallback(async () => {\n    const next = runtime.nextTheme();\n    runtime.applyTheme(next);\n  }, [runtime]);\n\n  const contextValue: ThemeContextValue = {\n    runtime,\n    currentTheme,\n    tokens,\n    switchTheme,\n    setTheme,\n    nextTheme,\n    availableThemes: runtime.getAvailableThemes(),\n  };\n\n  return <ThemeContext.Provider value={contextValue}>{children}</ThemeContext.Provider>;\n}\n\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n\nexport { styled };\n"]}

package/dist/index.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { ThemeConfig, ThemeRuntime, DesignTokens } from '@tokiforge/core';
+export * from '@tokiforge/core';
+export { default as styled } from 'styled-components';
+
+interface ThemeContextValue {
+    runtime: ThemeRuntime;
+    currentTheme: string | null;
+    tokens: DesignTokens;
+    switchTheme: (themeName: string) => void;
+    setTheme: (themeName: string) => Promise<void>;
+    nextTheme: () => Promise<void>;
+    availableThemes: string[];
+}
+interface ThemeProviderProps {
+    config: ThemeConfig;
+    children: React.ReactNode;
+    prefix?: string;
+}
+declare function ThemeProvider({ config, children, prefix, }: Readonly<ThemeProviderProps>): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+export { ThemeProvider, useTheme };

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { ThemeConfig, ThemeRuntime, DesignTokens } from '@tokiforge/core';
+export * from '@tokiforge/core';
+export { default as styled } from 'styled-components';
+
+interface ThemeContextValue {
+    runtime: ThemeRuntime;
+    currentTheme: string | null;
+    tokens: DesignTokens;
+    switchTheme: (themeName: string) => void;
+    setTheme: (themeName: string) => Promise<void>;
+    nextTheme: () => Promise<void>;
+    availableThemes: string[];
+}
+interface ThemeProviderProps {
+    config: ThemeConfig;
+    children: React.ReactNode;
+    prefix?: string;
+}
+declare function ThemeProvider({ config, children, prefix, }: Readonly<ThemeProviderProps>): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+export { ThemeProvider, useTheme };

package/dist/index.js

@@ -0,0 +1,2 @@
+import {createContext,useState,useEffect,useCallback,useContext}from'react';import {ThemeRuntime}from'@tokiforge/core';export*from'@tokiforge/core';export{default as styled}from'styled-components';import {jsx}from'react/jsx-runtime';var h=createContext(null);function E({config:n,children:T,prefix:m="hf"}){let[e]=useState(()=>new ThemeRuntime(n)),[s,a]=useState(()=>e.getCurrentTheme()),[c,l]=useState(()=>e.getThemeTokens(s??e.getAvailableThemes()[0]));useEffect(()=>{e.init(":root",m);let t=()=>{let i=e.getCurrentTheme(),v=e.getThemeTokens(i??e.getAvailableThemes()[0]);a(i),l(v);};return window.addEventListener("tokiforge:theme-change",t),()=>{window.removeEventListener("tokiforge:theme-change",t);}},[e,m]);let u=useCallback(t=>{e.nextTheme();},[e]),g=useCallback(async t=>{e.applyTheme(t);},[e]),d=useCallback(async()=>{let t=e.nextTheme();e.applyTheme(t);},[e]),f={runtime:e,currentTheme:s,tokens:c,switchTheme:u,setTheme:g,nextTheme:d,availableThemes:e.getAvailableThemes()};return jsx(h.Provider,{value:f,children:T})}function N(){let n=useContext(h);if(!n)throw new Error("useTheme must be used within a ThemeProvider");return n}export{E as ThemeProvider,N as useTheme};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["ThemeContext","createContext","ThemeProvider","config","children","prefix","runtime","useState","ThemeRuntime","currentTheme","setCurrentTheme","tokens","setTokens","useEffect","handleThemeChange","newTheme","newTokens","switchTheme","useCallback","_themeName","setTheme","themeName","nextTheme","next","contextValue","jsx","useTheme","context","useContext"],"mappings":"yOAgBA,IAAMA,CAAAA,CAAeC,aAAAA,CAAwC,IAAI,CAAA,CAQ1D,SAASC,CAAAA,CAAc,CAC5B,MAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CAAS,IACX,CAAA,CAAiC,CAC/B,GAAM,CAACC,CAAO,CAAA,CAAIC,QAAAA,CAAS,IAAM,IAAIC,aAAaL,CAAM,CAAC,CAAA,CACnD,CAACM,CAAAA,CAAcC,CAAe,EAAIH,QAAAA,CAAwB,IAAMD,CAAAA,CAAQ,eAAA,EAAiB,CAAA,CACzF,CAACK,CAAAA,CAAQC,CAAS,CAAA,CAAIL,QAAAA,CAAuB,IAAMD,CAAAA,CAAQ,eAAeG,CAAAA,EAAgBH,CAAAA,CAAQ,kBAAA,EAAmB,CAAE,CAAC,CAAC,CAAC,CAAA,CAEhIO,SAAAA,CAAU,IAAM,CACdP,CAAAA,CAAQ,IAAA,CAAK,QAASD,CAAM,CAAA,CAC5B,IAAMS,CAAAA,CAAoB,IAAM,CAC9B,IAAMC,CAAAA,CAAWT,CAAAA,CAAQ,eAAA,EAAgB,CACnCU,CAAAA,CAAYV,CAAAA,CAAQ,eAAeS,CAAAA,EAAYT,CAAAA,CAAQ,kBAAA,EAAmB,CAAE,CAAC,CAAC,CAAA,CACpFI,CAAAA,CAAgBK,CAAQ,CAAA,CACxBH,CAAAA,CAAUI,CAAS,EACrB,CAAA,CACA,cAAO,gBAAA,CAAiB,wBAAA,CAA0BF,CAAiB,CAAA,CAC5D,IAAM,CACX,OAAO,mBAAA,CAAoB,wBAAA,CAA0BA,CAAiB,EACxE,CACF,CAAA,CAAG,CAACR,CAAAA,CAASD,CAAM,CAAC,CAAA,CAEpB,IAAMY,CAAAA,CAAcC,YACjBC,CAAAA,EAAuB,CACtBb,CAAAA,CAAQ,SAAA,GACV,CAAA,CACA,CAACA,CAAO,CACV,CAAA,CAEMc,CAAAA,CAAWF,WAAAA,CACf,MAAOG,GAAsB,CAC3Bf,CAAAA,CAAQ,UAAA,CAAWe,CAAS,EAC9B,CAAA,CACA,CAACf,CAAO,CACV,CAAA,CAEMgB,CAAAA,CAAYJ,WAAAA,CAAY,SAAY,CACxC,IAAMK,CAAAA,CAAOjB,CAAAA,CAAQ,SAAA,EAAU,CAC/BA,CAAAA,CAAQ,WAAWiB,CAAI,EACzB,CAAA,CAAG,CAACjB,CAAO,CAAC,EAENkB,CAAAA,CAAkC,CACtC,OAAA,CAAAlB,CAAAA,CACA,YAAA,CAAAG,CAAAA,CACA,OAAAE,CAAAA,CACA,WAAA,CAAAM,CAAAA,CACA,QAAA,CAAAG,CAAAA,CACA,SAAA,CAAAE,EACA,eAAA,CAAiBhB,CAAAA,CAAQ,kBAAA,EAC3B,CAAA,CAEA,OAAOmB,IAACzB,CAAAA,CAAa,QAAA,CAAb,CAAsB,KAAA,CAAOwB,CAAAA,CAAe,QAAA,CAAApB,EAAS,CAC/D,CAEO,SAASsB,CAAAA,EAA8B,CAC5C,IAAMC,EAAUC,UAAAA,CAAW5B,CAAY,CAAA,CACvC,GAAI,CAAC2B,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,8CAA8C,CAAA,CAEhE,OAAOA,CACT","file":"index.js","sourcesContent":["import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';\nimport { ThemeRuntime } from '@tokiforge/core';\nimport type { DesignTokens, ThemeConfig } from '@tokiforge/core';\nimport styled from 'styled-components';\nexport * from '@tokiforge/core';\n\ninterface ThemeContextValue {\n  runtime: ThemeRuntime;\n  currentTheme: string | null;\n  tokens: DesignTokens;\n  switchTheme: (themeName: string) => void;\n  setTheme: (themeName: string) => Promise<void>;\n  nextTheme: () => Promise<void>;\n  availableThemes: string[];\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\ninterface ThemeProviderProps {\n  config: ThemeConfig;\n  children: React.ReactNode;\n  prefix?: string;\n}\n\nexport function ThemeProvider({\n  config,\n  children,\n  prefix = 'hf',\n}: Readonly<ThemeProviderProps>) {\n  const [runtime] = useState(() => new ThemeRuntime(config));\n  const [currentTheme, setCurrentTheme] = useState<string | null>(() => runtime.getCurrentTheme());\n  const [tokens, setTokens] = useState<DesignTokens>(() => runtime.getThemeTokens(currentTheme ?? runtime.getAvailableThemes()[0]));\n\n  useEffect(() => {\n    runtime.init(':root', prefix);\n    const handleThemeChange = () => {\n      const newTheme = runtime.getCurrentTheme();\n      const newTokens = runtime.getThemeTokens(newTheme ?? runtime.getAvailableThemes()[0]);\n      setCurrentTheme(newTheme);\n      setTokens(newTokens);\n    };\n    window.addEventListener('tokiforge:theme-change', handleThemeChange);\n    return () => {\n      window.removeEventListener('tokiforge:theme-change', handleThemeChange);\n    };\n  }, [runtime, prefix]);\n\n  const switchTheme = useCallback(\n    (_themeName: string) => {\n      runtime.nextTheme();\n    },\n    [runtime]\n  );\n\n  const setTheme = useCallback(\n    async (themeName: string) => {\n      runtime.applyTheme(themeName);\n    },\n    [runtime]\n  );\n\n  const nextTheme = useCallback(async () => {\n    const next = runtime.nextTheme();\n    runtime.applyTheme(next);\n  }, [runtime]);\n\n  const contextValue: ThemeContextValue = {\n    runtime,\n    currentTheme,\n    tokens,\n    switchTheme,\n    setTheme,\n    nextTheme,\n    availableThemes: runtime.getAvailableThemes(),\n  };\n\n  return <ThemeContext.Provider value={contextValue}>{children}</ThemeContext.Provider>;\n}\n\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n\nexport { styled };\n"]}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@tokiforge/styled-components",
+  "version": "2.3.0",
+  "description": "styled-components adapter for TokiForge theming",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "@tokiforge/core": "^2.3.0",
+    "react": ">=16.8.0",
+    "styled-components": ">=5.3.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.14",
+    "@types/styled-components": "^5.1.34",
+    "jsdom": "^29.1.1",
+    "react": "^19.2.0",
+    "styled-components": "^6.1.17",
+    "tsup": "^8.0.0",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.5"
+  },
+  "dependencies": {
+    "@tokiforge/core": "^2.3.0"
+  },
+  "keywords": [
+    "styled-components",
+    "theming",
+    "design-tokens"
+  ],
+  "author": "TokiForge Community",
+  "license": "AGPL-3.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TokiForge/tokiforge.git"
+  },
+  "homepage": "https://github.com/TokiForge/tokiforge#readme",
+  "bugs": {
+    "url": "https://github.com/TokiForge/tokiforge/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "build:all": "npm run build",
+    "dev": "tsup --watch",
+    "lint": "eslint src --ext .ts,.tsx",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}