@jinmi/ui 0.0.0-stage → 6.0.1

package/es/color/CssVar/ScaleRow.mjs

@@ -0,0 +1,45 @@
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { copyToClipboard } from "../../utils/copyToClipboard.mjs";
+import { toast } from "../../base-ui/Toast/imperative.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/color/CssVar/ScaleRow.tsx
+const ScaleRow = memo(({ name, title, scale }) => {
+	const style = {};
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		gap: 2,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: styles.scaleRowTitle,
+			children: /* @__PURE__ */ jsx("div", {
+				className: styles.text,
+				children: title
+			})
+		}, title), scale.map((color, index) => {
+			if (index === 0 || index === 12) return false;
+			return /* @__PURE__ */ jsx("div", {
+				className: styles.scaleBox,
+				style,
+				title: color,
+				onClick: async () => {
+					const content = `token.${name}${index} /* ${color} */`;
+					await copyToClipboard(content);
+					toast.success(content);
+				},
+				children: /* @__PURE__ */ jsx(FlexBasic_default, {
+					horizontal: true,
+					align: "center",
+					className: styles.scaleItem,
+					justify: "center",
+					style: { backgroundColor: color }
+				})
+			}, index);
+		})]
+	});
+});
+//#endregion
+export { ScaleRow as default };
+
+//# sourceMappingURL=ScaleRow.mjs.map

package/es/color/CssVar/ScaleRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/CssVar/ScaleRow.tsx"],"sourcesContent":["import { memo } from 'react';\r\n\r\nimport { toast } from '@/base-ui/Toast';\r\nimport { Flexbox } from '@/Flex';\r\nimport { copyToClipboard } from '@/utils/copyToClipboard';\r\n\r\nimport { styles } from './style';\r\n\r\nexport interface IScaleRow {\r\n  name: string;\r\n  scale: string[];\r\n  title: 'light' | 'dark';\r\n}\r\n\r\nconst ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {\r\n  const style = {};\r\n  const isAlpha = false;\r\n\r\n  return (\r\n    <Flexbox horizontal align={'center'} gap={2}>\r\n      <div className={styles.scaleRowTitle} key={title}>\r\n        <div className={styles.text}>{title}</div>\r\n      </div>\r\n      {scale.map((color, index) => {\r\n        if (index === 0 || index === 12) return false;\r\n\r\n        return (\r\n          <div\r\n            className={styles.scaleBox}\r\n            key={index}\r\n            style={style}\r\n            title={color}\r\n            onClick={async () => {\r\n              const content = `token.${name}${index}${isAlpha ? 'A' : ''} /* ${color} */`;\r\n\r\n              await copyToClipboard(content);\r\n              toast.success(content);\r\n            }}\r\n          >\r\n            <Flexbox\r\n              horizontal\r\n              align={'center'}\r\n              className={styles.scaleItem}\r\n              justify={'center'}\r\n              style={{ backgroundColor: color }}\r\n            />\r\n          </div>\r\n        );\r\n      })}\r\n    </Flexbox>\r\n  );\r\n});\r\n\r\nexport default ScaleRow;\r\n"],"mappings":";;;;;;;AAcA,MAAM,WAAW,MAAiB,EAAE,MAAM,OAAO,YAAY;CAC3D,MAAM,QAAQ,CAAC;CAGf,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAA1C,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAO,UAAA;GAAW,CAAA;EACtC,GAFsC,KAEtC,GACJ,MAAM,KAAK,OAAO,UAAU;GAC3B,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;GAExC,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,MAAA,MAAiC,MAAM;KAEvE,MAAM,gBAAgB,OAAO;KAC7B,MAAM,QAAQ,OAAO;IACvB;IAEA,UAAA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,MAAM;IACjC,CAAA;GACE,GAjBE,KAiBF;EAET,CAAC,CACM;;AAEb,CAAC"}

package/es/color/CssVar/VarRow.mjs

@@ -0,0 +1,54 @@
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { copyToClipboard } from "../../utils/copyToClipboard.mjs";
+import { toast } from "../../base-ui/Toast/imperative.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cssVar } from "antd-style";
+//#region src/color/CssVar/VarRow.tsx
+const ScaleRow = memo(({ name }) => {
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		gap: 2,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: styles.scaleRowTitle,
+			children: /* @__PURE__ */ jsx("div", {
+				className: styles.text,
+				children: "cssVar"
+			})
+		}, name), [
+			1,
+			2,
+			3,
+			4,
+			5,
+			6,
+			7,
+			8,
+			9,
+			10
+		].map((color) => {
+			return /* @__PURE__ */ jsx("div", {
+				className: styles.scaleBox,
+				title: cssVar[`${name}${color}`],
+				onClick: async () => {
+					const content = cssVar[`${name}${color}`];
+					await copyToClipboard(content);
+					toast.success(content);
+				},
+				children: /* @__PURE__ */ jsx(FlexBasic_default, {
+					horizontal: true,
+					align: "center",
+					className: styles.scaleItem,
+					justify: "center",
+					style: { backgroundColor: cssVar[`${name}${color}`] }
+				})
+			}, color);
+		})]
+	});
+});
+//#endregion
+export { ScaleRow as default };
+
+//# sourceMappingURL=VarRow.mjs.map

package/es/color/CssVar/VarRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarRow.mjs","names":["Flexbox"],"sources":["../../../src/color/CssVar/VarRow.tsx"],"sourcesContent":["import { cssVar } from 'antd-style';\r\nimport { memo } from 'react';\r\n\r\nimport { toast } from '@/base-ui/Toast';\r\nimport { Flexbox } from '@/Flex';\r\nimport { copyToClipboard } from '@/utils/copyToClipboard';\r\n\r\nimport { styles } from './style';\r\n\r\nexport interface IScaleRow {\r\n  name: string;\r\n}\r\n\r\nconst ScaleRow = memo<IScaleRow>(({ name }) => {\r\n  return (\r\n    <Flexbox horizontal align={'center'} gap={2}>\r\n      <div className={styles.scaleRowTitle} key={name}>\r\n        <div className={styles.text}>cssVar</div>\r\n      </div>\r\n      {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((color) => {\r\n        return (\r\n          <div\r\n            className={styles.scaleBox}\r\n            key={color}\r\n            title={(cssVar as any)[`${name}${color}`] as any}\r\n            onClick={async () => {\r\n              const content = (cssVar as any)[`${name}${color}`] as any;\r\n\r\n              await copyToClipboard(content);\r\n              toast.success(content);\r\n            }}\r\n          >\r\n            <Flexbox\r\n              horizontal\r\n              align={'center'}\r\n              className={styles.scaleItem}\r\n              justify={'center'}\r\n              style={{ backgroundColor: (cssVar as any)[`${name}${color}`] as any }}\r\n            />\r\n          </div>\r\n        );\r\n      })}\r\n    </Flexbox>\r\n  );\r\n});\r\n\r\nexport default ScaleRow;\r\n"],"mappings":";;;;;;;;AAaA,MAAM,WAAW,MAAiB,EAAE,WAAW;CAC7C,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAA1C,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAM,UAAA;GAAW,CAAA;EACrC,GAFsC,IAEtC,GACJ;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;EAAE,CAAC,CAAC,KAAK,UAAU;GAC9C,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAElB,OAAQ,OAAe,GAAG,OAAO;IACjC,SAAS,YAAY;KACnB,MAAM,UAAW,OAAe,GAAG,OAAO;KAE1C,MAAM,gBAAgB,OAAO;KAC7B,MAAM,QAAQ,OAAO;IACvB;IAEA,UAAA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAkB,OAAe,GAAG,OAAO,SAAgB;IACrE,CAAA;GACE,GAhBE,KAgBF;EAET,CAAC,CACM;;AAEb,CAAC"}

package/es/color/CssVar/index.d.mts

@@ -0,0 +1,20 @@
+import { ColorScaleItem } from "../types.mjs";
+//#region src/color/CssVar/index.d.ts
+interface ColorScalesProps {
+  /**
+   * @description Index of the mid highlight color in the scale
+   */
+  midHighLight: number;
+  /**
+   * @description Name of the color scale
+   */
+  name: string;
+  /**
+   * @description Color scale item object
+   */
+  scale: ColorScaleItem;
+}
+declare const ColorScales: import("react").NamedExoticComponent<ColorScalesProps>;
+//#endregion
+export { ColorScalesProps, ColorScales as default };
+//# sourceMappingURL=index.d.mts.map

package/es/color/CssVar/index.mjs

@@ -0,0 +1,83 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { ToastHost } from "../../base-ui/Toast/imperative.mjs";
+import { styles } from "./style.mjs";
+import ScaleRow from "./ScaleRow.mjs";
+import ScaleRow$1 from "./VarRow.mjs";
+import { memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useThemeMode } from "antd-style";
+//#region src/color/CssVar/index.tsx
+const ColorScales = memo(({ name, scale, midHighLight }) => {
+	const { isDarkMode } = useThemeMode();
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		flex: 1,
+		justify: "center",
+		children: [/* @__PURE__ */ jsx("div", {
+			style: { padding: "8px 16px 32px 0" },
+			children: /* @__PURE__ */ jsxs(FlexBasic_default, {
+				gap: 2,
+				children: [
+					/* @__PURE__ */ jsxs(FlexBasic_default, {
+						horizontal: true,
+						align: "center",
+						gap: 2,
+						children: [/* @__PURE__ */ jsx(FlexBasic_default, {
+							horizontal: true,
+							align: "center",
+							className: styles.scaleRowTitle
+						}, "scale-num"), Array.from({ length: scale.light.length }).fill("").map((_, index) => {
+							if (index === 0 || index === 12) return false;
+							const isMidHighlight = midHighLight === index;
+							return /* @__PURE__ */ jsx("div", {
+								className: styles.scaleBox,
+								children: /* @__PURE__ */ jsx("div", {
+									className: styles.scaleBox,
+									children: /* @__PURE__ */ jsx(FlexBasic_default, {
+										horizontal: true,
+										align: "center",
+										className: styles.scaleItem,
+										justify: "center",
+										style: {
+											fontWeight: isMidHighlight ? 700 : 400,
+											opacity: .5
+										},
+										children: index
+									})
+								})
+							}, `num${index}`);
+						})]
+					}, "scale-title"),
+					/* @__PURE__ */ jsx(ScaleRow$1, { name }),
+					isDarkMode ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ScaleRow, {
+						name,
+						scale: scale.dark,
+						title: "dark"
+					}, "dark"), /* @__PURE__ */ jsx(ScaleRow, {
+						name,
+						scale: scale.light,
+						title: "light"
+					}, "light")] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						" ",
+						/* @__PURE__ */ jsx(ScaleRow, {
+							name,
+							scale: scale.light,
+							title: "light"
+						}, "light"),
+						/* @__PURE__ */ jsx(ScaleRow, {
+							name,
+							scale: scale.dark,
+							title: "dark"
+						}, "dark")
+					] })
+				]
+			})
+		}), /* @__PURE__ */ jsx(ToastHost, {})]
+	});
+});
+//#endregion
+export { ColorScales as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/color/CssVar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Flexbox","VarRow"],"sources":["../../../src/color/CssVar/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useThemeMode } from 'antd-style';\r\nimport { memo } from 'react';\r\n\r\nimport { ToastHost } from '@/base-ui/Toast';\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport { type ColorScaleItem } from '../types';\r\nimport ScaleRow from './ScaleRow';\r\nimport { styles } from './style';\r\nimport VarRow from './VarRow';\r\n\r\nexport interface ColorScalesProps {\r\n  /**\r\n   * @description Index of the mid highlight color in the scale\r\n   */\r\n  midHighLight: number;\r\n  /**\r\n   * @description Name of the color scale\r\n   */\r\n  name: string;\r\n  /**\r\n   * @description Color scale item object\r\n   */\r\n  scale: ColorScaleItem;\r\n}\r\n\r\nconst ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {\r\n  const { isDarkMode } = useThemeMode();\r\n  return (\r\n    <Flexbox horizontal align={'center'} flex={1} justify={'center'}>\r\n      <div style={{ padding: '8px 16px 32px 0' }}>\r\n        <Flexbox gap={2}>\r\n          <Flexbox horizontal align={'center'} gap={2} key=\"scale-title\">\r\n            <Flexbox horizontal align={'center'} className={styles.scaleRowTitle} key=\"scale-num\" />\r\n            {Array.from({ length: scale.light.length })\r\n              .fill('')\r\n              .map((_, index) => {\r\n                if (index === 0 || index === 12) return false;\r\n\r\n                const isMidHighlight = midHighLight === index;\r\n\r\n                return (\r\n                  <div className={styles.scaleBox} key={`num${index}`}>\r\n                    <div className={styles.scaleBox}>\r\n                      <Flexbox\r\n                        horizontal\r\n                        align={'center'}\r\n                        className={styles.scaleItem}\r\n                        justify={'center'}\r\n                        style={{\r\n                          fontWeight: isMidHighlight ? 700 : 400,\r\n                          opacity: 0.5,\r\n                        }}\r\n                      >\r\n                        {index}\r\n                      </Flexbox>\r\n                    </div>\r\n                  </div>\r\n                );\r\n              })}\r\n          </Flexbox>\r\n          <VarRow name={name} />\r\n          {isDarkMode ? (\r\n            <>\r\n              <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\r\n              <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\r\n            </>\r\n          ) : (\r\n            <>\r\n              {' '}\r\n              <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\r\n              <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\r\n            </>\r\n          )}\r\n        </Flexbox>\r\n      </div>\r\n      <ToastHost />\r\n    </Flexbox>\r\n  );\r\n});\r\n\r\nexport default ColorScales;\r\n"],"mappings":";;;;;;;;;;AA4BA,MAAM,cAAc,MAAwB,EAAE,MAAM,OAAO,mBAAmB;CAC5E,MAAM,EAAE,eAAe,aAAa;CACpC,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,SAAS;EAAvD,UAAA,CACE,oBAAC,OAAD;GAAK,OAAO,EAAE,SAAS,kBAAkB;GACvC,UAAA,qBAACA,mBAAD;IAAS,KAAK;IAAd,UAAA;KACE,qBAACA,mBAAD;MAAS,YAAA;MAAW,OAAO;MAAU,KAAK;MAA1C,UAAA,CACE,oBAACA,mBAAD;OAAS,YAAA;OAAW,OAAO;OAAU,WAAW,OAAO;MAAgC,GAAb,WAAa,GACtF,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,OAAO,CAAC,CAAC,CACxC,KAAK,EAAE,CAAC,CACR,KAAK,GAAG,UAAU;OACjB,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;OAExC,MAAM,iBAAiB,iBAAiB;OAExC,OACE,oBAAC,OAAD;QAAK,WAAW,OAAO;QACrB,UAAA,oBAAC,OAAD;SAAK,WAAW,OAAO;SACrB,UAAA,oBAACA,mBAAD;UACE,YAAA;UACA,OAAO;UACP,WAAW,OAAO;UAClB,SAAS;UACT,OAAO;WACL,YAAY,iBAAiB,MAAM;WACnC,SAAS;UACX;UAEC,UAAA;SACM,CAAA;QACN,CAAA;OACF,GAfiC,MAAM,OAevC;MAET,CAAC,CACI;KA5BwC,GAAA,aA4BxC;KACT,oBAACC,YAAD,EAAc,KAAO,CAAA;KACpB,aACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,UAAD;MAA2B;MAAM,OAAO,MAAM;MAAM,OAAM;KAAQ,GAApD,MAAoD,GAClE,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD,CACrE,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA;MACG;MACD,oBAAC,UAAD;OAA4B;OAAM,OAAO,MAAM;OAAO,OAAM;MAAS,GAAvD,OAAuD;MACrE,oBAAC,UAAD;OAA2B;OAAM,OAAO,MAAM;OAAM,OAAM;MAAQ,GAApD,MAAoD;KAClE,EAAA,CAAA;IAEG;;EACN,CAAA,GACL,oBAAC,WAAD,CAAY,CAAA,CACL;;AAEb,CAAC"}

package/es/color/CssVar/style.mjs

@@ -0,0 +1,40 @@
+import { createStaticStyles } from "antd-style";
+//#region src/color/CssVar/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	scaleBox: css`
+    cursor: pointer;
+
+    position: relative;
+
+    width: 48px;
+    height: 32px;
+
+    background-position:
+      0 0,
+      0 8px,
+      8px -8px,
+      -8px 0;
+    background-size: 16px 16px;
+
+    transition: scale 400ms ${cssVar.motionEaseOut};
+
+    &:active {
+      scale: 0.8;
+    }
+  `,
+	scaleItem: css`
+    width: 100%;
+    height: 100%;
+  `,
+	scaleRowTitle: css`
+    width: 64px;
+    height: 32px;
+  `,
+	text: css`
+    opacity: 0.5;
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/color/CssVar/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/color/CssVar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const alphaBg = {\r\n  dark: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=) 0% 0% / 26px',\r\n  light:\r\n    'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 26px',\r\n};\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  scaleBox: css`\r\n    cursor: pointer;\r\n\r\n    position: relative;\r\n\r\n    width: 48px;\r\n    height: 32px;\r\n\r\n    background-position:\r\n      0 0,\r\n      0 8px,\r\n      8px -8px,\r\n      -8px 0;\r\n    background-size: 16px 16px;\r\n\r\n    transition: scale 400ms ${cssVar.motionEaseOut};\r\n\r\n    &:active {\r\n      scale: 0.8;\r\n    }\r\n  `,\r\n  scaleItem: css`\r\n    width: 100%;\r\n    height: 100%;\r\n  `,\r\n  scaleRowTitle: css`\r\n    width: 64px;\r\n    height: 32px;\r\n  `,\r\n  text: css`\r\n    opacity: 0.5;\r\n  `,\r\n}));\r\n"],"mappings":";;AAQA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;;;;;;;;;;;;;;;8BAee,OAAO,cAAc;;;;;;CAMjD,WAAW,GAAG;;;;CAId,eAAe,GAAG;;;;CAIlB,MAAM,GAAG;;;AAGX,EAAE"}

package/es/color/colors/blue.d.mts

@@ -0,0 +1,6 @@
+import { ColorScaleItem } from "../types.mjs";
+//#region src/color/colors/blue.d.ts
+declare const blueGeekblueMix: ColorScaleItem;
+//#endregion
+export { blueGeekblueMix as default };
+//# sourceMappingURL=blue.d.mts.map

package/es/color/colors/blue.mjs

@@ -0,0 +1,67 @@
+//#region src/color/colors/blue.ts
+const blueGeekblueMix = {
+	dark: [
+		"#000415",
+		"#001740",
+		"#00285b",
+		"#003b79",
+		"#004f98",
+		"#0064b6",
+		"#0d78ce",
+		"#2d8ae0",
+		"#439aed",
+		"#60b1ff",
+		"#a7d3ff",
+		"#e0f0ff",
+		"#ffffff"
+	],
+	darkA: [
+		"rgba(0, 44, 233, 0.09)",
+		"rgba(0, 88, 246, 0.26)",
+		"rgba(0, 111, 253, 0.36)",
+		"rgba(0, 123, 252, 0.48)",
+		"rgba(0, 132, 253, 0.6)",
+		"rgba(0, 139, 253, 0.72)",
+		"rgba(16, 148, 254, 0.81)",
+		"rgba(51, 157, 255, 0.88)",
+		"rgba(72, 166, 255, 0.93)",
+		"#60b1ff",
+		"#a7d3ff",
+		"#e0f0ff",
+		"#ffffff"
+	],
+	light: [
+		"#ffffff",
+		"#fcfcff",
+		"#f2f8ff",
+		"#e5f1ff",
+		"#d5e9ff",
+		"#c2e0ff",
+		"#acd4ff",
+		"#93c8ff",
+		"#76baff",
+		"#57abf9",
+		"#0d78ce",
+		"#003b79",
+		"#000415"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(105, 105, 255, 0.02)",
+		"rgba(38, 138, 255, 0.06)",
+		"rgba(19, 128, 255, 0.11)",
+		"rgba(8, 126, 255, 0.17)",
+		"rgba(1, 126, 255, 0.24)",
+		"rgba(3, 125, 255, 0.33)",
+		"rgba(4, 127, 255, 0.43)",
+		"rgba(1, 127, 255, 0.54)",
+		"rgba(0, 128, 246, 0.66)",
+		"rgba(0, 113, 203, 0.95)",
+		"#003b79",
+		"#000415"
+	]
+};
+//#endregion
+export { blueGeekblueMix as default };
+
+//# sourceMappingURL=blue.mjs.map

package/es/color/colors/blue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blue.mjs","names":[],"sources":["../../../src/color/colors/blue.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\r\n\r\nconst blueGeekblueMix: ColorScaleItem = {\r\n  dark: [\r\n    '#000415',\r\n    '#001740',\r\n    '#00285b',\r\n    '#003b79',\r\n    '#004f98',\r\n    '#0064b6',\r\n    '#0d78ce',\r\n    '#2d8ae0',\r\n    '#439aed',\r\n    '#60b1ff',\r\n    '#a7d3ff',\r\n    '#e0f0ff',\r\n    '#ffffff',\r\n  ],\r\n  darkA: [\r\n    'rgba(0, 44, 233, 0.09)',\r\n    'rgba(0, 88, 246, 0.26)',\r\n    'rgba(0, 111, 253, 0.36)',\r\n    'rgba(0, 123, 252, 0.48)',\r\n    'rgba(0, 132, 253, 0.6)',\r\n    'rgba(0, 139, 253, 0.72)',\r\n    'rgba(16, 148, 254, 0.81)',\r\n    'rgba(51, 157, 255, 0.88)',\r\n    'rgba(72, 166, 255, 0.93)',\r\n    '#60b1ff',\r\n    '#a7d3ff',\r\n    '#e0f0ff',\r\n    '#ffffff',\r\n  ],\r\n  light: [\r\n    '#ffffff',\r\n    '#fcfcff',\r\n    '#f2f8ff',\r\n    '#e5f1ff',\r\n    '#d5e9ff',\r\n    '#c2e0ff',\r\n    '#acd4ff',\r\n    '#93c8ff',\r\n    '#76baff',\r\n    '#57abf9',\r\n    '#0d78ce',\r\n    '#003b79',\r\n    '#000415',\r\n  ],\r\n  lightA: [\r\n    'rgba(255, 255, 255, 0.01)',\r\n    'rgba(105, 105, 255, 0.02)',\r\n    'rgba(38, 138, 255, 0.06)',\r\n    'rgba(19, 128, 255, 0.11)',\r\n    'rgba(8, 126, 255, 0.17)',\r\n    'rgba(1, 126, 255, 0.24)',\r\n    'rgba(3, 125, 255, 0.33)',\r\n    'rgba(4, 127, 255, 0.43)',\r\n    'rgba(1, 127, 255, 0.54)',\r\n    'rgba(0, 128, 246, 0.66)',\r\n    'rgba(0, 113, 203, 0.95)',\r\n    '#003b79',\r\n    '#000415',\r\n  ],\r\n};\r\n\r\nexport default blueGeekblueMix;\r\n"],"mappings":";AAEA,MAAM,kBAAkC;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/colors/cyan.d.mts

@@ -0,0 +1,6 @@
+import { ColorScaleItem } from "../types.mjs";
+//#region src/color/colors/cyan.d.ts
+declare const cyan: ColorScaleItem;
+//#endregion
+export { cyan as default };
+//# sourceMappingURL=cyan.d.mts.map

package/es/color/colors/cyan.mjs

@@ -0,0 +1,67 @@
+//#region src/color/colors/cyan.ts
+const cyan = {
+	dark: [
+		"#000503",
+		"#00221c",
+		"#003930",
+		"#005245",
+		"#006c5b",
+		"#008772",
+		"#2fa28a",
+		"#55bca4",
+		"#75d7be",
+		"#95f3d9",
+		"#bdf7e4",
+		"#dffcf0",
+		"#ffffff"
+	],
+	darkA: [
+		"rgba(0, 250, 150, 0.02)",
+		"rgba(0, 243, 200, 0.14)",
+		"rgba(0, 248, 209, 0.23)",
+		"rgba(0, 248, 209, 0.33)",
+		"rgba(0, 251, 212, 0.43)",
+		"rgba(0, 255, 215, 0.53)",
+		"rgba(73, 253, 216, 0.64)",
+		"rgba(115, 254, 222, 0.74)",
+		"rgba(138, 253, 224, 0.85)",
+		"rgba(155, 253, 226, 0.96)",
+		"rgba(195, 255, 235, 0.97)",
+		"rgba(225, 255, 242, 0.99)",
+		"#ffffff"
+	],
+	light: [
+		"#ffffff",
+		"#f9fffb",
+		"#effff8",
+		"#e3fff4",
+		"#d8fef0",
+		"#ccfcec",
+		"#c0fae8",
+		"#b3f8e3",
+		"#a5f6de",
+		"#95f3d9",
+		"#2fa28a",
+		"#005245",
+		"#000503"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(55, 255, 122, 0.03)",
+		"rgba(26, 255, 155, 0.07)",
+		"rgba(0, 255, 155, 0.11)",
+		"rgba(11, 249, 161, 0.16)",
+		"rgba(0, 240, 160, 0.2)",
+		"rgba(3, 235, 163, 0.25)",
+		"rgba(2, 232, 162, 0.3)",
+		"rgba(5, 230, 163, 0.36)",
+		"rgba(3, 226, 165, 0.42)",
+		"rgba(1, 142, 112, 0.82)",
+		"#005245",
+		"#000503"
+	]
+};
+//#endregion
+export { cyan as default };
+
+//# sourceMappingURL=cyan.mjs.map

package/es/color/colors/cyan.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cyan.mjs","names":[],"sources":["../../../src/color/colors/cyan.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\r\n\r\nconst cyan: ColorScaleItem = {\r\n  dark: [\r\n    '#000503',\r\n    '#00221c',\r\n    '#003930',\r\n    '#005245',\r\n    '#006c5b',\r\n    '#008772',\r\n    '#2fa28a',\r\n    '#55bca4',\r\n    '#75d7be',\r\n    '#95f3d9',\r\n    '#bdf7e4',\r\n    '#dffcf0',\r\n    '#ffffff',\r\n  ],\r\n  darkA: [\r\n    'rgba(0, 250, 150, 0.02)',\r\n    'rgba(0, 243, 200, 0.14)',\r\n    'rgba(0, 248, 209, 0.23)',\r\n    'rgba(0, 248, 209, 0.33)',\r\n    'rgba(0, 251, 212, 0.43)',\r\n    'rgba(0, 255, 215, 0.53)',\r\n    'rgba(73, 253, 216, 0.64)',\r\n    'rgba(115, 254, 222, 0.74)',\r\n    'rgba(138, 253, 224, 0.85)',\r\n    'rgba(155, 253, 226, 0.96)',\r\n    'rgba(195, 255, 235, 0.97)',\r\n    'rgba(225, 255, 242, 0.99)',\r\n    '#ffffff',\r\n  ],\r\n  light: [\r\n    '#ffffff',\r\n    '#f9fffb',\r\n    '#effff8',\r\n    '#e3fff4',\r\n    '#d8fef0',\r\n    '#ccfcec',\r\n    '#c0fae8',\r\n    '#b3f8e3',\r\n    '#a5f6de',\r\n    '#95f3d9',\r\n    '#2fa28a',\r\n    '#005245',\r\n    '#000503',\r\n  ],\r\n  lightA: [\r\n    'rgba(255, 255, 255, 0.01)',\r\n    'rgba(55, 255, 122, 0.03)',\r\n    'rgba(26, 255, 155, 0.07)',\r\n    'rgba(0, 255, 155, 0.11)',\r\n    'rgba(11, 249, 161, 0.16)',\r\n    'rgba(0, 240, 160, 0.2)',\r\n    'rgba(3, 235, 163, 0.25)',\r\n    'rgba(2, 232, 162, 0.3)',\r\n    'rgba(5, 230, 163, 0.36)',\r\n    'rgba(3, 226, 165, 0.42)',\r\n    'rgba(1, 142, 112, 0.82)',\r\n    '#005245',\r\n    '#000503',\r\n  ],\r\n};\r\n\r\nexport default cyan;\r\n"],"mappings":";AAEA,MAAM,OAAuB;CAC3B,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/colors/geekblue.d.mts

@@ -0,0 +1,6 @@
+import { ColorScaleItem } from "../types.mjs";
+//#region src/color/colors/geekblue.d.ts
+declare const geekblue: ColorScaleItem;
+//#endregion
+export { geekblue as default };
+//# sourceMappingURL=geekblue.d.mts.map

package/es/color/colors/geekblue.mjs

@@ -0,0 +1,67 @@
+//#region src/color/colors/geekblue.ts
+const geekblue = {
+	dark: [
+		"#00021b",
+		"#000d4c",
+		"#001a69",
+		"#002a8a",
+		"#003bac",
+		"#004cca",
+		"#005ae0",
+		"#0065ed",
+		"#006cf3",
+		"#0072f5",
+		"#9abeff",
+		"#e2ebff",
+		"#ffffff"
+	],
+	darkA: [
+		"rgba(0, 18, 245, 0.11)",
+		"rgba(0, 43, 253, 0.3)",
+		"rgba(0, 62, 250, 0.42)",
+		"rgba(0, 76, 251, 0.55)",
+		"rgba(0, 87, 253, 0.68)",
+		"rgba(0, 95, 252, 0.8)",
+		"rgba(0, 102, 255, 0.88)",
+		"rgba(0, 109, 255, 0.93)",
+		"rgba(0, 112, 253, 0.96)",
+		"rgba(0, 119, 255, 0.96)",
+		"#9abeff",
+		"#e2ebff",
+		"#ffffff"
+	],
+	light: [
+		"#ffffff",
+		"#fcfbff",
+		"#f1f5ff",
+		"#e2ebff",
+		"#cedfff",
+		"#b6d0ff",
+		"#9abeff",
+		"#78a9ff",
+		"#4c90ff",
+		"#0072f5",
+		"#005ae0",
+		"#002a8a",
+		"#00021b"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(105, 55, 255, 0.02)",
+		"rgba(22, 88, 255, 0.06)",
+		"rgba(13, 88, 255, 0.12)",
+		"rgba(10, 95, 255, 0.2)",
+		"rgba(3, 93, 255, 0.29)",
+		"rgba(3, 93, 255, 0.4)",
+		"rgba(0, 93, 255, 0.53)",
+		"rgba(3, 99, 255, 0.71)",
+		"#0072f5",
+		"#005ae0",
+		"#002a8a",
+		"#00021b"
+	]
+};
+//#endregion
+export { geekblue as default };
+
+//# sourceMappingURL=geekblue.mjs.map

package/es/color/colors/geekblue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"geekblue.mjs","names":[],"sources":["../../../src/color/colors/geekblue.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\r\n\r\nconst geekblue: ColorScaleItem = {\r\n  dark: [\r\n    '#00021b',\r\n    '#000d4c',\r\n    '#001a69',\r\n    '#002a8a',\r\n    '#003bac',\r\n    '#004cca',\r\n    '#005ae0',\r\n    '#0065ed',\r\n    '#006cf3',\r\n    '#0072f5',\r\n    '#9abeff',\r\n    '#e2ebff',\r\n    '#ffffff',\r\n  ],\r\n  darkA: [\r\n    'rgba(0, 18, 245, 0.11)',\r\n    'rgba(0, 43, 253, 0.3)',\r\n    'rgba(0, 62, 250, 0.42)',\r\n    'rgba(0, 76, 251, 0.55)',\r\n    'rgba(0, 87, 253, 0.68)',\r\n    'rgba(0, 95, 252, 0.8)',\r\n    'rgba(0, 102, 255, 0.88)',\r\n    'rgba(0, 109, 255, 0.93)',\r\n    'rgba(0, 112, 253, 0.96)',\r\n    'rgba(0, 119, 255, 0.96)',\r\n    '#9abeff',\r\n    '#e2ebff',\r\n    '#ffffff',\r\n  ],\r\n  light: [\r\n    '#ffffff',\r\n    '#fcfbff',\r\n    '#f1f5ff',\r\n    '#e2ebff',\r\n    '#cedfff',\r\n    '#b6d0ff',\r\n    '#9abeff',\r\n    '#78a9ff',\r\n    '#4c90ff',\r\n    '#0072f5',\r\n    '#005ae0',\r\n    '#002a8a',\r\n    '#00021b',\r\n  ],\r\n  lightA: [\r\n    'rgba(255, 255, 255, 0.01)',\r\n    'rgba(105, 55, 255, 0.02)',\r\n    'rgba(22, 88, 255, 0.06)',\r\n    'rgba(13, 88, 255, 0.12)',\r\n    'rgba(10, 95, 255, 0.2)',\r\n    'rgba(3, 93, 255, 0.29)',\r\n    'rgba(3, 93, 255, 0.4)',\r\n    'rgba(0, 93, 255, 0.53)',\r\n    'rgba(3, 99, 255, 0.71)',\r\n    '#0072f5',\r\n    '#005ae0',\r\n    '#002a8a',\r\n    '#00021b',\r\n  ],\r\n};\r\n\r\nexport default geekblue;\r\n"],"mappings":";AAEA,MAAM,WAA2B;CAC/B,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/colors/gold.d.mts

@@ -0,0 +1,6 @@
+import { ColorScaleItem } from "../types.mjs";
+//#region src/color/colors/gold.d.ts
+declare const gold: ColorScaleItem;
+//#endregion
+export { gold as default };
+//# sourceMappingURL=gold.d.mts.map

package/es/color/colors/gold.mjs

@@ -0,0 +1,67 @@
+//#region src/color/colors/gold.ts
+const gold = {
+	dark: [
+		"#070300",
+		"#2a1b00",
+		"#483000",
+		"#6a4900",
+		"#916400",
+		"#b77e00",
+		"#d59300",
+		"#eaa100",
+		"#f8aa00",
+		"#ffb224",
+		"#ffdcaf",
+		"#fff4eb",
+		"#ffffff"
+	],
+	darkA: [
+		"rgba(233, 100, 0, 0.03)",
+		"rgba(247, 159, 0, 0.17)",
+		"rgba(248, 166, 0, 0.29)",
+		"rgba(252, 174, 0, 0.42)",
+		"rgba(254, 175, 0, 0.57)",
+		"rgba(254, 175, 0, 0.72)",
+		"rgba(254, 175, 0, 0.84)",
+		"rgba(254, 175, 0, 0.92)",
+		"rgba(253, 173, 0, 0.98)",
+		"#ffb224",
+		"#ffdcaf",
+		"#fff4eb",
+		"#ffffff"
+	],
+	light: [
+		"#ffffff",
+		"#fffdff",
+		"#fff9f7",
+		"#fff4eb",
+		"#ffeedc",
+		"#ffe6c8",
+		"#ffdcaf",
+		"#ffd190",
+		"#ffc368",
+		"#ee9e0b",
+		"#d59300",
+		"#6a4900",
+		"#070300"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.02)",
+		"rgba(255,145,55,0.04)",
+		"rgba(255,155,55,0.08)",
+		"rgba(255, 117, 5, 0.16)",
+		"rgba(255, 134, 5, 0.20)",
+		"rgba(255, 141, 5, 0.26)",
+		"rgba(255, 146, 5, 0.32)",
+		"rgba(255, 150, 3, 0.44)",
+		"rgba(255, 155, 3, 0.6)",
+		"rgba(255, 165, 0, 0.86)",
+		"#d59300",
+		"#6a4900",
+		"#070300"
+	]
+};
+//#endregion
+export { gold as default };
+
+//# sourceMappingURL=gold.mjs.map

package/es/color/colors/gold.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gold.mjs","names":[],"sources":["../../../src/color/colors/gold.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\r\n\r\nconst gold: ColorScaleItem = {\r\n  dark: [\r\n    '#070300',\r\n    '#2a1b00',\r\n    '#483000',\r\n    '#6a4900',\r\n    '#916400',\r\n    '#b77e00',\r\n    '#d59300',\r\n    '#eaa100',\r\n    '#f8aa00',\r\n    '#ffb224',\r\n    '#ffdcaf',\r\n    '#fff4eb',\r\n    '#ffffff',\r\n  ],\r\n  darkA: [\r\n    'rgba(233, 100, 0, 0.03)',\r\n    'rgba(247, 159, 0, 0.17)',\r\n    'rgba(248, 166, 0, 0.29)',\r\n    'rgba(252, 174, 0, 0.42)',\r\n    'rgba(254, 175, 0, 0.57)',\r\n    'rgba(254, 175, 0, 0.72)',\r\n    'rgba(254, 175, 0, 0.84)',\r\n    'rgba(254, 175, 0, 0.92)',\r\n    'rgba(253, 173, 0, 0.98)',\r\n    '#ffb224',\r\n    '#ffdcaf',\r\n    '#fff4eb',\r\n    '#ffffff',\r\n  ],\r\n  light: [\r\n    '#ffffff',\r\n    '#fffdff',\r\n    '#fff9f7',\r\n    '#fff4eb',\r\n    '#ffeedc',\r\n    '#ffe6c8',\r\n    '#ffdcaf',\r\n    '#ffd190',\r\n    '#ffc368',\r\n    '#ee9e0b',\r\n    '#d59300',\r\n    '#6a4900',\r\n    '#070300',\r\n  ],\r\n  lightA: [\r\n    'rgba(255, 255, 255, 0.02)',\r\n    'rgba(255,145,55,0.04)',\r\n    'rgba(255,155,55,0.08)',\r\n    'rgba(255, 117, 5, 0.16)',\r\n    'rgba(255, 134, 5, 0.20)',\r\n    'rgba(255, 141, 5, 0.26)',\r\n    'rgba(255, 146, 5, 0.32)',\r\n    'rgba(255, 150, 3, 0.44)',\r\n    'rgba(255, 155, 3, 0.6)',\r\n    'rgba(255, 165, 0, 0.86)',\r\n    '#d59300',\r\n    '#6a4900',\r\n    '#070300',\r\n  ],\r\n};\r\n\r\nexport default gold;\r\n"],"mappings":";AAEA,MAAM,OAAuB;CAC3B,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/colors/gray.d.mts

@@ -0,0 +1,11 @@
+import { ColorScaleItem } from "../types.mjs";
+//#region src/color/colors/gray.d.ts
+/**
+ * Jinmi neutral: near-neutral with a faint cool slate cast. Steps feed the neutral
+ * tokens (see generateColorNeutralPalette): light [0] container, [1] layout,
+ * [2] border secondary, [3] border, [8] text tertiary, [10] text secondary, [12] text.
+ */
+declare const gray: ColorScaleItem;
+//#endregion
+export { gray as default };
+//# sourceMappingURL=gray.d.mts.map