@inf-monkeys-tech/monkeys-design 0.4.34 → 0.4.36

package/dist/themes/default/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/registry/index.ts","../../../src/themes/default/components/LandingPage.tsx","../../../src/themes/default/components/ToolboxPanel.tsx","../../../src/themes/default/index.ts"],"names":["jsx"],"mappings":";;;AAIA,IAAM,aAAgD,EAAC;AAWhD,SAAS,aAAA,CACd,OAAA,EACA,UAAA,EACA,MAAA,EACM;AACN,EAAA,UAAA,CAAW,OAAO,IAAI,EAAE,GAAG,WAAW,OAAO,CAAA,EAAG,GAAG,UAAA,EAAW;AAE9D,EAAA,IAAI,MAAA,EAAQ;AACV,KAAwB,EAAE,EAAA,EAAI,OAAA,EAAS,GAAG,MAAA,GAAO;AAAA,EACnD;AACF;ACbO,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,KAAA,EAAO,UAAS,EAAqB;AACnF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,SAAA,EAAW,OAAA;AAAA,QACX,GAAG;AAAA,OACL;AAAA,MAEC,QAAA,EAAA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA,oBAAA,EAAkB;AAAA;AAAA,GACvC;AAEJ;ACTO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAQ,EAAC;AAAA,EACT;AACF,CAAA,EAAsB;AACpB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAsB,KAAA,EACzB,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,QAAG,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,oBACXA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,GAAA,EAAK,KAAA,EAAM,EACvC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,OAAA,EAAS,MAAM,YAAA,GAAe,IAAA,CAAK,EAAE,CAAA;AAAA,QACrC,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,MAAA;AAAA,UACT,SAAA,EAAW,MAAA;AAAA,UACX,MAAA,EAAQ,mBAAA;AAAA,UACR,YAAA,EAAc,KAAA;AAAA,UACd,MAAA,EAAQ;AAAA,SACV;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAA,GAAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,UACnB,IAAA,CAAK,WAAA,oBAAeA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,GAAA,EAAI,EAAI,eAAK,WAAA,EAAY;AAAA;AAAA,OAAA;AAAA,MAXjF,IAAA,CAAK;AAAA,KAab,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;AC1CA,aAAA;AAAA,EACE,SAAA;AAAA,EACA;AAAA,IACE,cAAA,EAAgB,kBAAA;AAAA,IAChB,eAAA,EAAiB;AAAA,GACnB;AAAA,EACA;AAAA,IACE,IAAA,EAAM,eAAA;AAAA,IACN,WAAA,EAAa;AAAA;AAEjB,CAAA","file":"index.mjs","sourcesContent":["import type { ComponentType } from 'react';\r\nimport type { ComponentRegistry, ThemeConfig } from '../types';\r\n\r\n// 存储所有主题的组件注册表\r\nconst registries: Record<string, ComponentRegistry> = {};\r\n\r\n// 存储主题配置\r\nconst themeConfigs: Record<string, ThemeConfig> = {};\r\n\r\n/**\r\n * 注册主题组件\r\n * @param themeId 主题 ID (如 'bsd', 'artist', 'concept')\r\n * @param components 组件注册表\r\n * @param config 主题配置（可选）\r\n */\r\nexport function registerTheme(\r\n  themeId: string,\r\n  components: ComponentRegistry,\r\n  config?: Omit<ThemeConfig, 'id'>\r\n): void {\r\n  registries[themeId] = { ...registries[themeId], ...components };\r\n\r\n  if (config) {\r\n    themeConfigs[themeId] = { id: themeId, ...config };\r\n  }\r\n}\r\n\r\n/**\r\n * 注册单个组件到指定主题\r\n * @param themeId 主题 ID\r\n * @param componentName 组件名称\r\n * @param component 组件\r\n */\r\nexport function registerComponent(\r\n  themeId: string,\r\n  componentName: string,\r\n  component: ComponentType<any>\r\n): void {\r\n  if (!registries[themeId]) {\r\n    registries[themeId] = {};\r\n  }\r\n  registries[themeId][componentName] = component;\r\n}\r\n\r\n/**\r\n * 解析组件 - 优先使用主题特定组件，fallback 到 default\r\n * @param themeId 主题 ID\r\n * @param componentName 组件名称\r\n * @returns 组件或 null\r\n */\r\nexport function resolveComponent<P = any>(\r\n  themeId: string,\r\n  componentName: string\r\n): ComponentType<P> | null {\r\n  // 1. 先尝试获取主题特定组件\r\n  const themeComponent = registries[themeId]?.[componentName];\r\n  if (themeComponent) {\r\n    return themeComponent as ComponentType<P>;\r\n  }\r\n\r\n  // 2. Fallback 到 default 主题\r\n  const defaultComponent = registries['default']?.[componentName];\r\n  if (defaultComponent) {\r\n    return defaultComponent as ComponentType<P>;\r\n  }\r\n\r\n  // 3. 未找到\r\n  return null;\r\n}\r\n\r\n/**\r\n * 检查主题是否有特定组件的定制版本\r\n * @param themeId 主题 ID\r\n * @param componentName 组件名称\r\n */\r\nexport function hasCustomComponent(themeId: string, componentName: string): boolean {\r\n  return !!registries[themeId]?.[componentName];\r\n}\r\n\r\n/**\r\n * 获取主题的所有已注册组件名称\r\n * @param themeId 主题 ID\r\n */\r\nexport function getRegisteredComponents(themeId: string): string[] {\r\n  return Object.keys(registries[themeId] || {});\r\n}\r\n\r\n/**\r\n * 获取所有已注册的主题 ID\r\n */\r\nexport function getRegisteredThemes(): string[] {\r\n  return Object.keys(registries);\r\n}\r\n\r\n/**\r\n * 获取主题配置\r\n * @param themeId 主题 ID\r\n */\r\nexport function getThemeConfig(themeId: string): ThemeConfig | null {\r\n  return themeConfigs[themeId] || null;\r\n}\r\n\r\n/**\r\n * 清除所有注册（主要用于测试）\r\n */\r\nexport function clearRegistry(): void {\r\n  Object.keys(registries).forEach((key) => delete registries[key]);\r\n  Object.keys(themeConfigs).forEach((key) => delete themeConfigs[key]);\r\n}\r\n","import React from 'react';\r\n\r\nexport interface LandingPageProps {\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  children?: React.ReactNode;\r\n  onNavigate?: (path: string) => void;\r\n}\r\n\r\n/**\r\n * Default Landing Page - 默认主题的 Landing Page\r\n */\r\nexport function DefaultLandingPage({ className, style, children }: LandingPageProps) {\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={{\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        minHeight: '100vh',\r\n        ...style,\r\n      }}\r\n    >\r\n      {children || <span>Welcome to Monkeys</span>}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default DefaultLandingPage;\r\n","import React from 'react';\r\n\r\nexport interface ToolDefinition {\r\n  id: string;\r\n  title: string;\r\n  description?: string;\r\n}\r\n\r\nexport interface ToolboxPanelProps {\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  tools?: ToolDefinition[];\r\n  onToolSelect?: (toolId: string) => void;\r\n}\r\n\r\n/**\r\n * Default Toolbox Panel - 默认主题的工具箱面板\r\n */\r\nexport function DefaultToolboxPanel({\r\n  className,\r\n  style,\r\n  tools = [],\r\n  onToolSelect,\r\n}: ToolboxPanelProps) {\r\n  return (\r\n    <div className={className} style={style}>\r\n      <h3>Toolbox</h3>\r\n      <div style={{ display: 'grid', gap: '8px' }}>\r\n        {tools.map((tool) => (\r\n          <button\r\n            key={tool.id}\r\n            onClick={() => onToolSelect?.(tool.id)}\r\n            style={{\r\n              padding: '12px',\r\n              textAlign: 'left',\r\n              border: '1px solid #e0e0e0',\r\n              borderRadius: '8px',\r\n              cursor: 'pointer',\r\n            }}\r\n          >\r\n            <strong>{tool.title}</strong>\r\n            {tool.description && <p style={{ margin: '4px 0 0', opacity: 0.7 }}>{tool.description}</p>}\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default DefaultToolboxPanel;\r\n","import { registerTheme } from '../../registry';\r\nimport { DefaultLandingPage } from './components/LandingPage';\r\nimport { DefaultToolboxPanel } from './components/ToolboxPanel';\r\n\r\n// 注册 default 主题\r\nregisterTheme(\r\n  'default',\r\n  {\r\n    'landing-page': DefaultLandingPage,\r\n    'toolbox-panel': DefaultToolboxPanel,\r\n  },\r\n  {\r\n    name: 'Default Theme',\r\n    description: 'Monkeys default theme with basic components',\r\n  }\r\n);\r\n\r\n// 导出组件供直接使用\r\nexport { DefaultLandingPage, DefaultToolboxPanel };\r\n\r\n// 导出类型\r\nexport type { LandingPageProps as DefaultLandingPageProps } from './components/LandingPage';\r\n"]}
+{"version":3,"sources":["../../../src/registry/index.ts","../../../src/themes/default/components/LandingPage.tsx","../../../src/themes/default/components/ToolboxPanel.tsx","../../../src/themes/default/index.ts"],"names":["jsx"],"mappings":";;;AAIA,IAAM,aAAgD,EAAC;AAWhD,SAAS,aAAA,CACd,OAAA,EACA,UAAA,EACA,MAAA,EACM;AACN,EAAA,UAAA,CAAW,OAAO,IAAI,EAAE,GAAG,WAAW,OAAO,CAAA,EAAG,GAAG,UAAA,EAAW;AAE9D,EAAA,IAAI,MAAA,EAAQ;AACV,KAAwB,EAAE,EAAA,EAAI,OAAA,EAAS,GAAG,MAAA,GAAO;AAAA,EACnD;AACF;ACbO,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,KAAA,EAAO,UAAS,EAAqB;AACnF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,SAAA,EAAW,OAAA;AAAA,QACX,GAAG;AAAA,OACL;AAAA,MAEC,QAAA,EAAA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA,oBAAA,EAAkB;AAAA;AAAA,GACvC;AAEJ;ACTO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAQ,EAAC;AAAA,EACT;AACF,CAAA,EAAsB;AACpB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAsB,KAAA,EACzB,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,QAAG,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,oBACXA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,GAAA,EAAK,KAAA,EAAM,EACvC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,OAAA,EAAS,MAAM,YAAA,GAAe,IAAA,CAAK,EAAE,CAAA;AAAA,QACrC,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,MAAA;AAAA,UACT,SAAA,EAAW,MAAA;AAAA,UACX,MAAA,EAAQ,mBAAA;AAAA,UACR,YAAA,EAAc,KAAA;AAAA,UACd,MAAA,EAAQ;AAAA,SACV;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAA,GAAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,UACnB,IAAA,CAAK,WAAA,oBAAeA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,GAAA,EAAI,EAAI,eAAK,WAAA,EAAY;AAAA;AAAA,OAAA;AAAA,MAXjF,IAAA,CAAK;AAAA,KAab,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;AC1CA,aAAA;AAAA,EACE,SAAA;AAAA,EACA;AAAA,IACE,cAAA,EAAgB,kBAAA;AAAA,IAChB,eAAA,EAAiB;AAAA,GACnB;AAAA,EACA;AAAA,IACE,IAAA,EAAM,eAAA;AAAA,IACN,WAAA,EAAa;AAAA;AAEjB,CAAA","file":"index.mjs","sourcesContent":["import type { ComponentType } from 'react';\nimport type { ComponentRegistry, ThemeConfig } from '../types';\n\n// 存储所有主题的组件注册表\nconst registries: Record<string, ComponentRegistry> = {};\n\n// 存储主题配置\nconst themeConfigs: Record<string, ThemeConfig> = {};\n\n/**\n * 注册主题组件\n * @param themeId 主题 ID (如 'bsd', 'artist', 'concept')\n * @param components 组件注册表\n * @param config 主题配置（可选）\n */\nexport function registerTheme(\n  themeId: string,\n  components: ComponentRegistry,\n  config?: Omit<ThemeConfig, 'id'>\n): void {\n  registries[themeId] = { ...registries[themeId], ...components };\n\n  if (config) {\n    themeConfigs[themeId] = { id: themeId, ...config };\n  }\n}\n\n/**\n * 注册单个组件到指定主题\n * @param themeId 主题 ID\n * @param componentName 组件名称\n * @param component 组件\n */\nexport function registerComponent(\n  themeId: string,\n  componentName: string,\n  component: ComponentType<any>\n): void {\n  if (!registries[themeId]) {\n    registries[themeId] = {};\n  }\n  registries[themeId][componentName] = component;\n}\n\n/**\n * 解析组件 - 优先使用主题特定组件，fallback 到 default\n * @param themeId 主题 ID\n * @param componentName 组件名称\n * @returns 组件或 null\n */\nexport function resolveComponent<P = any>(\n  themeId: string,\n  componentName: string\n): ComponentType<P> | null {\n  // 1. 先尝试获取主题特定组件\n  const themeComponent = registries[themeId]?.[componentName];\n  if (themeComponent) {\n    return themeComponent as ComponentType<P>;\n  }\n\n  // 2. Fallback 到 default 主题\n  const defaultComponent = registries['default']?.[componentName];\n  if (defaultComponent) {\n    return defaultComponent as ComponentType<P>;\n  }\n\n  // 3. 未找到\n  return null;\n}\n\n/**\n * 检查主题是否有特定组件的定制版本\n * @param themeId 主题 ID\n * @param componentName 组件名称\n */\nexport function hasCustomComponent(themeId: string, componentName: string): boolean {\n  return !!registries[themeId]?.[componentName];\n}\n\n/**\n * 获取主题的所有已注册组件名称\n * @param themeId 主题 ID\n */\nexport function getRegisteredComponents(themeId: string): string[] {\n  return Object.keys(registries[themeId] || {});\n}\n\n/**\n * 获取所有已注册的主题 ID\n */\nexport function getRegisteredThemes(): string[] {\n  return Object.keys(registries);\n}\n\n/**\n * 获取主题配置\n * @param themeId 主题 ID\n */\nexport function getThemeConfig(themeId: string): ThemeConfig | null {\n  return themeConfigs[themeId] || null;\n}\n\n/**\n * 清除所有注册（主要用于测试）\n */\nexport function clearRegistry(): void {\n  Object.keys(registries).forEach((key) => delete registries[key]);\n  Object.keys(themeConfigs).forEach((key) => delete themeConfigs[key]);\n}\n","import React from 'react';\n\nexport interface LandingPageProps {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  onNavigate?: (path: string) => void;\n}\n\n/**\n * Default Landing Page - 默认主题的 Landing Page\n */\nexport function DefaultLandingPage({ className, style, children }: LandingPageProps) {\n  return (\n    <div\n      className={className}\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        minHeight: '100vh',\n        ...style,\n      }}\n    >\n      {children || <span>Welcome to Monkeys</span>}\n    </div>\n  );\n}\n\nexport default DefaultLandingPage;\n","import React from 'react';\n\nexport interface ToolDefinition {\n  id: string;\n  title: string;\n  description?: string;\n}\n\nexport interface ToolboxPanelProps {\n  className?: string;\n  style?: React.CSSProperties;\n  tools?: ToolDefinition[];\n  onToolSelect?: (toolId: string) => void;\n}\n\n/**\n * Default Toolbox Panel - 默认主题的工具箱面板\n */\nexport function DefaultToolboxPanel({\n  className,\n  style,\n  tools = [],\n  onToolSelect,\n}: ToolboxPanelProps) {\n  return (\n    <div className={className} style={style}>\n      <h3>Toolbox</h3>\n      <div style={{ display: 'grid', gap: '8px' }}>\n        {tools.map((tool) => (\n          <button\n            key={tool.id}\n            onClick={() => onToolSelect?.(tool.id)}\n            style={{\n              padding: '12px',\n              textAlign: 'left',\n              border: '1px solid #e0e0e0',\n              borderRadius: '8px',\n              cursor: 'pointer',\n            }}\n          >\n            <strong>{tool.title}</strong>\n            {tool.description && <p style={{ margin: '4px 0 0', opacity: 0.7 }}>{tool.description}</p>}\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport default DefaultToolboxPanel;\n","import { registerTheme } from '../../registry';\nimport { DefaultLandingPage } from './components/LandingPage';\nimport { DefaultToolboxPanel } from './components/ToolboxPanel';\n\n// 注册 default 主题\nregisterTheme(\n  'default',\n  {\n    'landing-page': DefaultLandingPage,\n    'toolbox-panel': DefaultToolboxPanel,\n  },\n  {\n    name: 'Default Theme',\n    description: 'Monkeys default theme with basic components',\n  }\n);\n\n// 导出组件供直接使用\nexport { DefaultLandingPage, DefaultToolboxPanel };\n\n// 导出类型\nexport type { LandingPageProps as DefaultLandingPageProps } from './components/LandingPage';\n"]}

package/package.json

@@ -1,139 +1,146 @@
-{
-  "name": "@inf-monkeys-tech/monkeys-design",
-  "version": "0.4.34",
-  "description": "Monkeys Design Components Library",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "sideEffects": true,
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./registry": {
-      "types": "./dist/registry/index.d.ts",
-      "import": "./dist/registry/index.mjs",
-      "require": "./dist/registry/index.js"
-    },
-    "./themes/*": {
-      "types": "./dist/themes/*/index.d.ts",
-      "import": "./dist/themes/*/index.mjs",
-      "require": "./dist/themes/*/index.js"
-    },
-    "./icons/*": {
-      "types": "./dist/icons/*/index.d.ts",
-      "import": "./dist/icons/*/index.mjs",
-      "require": "./dist/icons/*/index.js"
-    },
-    "./components/login": {
-      "types": "./dist/components/login/index.d.ts",
-      "import": "./dist/components/login/index.mjs",
-      "require": "./dist/components/login/index.js"
-    },
-    "./components/layout": {
-      "types": "./dist/components/layout/index.d.ts",
-      "import": "./dist/components/layout/index.mjs",
-      "require": "./dist/components/layout/index.js"
-    },
-    "./components/base": {
-      "types": "./dist/components/base/index.d.ts",
-      "import": "./dist/components/base/index.mjs",
-      "require": "./dist/components/base/index.js"
-    },
-    "./components/data-explorer": {
-      "types": "./dist/components/data-explorer/index.d.ts",
-      "import": "./dist/components/data-explorer/index.mjs",
-      "require": "./dist/components/data-explorer/index.js"
-    },
-    "./styles/artist-login.scss": "./dist/styles/artist-login.scss",
-    "./styles/global.scss": "./dist/styles/global.scss",
-    "./styles/workflow-board.scss": "./dist/styles/workflow-board.scss",
-    "./styles/workflow-nodes.css": "./dist/styles/workflow-nodes.css",
-    "./palette": {
-      "types": "./dist/palette/index.d.ts",
-      "import": "./dist/palette/index.mjs",
-      "require": "./dist/palette/index.js"
-    },
-    "./theme-system": {
-      "types": "./dist/theme-system/index.d.ts",
-      "import": "./dist/theme-system/index.mjs",
-      "require": "./dist/theme-system/index.js"
-    },
-    "./components/toolbar": {
-      "types": "./dist/components/toolbar/index.d.ts",
-      "import": "./dist/components/toolbar/index.mjs",
-      "require": "./dist/components/toolbar/index.js"
-    },
-    "./components/workbench": {
-      "types": "./dist/components/workbench/index.d.ts",
-      "import": "./dist/components/workbench/index.mjs",
-      "require": "./dist/components/workbench/index.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup && node ./scripts/copy-styles.mjs",
-    "dev": "tsup --watch",
-    "lint": "eslint src/",
-    "storybook": "storybook dev -p 6006",
-    "storybook:build": "storybook build",
-    "typecheck": "tsc --noEmit",
-    "clean": "rimraf dist"
-  },
-  "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "chroma-js": "^2.4.2",
-    "lodash": "^4.17.21"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "devDependencies": {
-    "@radix-ui/colors": "^3.0.0",
-    "@storybook/addon-docs": "^10.3.5",
-    "@storybook/react-vite": "^10.3.5",
-    "@tailwindcss/typography": "^0.5.19",
-    "@types/chroma-js": "^2.4.4",
-    "@types/lodash": "^4.17.0",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^8.0.0",
-    "postcss": "^8.5.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^5.0.0",
-    "storybook": "^10.3.5",
-    "tailwindcss": "^3.4.18",
-    "tailwindcss-animate": "^1.0.7",
-    "tsup": "^8.0.0",
-    "typescript": "^5.0.0",
-    "vite": "^8.0.0-beta.0",
-    "windy-radix-palette": "2.0.0-beta.7"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/inf-monkeys/monkeys-ui-themes.git"
-  },
-  "keywords": [
-    "monkeys",
-    "ui",
-    "themes",
-    "oem",
-    "components",
-    "react"
-  ],
-  "license": "MIT",
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+{
+  "name": "@inf-monkeys-tech/monkeys-design",
+  "version": "0.4.36",
+  "description": "Monkeys Design Components Library",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "sideEffects": true,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./registry": {
+      "types": "./dist/registry/index.d.ts",
+      "import": "./dist/registry/index.mjs",
+      "require": "./dist/registry/index.js"
+    },
+    "./themes/*": {
+      "types": "./dist/themes/*/index.d.ts",
+      "import": "./dist/themes/*/index.mjs",
+      "require": "./dist/themes/*/index.js"
+    },
+    "./icons/*": {
+      "types": "./dist/icons/*/index.d.ts",
+      "import": "./dist/icons/*/index.mjs",
+      "require": "./dist/icons/*/index.js"
+    },
+    "./components/login": {
+      "types": "./dist/components/login/index.d.ts",
+      "import": "./dist/components/login/index.mjs",
+      "require": "./dist/components/login/index.js"
+    },
+    "./components/layout": {
+      "types": "./dist/components/layout/index.d.ts",
+      "import": "./dist/components/layout/index.mjs",
+      "require": "./dist/components/layout/index.js"
+    },
+    "./components/base": {
+      "types": "./dist/components/base/index.d.ts",
+      "import": "./dist/components/base/index.mjs",
+      "require": "./dist/components/base/index.js"
+    },
+    "./components/data-explorer": {
+      "types": "./dist/components/data-explorer/index.d.ts",
+      "import": "./dist/components/data-explorer/index.mjs",
+      "require": "./dist/components/data-explorer/index.js"
+    },
+    "./components/toast": {
+      "types": "./dist/components/toast/index.d.ts",
+      "import": "./dist/components/toast/index.mjs",
+      "require": "./dist/components/toast/index.js"
+    },
+    "./styles/artist-login.scss": "./dist/styles/artist-login.scss",
+    "./styles/global.scss": "./dist/styles/global.scss",
+    "./styles/workflow-board.scss": "./dist/styles/workflow-board.scss",
+    "./styles/workflow-nodes.css": "./dist/styles/workflow-nodes.css",
+    "./palette": {
+      "types": "./dist/palette/index.d.ts",
+      "import": "./dist/palette/index.mjs",
+      "require": "./dist/palette/index.js"
+    },
+    "./theme-system": {
+      "types": "./dist/theme-system/index.d.ts",
+      "import": "./dist/theme-system/index.mjs",
+      "require": "./dist/theme-system/index.js"
+    },
+    "./components/toolbar": {
+      "types": "./dist/components/toolbar/index.d.ts",
+      "import": "./dist/components/toolbar/index.mjs",
+      "require": "./dist/components/toolbar/index.js"
+    },
+    "./components/workbench": {
+      "types": "./dist/components/workbench/index.d.ts",
+      "import": "./dist/components/workbench/index.mjs",
+      "require": "./dist/components/workbench/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup && node ./scripts/copy-styles.mjs",
+    "dev": "tsup --watch",
+    "lint": "eslint src/",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf dist"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "chroma-js": "^2.4.2",
+    "lodash": "^4.17.21"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "sonner": ">=1.4.0 <3.0.0"
+  },
+  "devDependencies": {
+    "@radix-ui/colors": "^3.0.0",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@tailwindcss/typography": "^0.5.19",
+    "@types/chroma-js": "^2.4.4",
+    "@types/lodash": "^4.17.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^8.0.0",
+    "postcss": "^8.5.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^5.0.0",
+    "sonner": "^2.0.7",
+    "storybook": "^10.3.5",
+    "tailwindcss": "^3.4.18",
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^8.0.0-beta.0",
+    "windy-radix-palette": "2.0.0-beta.7"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/inf-monkeys/monkeys-ui-themes.git"
+  },
+  "keywords": [
+    "monkeys",
+    "ui",
+    "themes",
+    "oem",
+    "components",
+    "react"
+  ],
+  "license": "MIT",
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}