@jinmi/ui 0.0.0-stage → 6.0.2

package/es/static-css/themeVars.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeVars.mjs","names":["antdTheme"],"sources":["../../src/static-css/themeVars.ts"],"sourcesContent":["import { existsSync, readdirSync } from 'node:fs';\r\nimport { createRequire } from 'node:module';\r\nimport path from 'node:path';\r\n\r\nimport type { ThemeConfig } from 'antd';\r\nimport { theme as antdTheme } from 'antd';\r\n\r\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\r\n\r\nimport { hashCss } from './hash';\r\n\r\ntype ThemeAppearance = 'dark' | 'light';\r\n\r\nexport interface ThemeVarsCssOptions {\r\n  /** selector activating an appearance; default matches next-themes' data-theme attribute */\r\n  appearanceSelector?: (appearance: ThemeAppearance) => string;\r\n  /** dark fixups for lobe-ui antdOverride primary-on-contrast rules */\r\n  compatRules?: boolean;\r\n  hrefTemplate?: (hash: string) => string;\r\n  /** same theme factory the app hands to ConfigProvider/ThemeProvider */\r\n  theme?: (appearance: ThemeAppearance) => ThemeConfig;\r\n}\r\n\r\nexport interface ThemeVarsCssPayload {\r\n  css: string;\r\n  hash: string;\r\n  href: string;\r\n  skippedComponents: string[];\r\n}\r\n\r\nconst require = createRequire(import.meta.url);\r\n\r\nconst unitless = new Set([\r\n  'fontWeightStrong',\r\n  'lineHeight',\r\n  'lineHeightHeading1',\r\n  'lineHeightHeading2',\r\n  'lineHeightHeading3',\r\n  'lineHeightHeading4',\r\n  'lineHeightHeading5',\r\n  'lineHeightLG',\r\n  'lineHeightSM',\r\n  'opacityImage',\r\n  'opacityLoading',\r\n  'zIndexBase',\r\n  'zIndexPopupBase',\r\n]);\r\n\r\nconst ignoredTokens = new Set(['motionBase', 'motionUnit']);\r\n\r\n// same kebab algorithm as antd-style's toKebabCase, so names match antd's emitted vars\r\nexport const toKebabCase = (str: string) =>\r\n  str\r\n    .replaceAll(/([a-z])([A-Z])/g, '$1-$2')\r\n    .replaceAll(/([a-z])(\\d)/g, '$1-$2')\r\n    .replaceAll(/(\\d)([A-Z])/g, '$1-$2')\r\n    .replaceAll(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\r\n    .toLowerCase();\r\n\r\nconst defaultThemeFactory = (appearance: ThemeAppearance): ThemeConfig =>\r\n  createLobeAntdTheme({ appearance });\r\n\r\nconst buildDesignToken = (\r\n  themeFactory: (appearance: ThemeAppearance) => ThemeConfig,\r\n  appearance: ThemeAppearance,\r\n) => {\r\n  const themeConfig = themeFactory(appearance);\r\n  return antdTheme.getDesignToken({\r\n    ...themeConfig,\r\n    algorithm: [\r\n      appearance === 'dark' ? antdTheme.darkAlgorithm : antdTheme.defaultAlgorithm,\r\n      themeConfig.algorithm ?? [],\r\n    ].flat(),\r\n  }) as unknown as Record<string, number | string>;\r\n};\r\n\r\nconst toDeclarations = (token: Record<string, number | string>) =>\r\n  Object.entries(token)\r\n    .filter(\r\n      ([key, value]) =>\r\n        !key.startsWith('_') &&\r\n        !key.startsWith('screen') &&\r\n        !key.includes('-') &&\r\n        !ignoredTokens.has(key) &&\r\n        (typeof value === 'string' || typeof value === 'number'),\r\n    )\r\n    .map(([key, value]) => {\r\n      const cssValue =\r\n        typeof value === 'number' && !unitless.has(key) ? `${value}px` : String(value);\r\n      return `--ant-${toKebabCase(key)}: ${cssValue};`;\r\n    })\r\n    .join('\\n');\r\n\r\nconst loadAntdTokenModules = () => {\r\n  const antdLibDir = path.join(path.dirname(require.resolve('antd/package.json')), 'lib');\r\n\r\n  return readdirSync(antdLibDir, { withFileTypes: true })\r\n    .filter((entry) => entry.isDirectory())\r\n    .map((entry) => entry.name)\r\n    .sort()\r\n    .map((name) => ({ component: name, path: path.join(antdLibDir, name, 'style', 'token.js') }))\r\n    .filter(({ path }) => existsSync(path));\r\n};\r\n\r\nconst buildDarkComponentVars = (tokens: {\r\n  dark: Record<string, number | string>;\r\n  light: Record<string, number | string>;\r\n}) => {\r\n  const declarations: string[] = [];\r\n  const skipped: string[] = [];\r\n\r\n  for (const { component, path } of loadAntdTokenModules()) {\r\n    try {\r\n      const mod = require(path) as { prepareComponentToken?: unknown };\r\n      const prepare = mod.prepareComponentToken;\r\n      if (typeof prepare !== 'function') continue;\r\n\r\n      const light = prepare(tokens.light) as Record<string, unknown>;\r\n      const dark = prepare(tokens.dark) as Record<string, unknown>;\r\n\r\n      for (const [key, value] of Object.entries(dark)) {\r\n        if (typeof value !== 'string' || light[key] === value) continue;\r\n        declarations.push(`--ant-${component}-${toKebabCase(key)}:${value};`);\r\n      }\r\n    } catch {\r\n      skipped.push(component);\r\n    }\r\n  }\r\n\r\n  return { css: declarations.join(''), skipped };\r\n};\r\n\r\nconst readableOnPrimary = 'contrast-color(var(--ant-color-primary))';\r\n\r\nconst buildCompatRules = (darkSelector: string): string => {\r\n  return [\r\n    [\r\n      `${darkSelector} .ant-btn-primary:not(:disabled)`,\r\n      `${darkSelector} .ant-btn-primary:not(:disabled):hover`,\r\n      `${darkSelector} .ant-btn-primary:not(:disabled):active`,\r\n    ].join(',') + `{color:${readableOnPrimary} !important;}`,\r\n    `${darkSelector} .ant-checkbox-inner:after{border-color:${readableOnPrimary} !important;}`,\r\n    `${darkSelector} .ant-radio-wrapper .ant-radio-checked .ant-radio-inner:after{background:${readableOnPrimary};}`,\r\n  ].join('\\n');\r\n};\r\n\r\nexport const buildThemeVarsCss = (options: ThemeVarsCssOptions = {}): ThemeVarsCssPayload => {\r\n  const {\r\n    theme = defaultThemeFactory,\r\n    appearanceSelector = (appearance) => `html[data-theme='${appearance}']`,\r\n    compatRules = true,\r\n    hrefTemplate = (hash) => `/theme-vars.css?v=${hash}`,\r\n  } = options;\r\n\r\n  const tokens = {\r\n    dark: buildDesignToken(theme, 'dark'),\r\n    light: buildDesignToken(theme, 'light'),\r\n  };\r\n\r\n  const light = appearanceSelector('light');\r\n  const dark = appearanceSelector('dark');\r\n  const componentVars = buildDarkComponentVars(tokens);\r\n\r\n  // antd v6 cssVar mode re-declares all --ant-* with SSR-light literals on\r\n  // [class*='css-var-'] / .ant-app, which would shadow the html-level palettes\r\n  const blocks = [\r\n    [':root', `${light} [class*='css-var-']`, `${light} .ant-app`].join(',') +\r\n      `{${toDeclarations(tokens.light)}}`,\r\n    [dark, `${dark} [class*='css-var-']`, `${dark} .ant-app`].join(',') +\r\n      `{${toDeclarations(tokens.dark)}}`,\r\n    `${dark} [class*='css-var-']{${componentVars.css}}`,\r\n  ];\r\n\r\n  if (compatRules) blocks.push(buildCompatRules(dark));\r\n\r\n  const css = blocks.join('\\n');\r\n  const hash = hashCss(css);\r\n\r\n  return { css, hash, href: hrefTemplate(hash), skippedComponents: componentVars.skipped };\r\n};\r\n"],"mappings":"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"}

package/es/static-css/vite/index.d.mts

@@ -0,0 +1,14 @@
+import { AntdStaticCssOptions } from "../buildAntdStaticCss.mjs";
+import { ThemeVarsCssOptions } from "../themeVars.mjs";
+import { Plugin } from "vite";
+//#region src/static-css/vite/index.d.ts
+declare const ANTD_STATIC_CSS_MODULE_ID = "virtual:lobehub/antd-static-css";
+declare const THEME_VARS_CSS_MODULE_ID = "virtual:lobehub/theme-vars-css";
+interface StaticCssPluginOptions {
+  antd?: AntdStaticCssOptions | false;
+  themeVars?: ThemeVarsCssOptions | false;
+}
+declare const lobeStaticCssPlugin: (options?: StaticCssPluginOptions) => Plugin;
+//#endregion
+export { ANTD_STATIC_CSS_MODULE_ID, StaticCssPluginOptions, THEME_VARS_CSS_MODULE_ID, lobeStaticCssPlugin };
+//# sourceMappingURL=index.d.mts.map

package/es/static-css/vite/index.mjs

@@ -0,0 +1,48 @@
+//#region src/static-css/vite/index.ts
+const ANTD_STATIC_CSS_MODULE_ID = "virtual:lobehub/antd-static-css";
+const THEME_VARS_CSS_MODULE_ID = "virtual:lobehub/theme-vars-css";
+const moduleSource = (payload) => [...Object.entries(payload).map(([key, value]) => `export const ${key} = ${JSON.stringify(value)};`), `export default ${JSON.stringify(payload)};`].join("\n");
+const lobeStaticCssPlugin = (options = {}) => {
+	let antdPayload;
+	let themeVarsPayload;
+	return {
+		name: "lobehub-static-css",
+		resolveId(id) {
+			if (id === "virtual:lobehub/antd-static-css" || id === "virtual:lobehub/theme-vars-css") return `\0${id}`;
+		},
+		async load(id) {
+			if (id === `\0virtual:lobehub/antd-static-css`) {
+				if (options.antd === false) return moduleSource({
+					css: "",
+					href: "",
+					styleKeys: []
+				});
+				const { buildAntdStaticCss } = await import("../buildAntdStaticCss.mjs");
+				antdPayload ??= buildAntdStaticCss(options.antd);
+				const { css, href, styleKeys } = antdPayload;
+				return moduleSource({
+					css,
+					href,
+					styleKeys
+				});
+			}
+			if (id === `\0virtual:lobehub/theme-vars-css`) {
+				if (options.themeVars === false) return moduleSource({
+					css: "",
+					href: ""
+				});
+				const { buildThemeVarsCss } = await import("../themeVars.mjs");
+				themeVarsPayload ??= buildThemeVarsCss(options.themeVars);
+				const { css, href } = themeVarsPayload;
+				return moduleSource({
+					css,
+					href
+				});
+			}
+		}
+	};
+};
+//#endregion
+export { ANTD_STATIC_CSS_MODULE_ID, THEME_VARS_CSS_MODULE_ID, lobeStaticCssPlugin };
+
+//# sourceMappingURL=index.mjs.map

package/es/static-css/vite/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/static-css/vite/index.ts"],"sourcesContent":["import type { Plugin } from 'vite';\r\n\r\nimport type { AntdStaticCssOptions, AntdStaticCssPayload } from '../buildAntdStaticCss';\r\nimport type { ThemeVarsCssOptions, ThemeVarsCssPayload } from '../themeVars';\r\n\r\nexport const ANTD_STATIC_CSS_MODULE_ID = 'virtual:lobehub/antd-static-css';\r\nexport const THEME_VARS_CSS_MODULE_ID = 'virtual:lobehub/theme-vars-css';\r\n\r\nexport interface StaticCssPluginOptions {\r\n  antd?: AntdStaticCssOptions | false;\r\n  themeVars?: ThemeVarsCssOptions | false;\r\n}\r\n\r\nconst moduleSource = (payload: Record<string, unknown>) =>\r\n  [\r\n    ...Object.entries(payload).map(\r\n      ([key, value]) => `export const ${key} = ${JSON.stringify(value)};`,\r\n    ),\r\n    `export default ${JSON.stringify(payload)};`,\r\n  ].join('\\n');\r\n\r\nexport const lobeStaticCssPlugin = (options: StaticCssPluginOptions = {}): Plugin => {\r\n  let antdPayload: AntdStaticCssPayload | undefined;\r\n  let themeVarsPayload: ThemeVarsCssPayload | undefined;\r\n\r\n  return {\r\n    name: 'lobehub-static-css',\r\n    resolveId(id) {\r\n      if (id === ANTD_STATIC_CSS_MODULE_ID || id === THEME_VARS_CSS_MODULE_ID) return `\\0${id}`;\r\n    },\r\n    async load(id) {\r\n      if (id === `\\0${ANTD_STATIC_CSS_MODULE_ID}`) {\r\n        if (options.antd === false) return moduleSource({ css: '', href: '', styleKeys: [] });\r\n        const { buildAntdStaticCss } = await import('../buildAntdStaticCss');\r\n        antdPayload ??= buildAntdStaticCss(options.antd);\r\n        const { css, href, styleKeys } = antdPayload;\r\n        return moduleSource({ css, href, styleKeys });\r\n      }\r\n\r\n      if (id === `\\0${THEME_VARS_CSS_MODULE_ID}`) {\r\n        if (options.themeVars === false) return moduleSource({ css: '', href: '' });\r\n        const { buildThemeVarsCss } = await import('../themeVars');\r\n        themeVarsPayload ??= buildThemeVarsCss(options.themeVars);\r\n        const { css, href } = themeVarsPayload;\r\n        return moduleSource({ css, href });\r\n      }\r\n    },\r\n  };\r\n};\r\n"],"mappings":";AAKA,MAAa,4BAA4B;AACzC,MAAa,2BAA2B;AAOxC,MAAM,gBAAgB,YACpB,CACE,GAAG,OAAO,QAAQ,OAAO,CAAC,CAAC,KACxB,CAAC,KAAK,WAAW,gBAAgB,IAAI,KAAK,KAAK,UAAU,KAAK,EAAE,EACnE,GACA,kBAAkB,KAAK,UAAU,OAAO,EAAE,EAC5C,CAAC,CAAC,KAAK,IAAI;AAEb,MAAa,uBAAuB,UAAkC,CAAC,MAAc;CACnF,IAAI;CACJ,IAAI;CAEJ,OAAO;EACL,MAAM;EACN,UAAU,IAAI;GACZ,IAAI,OAAA,qCAAoC,OAAA,kCAAiC,OAAO,KAAK;EACvF;EACA,MAAM,KAAK,IAAI;GACb,IAAI,OAAO,qCAAkC;IAC3C,IAAI,QAAQ,SAAS,OAAO,OAAO,aAAa;KAAE,KAAK;KAAI,MAAM;KAAI,WAAW,CAAC;IAAE,CAAC;IACpF,MAAM,EAAE,uBAAuB,MAAM,OAAO;IAC5C,gBAAgB,mBAAmB,QAAQ,IAAI;IAC/C,MAAM,EAAE,KAAK,MAAM,cAAc;IACjC,OAAO,aAAa;KAAE;KAAK;KAAM;IAAU,CAAC;GAC9C;GAEA,IAAI,OAAO,oCAAiC;IAC1C,IAAI,QAAQ,cAAc,OAAO,OAAO,aAAa;KAAE,KAAK;KAAI,MAAM;IAAG,CAAC;IAC1E,MAAM,EAAE,sBAAsB,MAAM,OAAO;IAC3C,qBAAqB,kBAAkB,QAAQ,SAAS;IACxD,MAAM,EAAE,KAAK,SAAS;IACtB,OAAO,aAAa;KAAE;KAAK;IAAK,CAAC;GACnC;EACF;CACF;AACF"}

package/es/storybook/StoryBook/index.d.mts

@@ -0,0 +1,14 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import { Ref } from "react";
+import { useControls, useCreateStore } from "leva";
+//#region src/storybook/StoryBook/index.d.ts
+interface StoryBookProps extends FlexboxProps {
+  levaStore: any;
+  noPadding?: boolean;
+  ref?: Ref<HTMLDivElement>;
+}
+declare const StoryBook: import("react").NamedExoticComponent<StoryBookProps>;
+//#endregion
+export { StoryBook, StoryBook as default, StoryBookProps, useControls, useCreateStore };
+//# sourceMappingURL=index.d.mts.map

package/es/storybook/StoryBook/index.mjs

@@ -0,0 +1,48 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Center from "../../Flex/Center.mjs";
+import DraggablePanel from "../../base-ui/DraggablePanel/DraggablePanel.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx, useResponsive } from "antd-style";
+import { LevaPanel, useControls, useCreateStore } from "leva";
+//#region src/storybook/StoryBook/index.tsx
+const StoryBook = memo(({ ref, levaStore, noPadding, className, children, ...rest }) => {
+	const { mobile } = useResponsive();
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "stretch",
+		className: cx(styles.editor, className),
+		"data-jinmi-storybook": "",
+		flex: 1,
+		height: "100%",
+		horizontal: !mobile,
+		justify: "stretch",
+		ref,
+		width: "100%",
+		children: [/* @__PURE__ */ jsx(Center, {
+			className: cx(noPadding ? styles.left : styles.leftWithPadding),
+			flex: 1,
+			...rest,
+			children
+		}), /* @__PURE__ */ jsx(DraggablePanel, {
+			className: styles.right,
+			minWidth: 280,
+			placement: mobile ? "bottom" : "right",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: styles.leva,
+				children: [/* @__PURE__ */ jsx(LevaPanel, {
+					fill: true,
+					flat: true,
+					store: levaStore,
+					titleBar: false
+				}), " "]
+			})
+		})]
+	});
+});
+StoryBook.displayName = "StoryBook";
+//#endregion
+export { StoryBook, StoryBook as default, useControls, useCreateStore };
+
+//# sourceMappingURL=index.mjs.map

package/es/storybook/StoryBook/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/storybook/StoryBook/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { LevaPanel } from 'leva';\nimport { memo, type Ref } from 'react';\n\nimport { DraggablePanel } from '@/base-ui/DraggablePanel';\nimport { Center, Flexbox, type FlexboxProps } from '@/Flex';\n\nimport { styles } from './style';\n\nexport interface StoryBookProps extends FlexboxProps {\n  levaStore: any;\n  noPadding?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StoryBook = memo<StoryBookProps>(\n  ({ ref, levaStore, noPadding, className, children, ...rest }) => {\n    const { mobile } = useResponsive();\n\n    return (\n      <Flexbox\n        align={'stretch'}\n        className={cx(styles.editor, className)}\n        data-jinmi-storybook=\"\"\n        flex={1}\n        height={'100%'}\n        horizontal={!mobile}\n        justify={'stretch'}\n        ref={ref}\n        width={'100%'}\n      >\n        <Center className={cx(noPadding ? styles.left : styles.leftWithPadding)} flex={1} {...rest}>\n          {children}\n        </Center>\n        <DraggablePanel\n          className={styles.right}\n          minWidth={280}\n          placement={mobile ? 'bottom' : 'right'}\n        >\n          <div className={styles.leva}>\n            <LevaPanel fill flat store={levaStore} titleBar={false} />{' '}\n          </div>\n        </DraggablePanel>\n      </Flexbox>\n    );\n  },\n);\n\nStoryBook.displayName = 'StoryBook';\n\nexport default StoryBook;\n\nexport { useControls, useCreateStore } from 'leva';\n"],"mappings":";;;;;;;;;;AAiBA,MAAa,YAAY,MACtB,EAAE,KAAK,WAAW,WAAW,WAAW,UAAU,GAAG,WAAW;CAC/D,MAAM,EAAE,WAAW,cAAc;CAEjC,OACE,qBAACA,mBAAD;EACE,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,wBAAqB;EACrB,MAAM;EACN,QAAQ;EACR,YAAY,CAAC;EACb,SAAS;EACJ;EACL,OAAO;EATT,UAAA,CAWE,oBAAC,QAAD;GAAQ,WAAW,GAAG,YAAY,OAAO,OAAO,OAAO,eAAe;GAAG,MAAM;GAAG,GAAI;GACnF;EACK,CAAA,GACR,oBAAC,gBAAD;GACE,WAAW,OAAO;GAClB,UAAU;GACV,WAAW,SAAS,WAAW;GAE/B,UAAA,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA,CACE,oBAAC,WAAD;KAAW,MAAA;KAAK,MAAA;KAAK,OAAO;KAAW,UAAU;IAAQ,CAAA,GAAE,GACxD;;EACS,CAAA,CACT;;AAEb,CACF;AAEA,UAAU,cAAc"}

package/es/storybook/StoryBook/style.mjs

@@ -0,0 +1,77 @@
+import { createStaticStyles } from "antd-style";
+//#region src/storybook/StoryBook/style.ts
+const styles = createStaticStyles(({ css, cssVar, responsive }) => {
+	return {
+		editor: css`
+      width: 100%;
+      min-height: 100%;
+    `,
+		left: css`
+      position: relative;
+      overflow: auto;
+    `,
+		leftWithPadding: css`
+      position: relative;
+      overflow: auto;
+      padding-block: 40px;
+      padding-inline: 24px;
+    `,
+		leva: css`
+      --leva-sizes-controlWidth: 66%;
+      --leva-colors-elevation1: ${cssVar.colorFillSecondary};
+      --leva-colors-elevation2: transparent;
+      --leva-colors-elevation3: ${cssVar.colorFillSecondary};
+      --leva-colors-accent1: ${cssVar.colorPrimary};
+      --leva-colors-accent2: ${cssVar.colorPrimaryHover};
+      --leva-colors-accent3: ${cssVar.colorPrimaryActive};
+      --leva-colors-highlight1: ${cssVar.colorTextTertiary};
+      --leva-colors-highlight2: ${cssVar.colorTextSecondary};
+      --leva-colors-highlight3: ${cssVar.colorText};
+      --leva-colors-vivid1: ${cssVar.colorWarning};
+      --leva-shadows-level1: unset;
+      --leva-shadows-level2: unset;
+      --leva-fonts-mono: ${cssVar.fontFamilyCode};
+
+      overflow: auto;
+
+      width: 100%;
+      height: 100%;
+      padding-block: 6px;
+      padding-inline: 0;
+
+      > div {
+        background: transparent;
+
+        > div {
+          background: transparent;
+        }
+      }
+
+      input:checked + label > svg {
+        stroke: ${cssVar.colorBgLayout};
+      }
+
+      button {
+        --leva-colors-accent2: ${cssVar.colorFillSecondary};
+      }
+    `,
+		right: css`
+      /* The panel sets an inline height of 100%. That percentage does not
+         resolve while the preview height comes from min-height, so the
+         sidebar stays content-sized. Stretch it to the editor instead. */
+      align-self: stretch;
+      height: auto !important;
+      background: ${cssVar.colorBgLayout};
+
+      ${responsive.sm} {
+        .draggable-panel-fixed {
+          width: 100% !important;
+        }
+      }
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/storybook/StoryBook/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/storybook/StoryBook/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => {\r\n  return {\r\n    editor: css`\r\n      width: 100%;\r\n      min-height: 100%;\r\n    `,\r\n    left: css`\r\n      position: relative;\r\n      overflow: auto;\r\n    `,\r\n    leftWithPadding: css`\r\n      position: relative;\r\n      overflow: auto;\r\n      padding-block: 40px;\r\n      padding-inline: 24px;\r\n    `,\r\n    leva: css`\r\n      --leva-sizes-controlWidth: 66%;\r\n      --leva-colors-elevation1: ${cssVar.colorFillSecondary};\r\n      --leva-colors-elevation2: transparent;\r\n      --leva-colors-elevation3: ${cssVar.colorFillSecondary};\r\n      --leva-colors-accent1: ${cssVar.colorPrimary};\r\n      --leva-colors-accent2: ${cssVar.colorPrimaryHover};\r\n      --leva-colors-accent3: ${cssVar.colorPrimaryActive};\r\n      --leva-colors-highlight1: ${cssVar.colorTextTertiary};\r\n      --leva-colors-highlight2: ${cssVar.colorTextSecondary};\r\n      --leva-colors-highlight3: ${cssVar.colorText};\r\n      --leva-colors-vivid1: ${cssVar.colorWarning};\r\n      --leva-shadows-level1: unset;\r\n      --leva-shadows-level2: unset;\r\n      --leva-fonts-mono: ${cssVar.fontFamilyCode};\r\n\r\n      overflow: auto;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n      padding-block: 6px;\r\n      padding-inline: 0;\r\n\r\n      > div {\r\n        background: transparent;\r\n\r\n        > div {\r\n          background: transparent;\r\n        }\r\n      }\r\n\r\n      input:checked + label > svg {\r\n        stroke: ${cssVar.colorBgLayout};\r\n      }\r\n\r\n      button {\r\n        --leva-colors-accent2: ${cssVar.colorFillSecondary};\r\n      }\r\n    `,\r\n    right: css`\r\n      /* The panel sets an inline height of 100%. That percentage does not\r\n         resolve while the preview height comes from min-height, so the\r\n         sidebar stays content-sized. Stretch it to the editor instead. */\r\n      align-self: stretch;\r\n      height: auto !important;\r\n      background: ${cssVar.colorBgLayout};\r\n\r\n      ${responsive.sm} {\r\n        .draggable-panel-fixed {\r\n          width: 100% !important;\r\n        }\r\n      }\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,iBAAiB;CACxE,OAAO;EACL,QAAQ,GAAG;;;;EAIX,MAAM,GAAG;;;;EAIT,iBAAiB,GAAG;;;;;;EAMpB,MAAM,GAAG;;kCAEqB,OAAO,mBAAmB;;kCAE1B,OAAO,mBAAmB;+BAC7B,OAAO,aAAa;+BACpB,OAAO,kBAAkB;+BACzB,OAAO,mBAAmB;kCACvB,OAAO,kBAAkB;kCACzB,OAAO,mBAAmB;kCAC1B,OAAO,UAAU;8BACrB,OAAO,aAAa;;;2BAGvB,OAAO,eAAe;;;;;;;;;;;;;;;;;;kBAkB/B,OAAO,cAAc;;;;iCAIN,OAAO,mBAAmB;;;EAGvD,OAAO,GAAG;;;;;;oBAMM,OAAO,cAAc;;QAEjC,WAAW,GAAG;;;;;;CAMpB;AACF,CAAC"}

package/es/storybook/index.d.mts

@@ -0,0 +1,2 @@
+import { StoryBook, StoryBookProps, useControls, useCreateStore } from "./StoryBook/index.mjs";
+export { StoryBook, type StoryBookProps, useControls, useCreateStore };

package/es/storybook/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/storybook/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/storybook/index.mjs

@@ -0,0 +1,2 @@
+import { StoryBook, useControls, useCreateStore } from "./StoryBook/index.mjs";
+export { StoryBook, useControls, useCreateStore };

package/es/styles/animations.mjs

@@ -0,0 +1,14 @@
+import { keyframes } from "antd-style";
+//#region src/styles/animations.ts
+const fadeIn = keyframes`
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+`;
+//#endregion
+export { fadeIn };
+
+//# sourceMappingURL=animations.mjs.map

package/es/styles/animations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.mjs","names":[],"sources":["../../src/styles/animations.ts"],"sourcesContent":["import { keyframes } from 'antd-style';\r\n\r\nexport const fadeIn = keyframes`\r\n    0% {\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n    }\r\n`;\r\n"],"mappings":";;AAEA,MAAa,SAAS,SAAS"}

package/es/styles/brandCssVar.d.mts

@@ -0,0 +1,16 @@
+//#region src/styles/brandCssVar.d.ts
+/**
+ * CSS variables for the Jinmi brand tokens. antd-style's `cssVar` only maps antd's
+ * own design tokens, so the brand tokens are emitted by `EssentialStyle` and read
+ * through this map inside `createStaticStyles`.
+ */
+declare const brandCssVar: {
+  readonly colorBrand: "var(--jinmi-color-brand)";
+  readonly colorBrandBg: "var(--jinmi-color-brand-bg)";
+  readonly colorBrandBorder: "var(--jinmi-color-brand-border)";
+  readonly colorBrandGlow: "var(--jinmi-color-brand-glow)";
+  readonly colorBrandText: "var(--jinmi-color-brand-text)";
+};
+//#endregion
+export { brandCssVar };
+//# sourceMappingURL=brandCssVar.d.mts.map

package/es/styles/brandCssVar.mjs

@@ -0,0 +1,17 @@
+//#region src/styles/brandCssVar.ts
+/**
+* CSS variables for the Jinmi brand tokens. antd-style's `cssVar` only maps antd's
+* own design tokens, so the brand tokens are emitted by `EssentialStyle` and read
+* through this map inside `createStaticStyles`.
+*/
+const brandCssVar = {
+	colorBrand: "var(--jinmi-color-brand)",
+	colorBrandBg: "var(--jinmi-color-brand-bg)",
+	colorBrandBorder: "var(--jinmi-color-brand-border)",
+	colorBrandGlow: "var(--jinmi-color-brand-glow)",
+	colorBrandText: "var(--jinmi-color-brand-text)"
+};
+//#endregion
+export { brandCssVar };
+
+//# sourceMappingURL=brandCssVar.mjs.map

package/es/styles/brandCssVar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandCssVar.mjs","names":[],"sources":["../../src/styles/brandCssVar.ts"],"sourcesContent":["/**\n * CSS variables for the Jinmi brand tokens. antd-style's `cssVar` only maps antd's\n * own design tokens, so the brand tokens are emitted by `EssentialStyle` and read\n * through this map inside `createStaticStyles`.\n */\nexport const brandCssVar = {\n  colorBrand: 'var(--jinmi-color-brand)',\n  colorBrandBg: 'var(--jinmi-color-brand-bg)',\n  colorBrandBorder: 'var(--jinmi-color-brand-border)',\n  colorBrandGlow: 'var(--jinmi-color-brand-glow)',\n  colorBrandText: 'var(--jinmi-color-brand-text)',\n} as const;\n"],"mappings":";;;;;;AAKA,MAAa,cAAc;CACzB,YAAY;CACZ,cAAc;CACd,kBAAkB;CAClB,gBAAgB;CAChB,gBAAgB;AAClB"}

package/es/styles/classNames.d.mts

@@ -0,0 +1,8 @@
+//#region src/styles/classNames.d.ts
+declare const CLASSNAMES: {
+  ContextTrigger: string;
+  DropdownMenuTrigger: string;
+};
+//#endregion
+export { CLASSNAMES };
+//# sourceMappingURL=classNames.d.mts.map

package/es/styles/classNames.mjs

@@ -0,0 +1,9 @@
+//#region src/styles/classNames.ts
+const CLASSNAMES = {
+	ContextTrigger: "jinmi-context-trigger",
+	DropdownMenuTrigger: "jinmi-dropdown-menu-trigger"
+};
+//#endregion
+export { CLASSNAMES };
+
+//# sourceMappingURL=classNames.mjs.map

package/es/styles/classNames.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.mjs","names":[],"sources":["../../src/styles/classNames.ts"],"sourcesContent":["export const CLASSNAMES = {\n  ContextTrigger: 'jinmi-context-trigger',\n  DropdownMenuTrigger: 'jinmi-dropdown-menu-trigger',\n};\n"],"mappings":";AAAA,MAAa,aAAa;CACxB,gBAAgB;CAChB,qBAAqB;AACvB"}

package/es/styles/customTheme.d.mts

@@ -0,0 +1,32 @@
+//#region src/styles/customTheme.d.ts
+declare const primaryColors: {
+  blue: string;
+  cyan: string;
+  geekblue: string;
+  gold: string;
+  green: string;
+  lime: string;
+  magenta: string;
+  orange: string;
+  purple: string;
+  red: string;
+  volcano: string;
+  yellow: string;
+};
+type PrimaryColorsObj = typeof primaryColors;
+type PrimaryColors = keyof PrimaryColorsObj;
+declare const primaryColorsSwatches: string[];
+declare const neutralColors: {
+  mauve: string;
+  olive: string;
+  sage: string;
+  sand: string;
+  slate: string;
+};
+declare const neutralColorsSwatches: string[];
+type NeutralColorsObj = typeof neutralColors;
+type NeutralColors = keyof NeutralColorsObj;
+declare const findCustomThemeName: (type: "primary" | "neutral", value: string) => string | undefined;
+//#endregion
+export { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };
+//# sourceMappingURL=customTheme.d.mts.map

package/es/styles/customTheme.mjs

@@ -0,0 +1,67 @@
+import blueGeekblueMix from "../color/colors/blue.mjs";
+import cyan from "../color/colors/cyan.mjs";
+import geekblue from "../color/colors/geekblue.mjs";
+import gold from "../color/colors/gold.mjs";
+import green from "../color/colors/green.mjs";
+import lime from "../color/colors/lime.mjs";
+import magenta from "../color/colors/magenta.mjs";
+import orange from "../color/colors/orange.mjs";
+import purple from "../color/colors/purple.mjs";
+import red from "../color/colors/red.mjs";
+import volcano from "../color/colors/volcano.mjs";
+import yellow from "../color/colors/yellow.mjs";
+import mauve from "../color/neutrals/mauve.mjs";
+import olive from "../color/neutrals/olive.mjs";
+import sage from "../color/neutrals/sage.mjs";
+import sand from "../color/neutrals/sand.mjs";
+import slate from "../color/neutrals/slate.mjs";
+//#region src/styles/customTheme.ts
+const primaryColors = {
+	blue: blueGeekblueMix.dark[9],
+	cyan: cyan.dark[9],
+	geekblue: geekblue.dark[9],
+	gold: gold.dark[9],
+	green: green.dark[9],
+	lime: lime.dark[9],
+	magenta: magenta.dark[9],
+	orange: orange.dark[9],
+	purple: purple.dark[9],
+	red: red.dark[9],
+	volcano: volcano.dark[9],
+	yellow: yellow.dark[9]
+};
+const primaryColorsSwatches = [
+	primaryColors.red,
+	primaryColors.orange,
+	primaryColors.gold,
+	primaryColors.yellow,
+	primaryColors.lime,
+	primaryColors.green,
+	primaryColors.cyan,
+	primaryColors.blue,
+	primaryColors.geekblue,
+	primaryColors.purple,
+	primaryColors.magenta,
+	primaryColors.volcano
+];
+const neutralColors = {
+	mauve: mauve.dark[9],
+	olive: olive.dark[9],
+	sage: sage.dark[9],
+	sand: sand.dark[9],
+	slate: slate.dark[9]
+};
+const neutralColorsSwatches = [
+	neutralColors.mauve,
+	neutralColors.slate,
+	neutralColors.sage,
+	neutralColors.olive,
+	neutralColors.sand
+];
+const findCustomThemeName = (type, value) => {
+	return Object.entries(type === "primary" ? primaryColors : neutralColors).find((item) => item[1] === value)?.[0];
+};
+//#endregion
+export { findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };
+
+//# sourceMappingURL=customTheme.mjs.map

package/es/styles/customTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customTheme.mjs","names":["blue"],"sources":["../../src/styles/customTheme.ts"],"sourcesContent":["import {\r\n  blue,\r\n  cyan,\r\n  geekblue,\r\n  gold,\r\n  green,\r\n  lime,\r\n  magenta,\r\n  orange,\r\n  purple,\r\n  red,\r\n  volcano,\r\n  yellow,\r\n} from '@/color/colors';\r\nimport { mauve, olive, sage, sand, slate } from '@/color/neutrals';\r\n\r\nexport const primaryColors = {\r\n  blue: blue.dark[9],\r\n  cyan: cyan.dark[9],\r\n  geekblue: geekblue.dark[9],\r\n  gold: gold.dark[9],\r\n  green: green.dark[9],\r\n  lime: lime.dark[9],\r\n  magenta: magenta.dark[9],\r\n  orange: orange.dark[9],\r\n  purple: purple.dark[9],\r\n  red: red.dark[9],\r\n  volcano: volcano.dark[9],\r\n  yellow: yellow.dark[9],\r\n};\r\n\r\nexport type PrimaryColorsObj = typeof primaryColors;\r\nexport type PrimaryColors = keyof PrimaryColorsObj;\r\nexport const primaryColorsSwatches = [\r\n  primaryColors.red,\r\n  primaryColors.orange,\r\n  primaryColors.gold,\r\n  primaryColors.yellow,\r\n  primaryColors.lime,\r\n  primaryColors.green,\r\n  primaryColors.cyan,\r\n  primaryColors.blue,\r\n  primaryColors.geekblue,\r\n  primaryColors.purple,\r\n  primaryColors.magenta,\r\n  primaryColors.volcano,\r\n];\r\nexport const neutralColors = {\r\n  mauve: mauve.dark[9],\r\n  olive: olive.dark[9],\r\n  sage: sage.dark[9],\r\n  sand: sand.dark[9],\r\n  slate: slate.dark[9],\r\n};\r\nexport const neutralColorsSwatches = [\r\n  neutralColors.mauve,\r\n  neutralColors.slate,\r\n  neutralColors.sage,\r\n  neutralColors.olive,\r\n  neutralColors.sand,\r\n];\r\n\r\nexport type NeutralColorsObj = typeof neutralColors;\r\nexport type NeutralColors = keyof NeutralColorsObj;\r\n\r\nexport const findCustomThemeName = (type: 'primary' | 'neutral', value: string) => {\r\n  const res = type === 'primary' ? primaryColors : neutralColors;\r\n  const result = Object.entries(res).find((item) => item[1] === value);\r\n  return result?.[0];\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB;CAC3B,MAAMA,gBAAK,KAAK;CAChB,MAAM,KAAK,KAAK;CAChB,UAAU,SAAS,KAAK;CACxB,MAAM,KAAK,KAAK;CAChB,OAAO,MAAM,KAAK;CAClB,MAAM,KAAK,KAAK;CAChB,SAAS,QAAQ,KAAK;CACtB,QAAQ,OAAO,KAAK;CACpB,QAAQ,OAAO,KAAK;CACpB,KAAK,IAAI,KAAK;CACd,SAAS,QAAQ,KAAK;CACtB,QAAQ,OAAO,KAAK;AACtB;AAIA,MAAa,wBAAwB;CACnC,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;AAChB;AACA,MAAa,gBAAgB;CAC3B,OAAO,MAAM,KAAK;CAClB,OAAO,MAAM,KAAK;CAClB,MAAM,KAAK,KAAK;CAChB,MAAM,KAAK,KAAK;CAChB,OAAO,MAAM,KAAK;AACpB;AACA,MAAa,wBAAwB;CACnC,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;AAChB;AAKA,MAAa,uBAAuB,MAA6B,UAAkB;CAGjF,OADe,OAAO,QADV,SAAS,YAAY,gBAAgB,aAChB,CAAC,CAAC,MAAM,SAAS,KAAK,OAAO,KAClD,CAAC,GAAG;AAClB"}

package/es/styles/index.d.mts

@@ -0,0 +1,8 @@
+import { brandCssVar } from "./brandCssVar.mjs";
+import { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches } from "./customTheme.mjs";
+import { inkCssVar } from "./inkCssVar.mjs";
+import { generateCustomStylish } from "./theme/customStylish.mjs";
+import { staticStylish } from "./theme/customStylishStatic.mjs";
+import { brandToken, generateCustomToken, inkToken } from "./theme/customToken.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "./theme/generateColorPalette.mjs";
+export { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, brandCssVar, brandToken, findCustomThemeName, generateColorNeutralPalette, generateColorPalette, inkCssVar, inkToken, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };

package/es/styles/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/styles/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/styles/index.mjs

@@ -0,0 +1,8 @@
+import { brandCssVar } from "./brandCssVar.mjs";
+import { findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches } from "./customTheme.mjs";
+import { inkCssVar } from "./inkCssVar.mjs";
+import { generateCustomStylish } from "./theme/customStylish.mjs";
+import { staticStylish } from "./theme/customStylishStatic.mjs";
+import { brandToken, generateCustomToken, inkToken } from "./theme/customToken.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "./theme/generateColorPalette.mjs";
+export { brandCssVar, brandToken, findCustomThemeName, generateColorNeutralPalette, generateColorPalette, inkCssVar, inkToken, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };

package/es/styles/inkCssVar.d.mts

@@ -0,0 +1,15 @@
+//#region src/styles/inkCssVar.d.ts
+/**
+ * CSS variables for the Jinmi ink tokens: the fill of primary buttons, switches,
+ * checkboxes, radios, progress and sliders. Emitted by `EssentialStyle`; read
+ * through this map inside `createStaticStyles`.
+ */
+declare const inkCssVar: {
+  readonly colorInk: "var(--jinmi-color-ink)";
+  readonly colorInkActive: "var(--jinmi-color-ink-active)";
+  readonly colorInkHover: "var(--jinmi-color-ink-hover)";
+  readonly colorInkText: "var(--jinmi-color-ink-text)";
+};
+//#endregion
+export { inkCssVar };
+//# sourceMappingURL=inkCssVar.d.mts.map

package/es/styles/inkCssVar.mjs

@@ -0,0 +1,16 @@
+//#region src/styles/inkCssVar.ts
+/**
+* CSS variables for the Jinmi ink tokens: the fill of primary buttons, switches,
+* checkboxes, radios, progress and sliders. Emitted by `EssentialStyle`; read
+* through this map inside `createStaticStyles`.
+*/
+const inkCssVar = {
+	colorInk: "var(--jinmi-color-ink)",
+	colorInkActive: "var(--jinmi-color-ink-active)",
+	colorInkHover: "var(--jinmi-color-ink-hover)",
+	colorInkText: "var(--jinmi-color-ink-text)"
+};
+//#endregion
+export { inkCssVar };
+
+//# sourceMappingURL=inkCssVar.mjs.map

package/es/styles/inkCssVar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inkCssVar.mjs","names":[],"sources":["../../src/styles/inkCssVar.ts"],"sourcesContent":["/**\n * CSS variables for the Jinmi ink tokens: the fill of primary buttons, switches,\n * checkboxes, radios, progress and sliders. Emitted by `EssentialStyle`; read\n * through this map inside `createStaticStyles`.\n */\nexport const inkCssVar = {\n  colorInk: 'var(--jinmi-color-ink)',\n  colorInkActive: 'var(--jinmi-color-ink-active)',\n  colorInkHover: 'var(--jinmi-color-ink-hover)',\n  colorInkText: 'var(--jinmi-color-ink-text)',\n} as const;\n"],"mappings":";;;;;;AAKA,MAAa,YAAY;CACvB,UAAU;CACV,gBAAgB;CAChB,eAAe;CACf,cAAc;AAChB"}

package/es/styles/theme/algorithms/darkAlgorithm.mjs

@@ -0,0 +1,34 @@
+import { colorScales } from "../../../color/colors/index.mjs";
+import { neutralColorScales } from "../../../color/neutrals/index.mjs";
+import { generateCustomColorToken } from "../customToken.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
+import darkBaseToken from "../token/dark.mjs";
+//#region src/styles/theme/algorithms/darkAlgorithm.ts
+const darkAlgorithm = (seedToken, mapToken) => {
+	const primaryColor = seedToken.primaryColor;
+	const neutralColor = seedToken.neutralColor;
+	let primaryTokens = {};
+	let neutralTokens = {};
+	const primaryScale = colorScales[primaryColor];
+	if (primaryScale) primaryTokens = generateColorPalette({
+		appearance: "dark",
+		scale: primaryScale,
+		type: "Primary"
+	});
+	const neutralScale = neutralColorScales[neutralColor];
+	if (neutralScale) neutralTokens = generateColorNeutralPalette({
+		appearance: "dark",
+		scale: neutralScale
+	});
+	return {
+		...mapToken,
+		...darkBaseToken,
+		...primaryTokens,
+		...neutralTokens,
+		...generateCustomColorToken(true)
+	};
+};
+//#endregion
+export { darkAlgorithm };
+
+//# sourceMappingURL=darkAlgorithm.mjs.map

package/es/styles/theme/algorithms/darkAlgorithm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"darkAlgorithm.mjs","names":[],"sources":["../../../../src/styles/theme/algorithms/darkAlgorithm.ts"],"sourcesContent":["import type { MappingAlgorithm } from 'antd/es/theme/interface';\r\n\r\nimport { colorScales } from '@/color/colors';\r\nimport { neutralColorScales } from '@/color/neutrals';\r\nimport type { ColorScaleItem } from '@/color/types';\r\nimport { generateCustomColorToken } from '@/styles/theme/customToken';\r\nimport darkBaseToken from '@/styles/theme/token/dark';\r\n\r\nimport type { NeutralColors, PrimaryColors } from '../../customTheme';\r\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\r\n\r\nexport const darkAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {\r\n  const primaryColor = (seedToken as any).primaryColor as PrimaryColors;\r\n  const neutralColor = (seedToken as any).neutralColor as NeutralColors;\r\n\r\n  let primaryTokens = {};\r\n  let neutralTokens = {};\r\n\r\n  // generate primary color Token with colorPrimary\r\n  const primaryScale: ColorScaleItem = colorScales[primaryColor];\r\n\r\n  if (primaryScale) {\r\n    primaryTokens = generateColorPalette({\r\n      appearance: 'dark',\r\n      scale: primaryScale,\r\n      type: 'Primary',\r\n    });\r\n  }\r\n\r\n  // generate neutral color Token with colorBgBase\r\n  const neutralScale = neutralColorScales[neutralColor];\r\n  if (neutralScale) {\r\n    neutralTokens = generateColorNeutralPalette({ appearance: 'dark', scale: neutralScale });\r\n  }\r\n\r\n  return {\r\n    ...mapToken!,\r\n    ...darkBaseToken,\r\n    ...primaryTokens,\r\n    ...neutralTokens,\r\n    ...generateCustomColorToken(true),\r\n  };\r\n};\r\n"],"mappings":";;;;;;AAWA,MAAa,iBAAmC,WAAW,aAAa;CACtE,MAAM,eAAgB,UAAkB;CACxC,MAAM,eAAgB,UAAkB;CAExC,IAAI,gBAAgB,CAAC;CACrB,IAAI,gBAAgB,CAAC;CAGrB,MAAM,eAA+B,YAAY;CAEjD,IAAI,cACF,gBAAgB,qBAAqB;EACnC,YAAY;EACZ,OAAO;EACP,MAAM;CACR,CAAC;CAIH,MAAM,eAAe,mBAAmB;CACxC,IAAI,cACF,gBAAgB,4BAA4B;EAAE,YAAY;EAAQ,OAAO;CAAa,CAAC;CAGzF,OAAO;EACL,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG,yBAAyB,IAAI;CAClC;AACF"}

package/es/styles/theme/algorithms/lightAlgorithm.mjs

@@ -0,0 +1,34 @@
+import { colorScales } from "../../../color/colors/index.mjs";
+import { neutralColorScales } from "../../../color/neutrals/index.mjs";
+import { generateCustomColorToken } from "../customToken.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
+import lightBaseToken from "../token/light.mjs";
+//#region src/styles/theme/algorithms/lightAlgorithm.ts
+const lightAlgorithm = (seedToken, mapToken) => {
+	const primaryColor = seedToken.primaryColor;
+	const neutralColor = seedToken.neutralColor;
+	let primaryTokens = {};
+	let neutralTokens = {};
+	const primaryScale = colorScales[primaryColor];
+	if (primaryScale) primaryTokens = generateColorPalette({
+		appearance: "light",
+		scale: primaryScale,
+		type: "Primary"
+	});
+	const neutralScale = neutralColorScales[neutralColor];
+	if (neutralScale) neutralTokens = generateColorNeutralPalette({
+		appearance: "light",
+		scale: neutralScale
+	});
+	return {
+		...mapToken,
+		...lightBaseToken,
+		...primaryTokens,
+		...neutralTokens,
+		...generateCustomColorToken(false)
+	};
+};
+//#endregion
+export { lightAlgorithm };
+
+//# sourceMappingURL=lightAlgorithm.mjs.map

package/es/styles/theme/algorithms/lightAlgorithm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightAlgorithm.mjs","names":[],"sources":["../../../../src/styles/theme/algorithms/lightAlgorithm.ts"],"sourcesContent":["import type { MappingAlgorithm } from 'antd/es/theme/interface';\r\n\r\nimport { colorScales } from '@/color/colors';\r\nimport { neutralColorScales } from '@/color/neutrals';\r\nimport type { ColorScaleItem } from '@/color/types';\r\n\r\nimport type { NeutralColors, PrimaryColors } from '../../customTheme';\r\nimport { generateCustomColorToken } from '../customToken';\r\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\r\nimport lightBaseToken from '../token/light';\r\n\r\nexport const lightAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {\r\n  const primaryColor = (seedToken as any).primaryColor as PrimaryColors;\r\n  const neutralColor = (seedToken as any).neutralColor as NeutralColors;\r\n\r\n  let primaryTokens = {};\r\n  let neutralTokens = {};\r\n  const primaryScale: ColorScaleItem = colorScales[primaryColor];\r\n\r\n  if (primaryScale) {\r\n    primaryTokens = generateColorPalette({\r\n      appearance: 'light',\r\n      scale: primaryScale,\r\n      type: 'Primary',\r\n    });\r\n  }\r\n\r\n  const neutralScale = neutralColorScales[neutralColor];\r\n  if (neutralScale) {\r\n    neutralTokens = generateColorNeutralPalette({ appearance: 'light', scale: neutralScale });\r\n  }\r\n\r\n  return {\r\n    ...mapToken!,\r\n    ...lightBaseToken,\r\n    ...primaryTokens,\r\n    ...neutralTokens,\r\n    ...generateCustomColorToken(false),\r\n  };\r\n};\r\n"],"mappings":";;;;;;AAWA,MAAa,kBAAoC,WAAW,aAAa;CACvE,MAAM,eAAgB,UAAkB;CACxC,MAAM,eAAgB,UAAkB;CAExC,IAAI,gBAAgB,CAAC;CACrB,IAAI,gBAAgB,CAAC;CACrB,MAAM,eAA+B,YAAY;CAEjD,IAAI,cACF,gBAAgB,qBAAqB;EACnC,YAAY;EACZ,OAAO;EACP,MAAM;CACR,CAAC;CAGH,MAAM,eAAe,mBAAmB;CACxC,IAAI,cACF,gBAAgB,4BAA4B;EAAE,YAAY;EAAS,OAAO;CAAa,CAAC;CAG1F,OAAO;EACL,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG,yBAAyB,KAAK;CACnC;AACF"}