@bioturing/components 0.14.1 → 0.15.1

package/dist/tokens/utils.js

@@ -0,0 +1,37 @@
+const h = (i, e) => {
+  const n = {};
+  return Object.entries(i).forEach(([o, t]) => {
+    if (t && typeof t == "object" && "light" in t && "dark" in t) {
+      const r = t;
+      n[o] = r[e];
+    } else typeof t == "string" && (n[o] = t);
+  }), n;
+}, a = (i, e) => Array.isArray(i) ? i.map((n) => n[e]) : Object.values(h(i, e));
+function l(i) {
+  const e = {}, n = i, o = (t) => {
+    if (e[t]) return e[t];
+    const r = n[t];
+    if (!r) return { light: "", dark: "" };
+    if (typeof r == "string") {
+      const s = r.match(/^\{(.+)\}$/);
+      if (!s) throw new Error(`Invalid reference token: ${String(t)}`);
+      const c = o(s[1]);
+      return e[t] = c, c;
+    }
+    const f = typeof r.light == "string" && /^\{.+\}$/.test(r.light) ? o(r.light.slice(1, -1)).light : r.light, g = typeof r.dark == "string" && /^\{.+\}$/.test(r.dark) ? o(r.dark.slice(1, -1)).dark : r.dark;
+    return e[t] = { light: f, dark: g }, e[t];
+  };
+  return Object.keys(n).forEach((t) => {
+    o(t);
+  }), Object.fromEntries(
+    Object.entries(e).filter(
+      ([t, r]) => r && r.light && r.dark
+    )
+  );
+}
+export {
+  a as getColorsByTheme,
+  h as getTokensByTheme,
+  l as resolveColorTokens
+};
+//# sourceMappingURL=utils.js.map

package/dist/tokens/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/tokens/utils.ts"],"sourcesContent":["export type ColorTokenValue = {\n  light: string;\n  dark: string;\n};\n\ntype RawColorTokenValue = string | ColorTokenValue;\n\nexport type ColorTokens = {\n  [key: string]: RawColorTokenValue;\n};\n\n// Helper function to extract theme tokens for a specific mode\nexport const getTokensByTheme = <T extends ColorTokens>(\n  originTokens: T,\n  theme: \"light\" | \"dark\"\n) => {\n  const tokens: Partial<Record<keyof T, string>> = {};\n\n  Object.entries(originTokens).forEach(([key, value]) => {\n    if (\n      value &&\n      typeof value === \"object\" &&\n      \"light\" in value &&\n      \"dark\" in value\n    ) {\n      // Handle ThemeTokenValue\n      const tokenValue = value as ColorTokenValue;\n      tokens[key as keyof T] = tokenValue[theme];\n    } else if (typeof value === \"string\") {\n      // Handle direct string values\n      tokens[key as keyof T] = value;\n    }\n  });\n\n  return tokens;\n};\n\nexport const getColorsByTheme = <T extends ColorTokens>(\n  colorsOrTokens: T | ColorTokenValue[],\n  theme: \"light\" | \"dark\"\n) => {\n  if (Array.isArray(colorsOrTokens)) {\n    return colorsOrTokens.map((color) => color[theme]);\n  }\n  return Object.values(getTokensByTheme(colorsOrTokens, theme));\n};\n\n/**\n * Resolves chart color tokens by replacing reference strings with actual values.\n * @returns Record of token names to resolved light/dark color objects\n */\nexport function resolveColorTokens<T extends ColorTokens>(\n  colors: T\n): Record<keyof T, ColorTokenValue> {\n  const resolved: Partial<Record<keyof T, ColorTokenValue>> = {};\n  const raw = colors;\n\n  const resolve = (key: keyof T): ColorTokenValue => {\n    // Return from cache if already resolved\n    if (resolved[key]) return resolved[key];\n\n    const value = raw[key];\n    if (!value) return { light: \"\", dark: \"\" };\n\n    // Handle string references like \"{colorChartsBlue2300}\"\n    if (typeof value === \"string\") {\n      const match = value.match(/^\\{(.+)\\}$/);\n      if (!match) throw new Error(`Invalid reference token: ${String(key)}`);\n      const resolvedValue = resolve(match[1]); // Recursively resolve the referenced token\n      resolved[key] = resolvedValue; // Store the resolved value for this key\n      return resolvedValue;\n    }\n\n    // Handle object with light/dark properties that might contain references\n    const light =\n      typeof value.light === \"string\" && /^\\{.+\\}$/.test(value.light)\n        ? resolve(value.light.slice(1, -1)).light // Resolve nested reference in light property\n        : value.light;\n\n    const dark =\n      typeof value.dark === \"string\" && /^\\{.+\\}$/.test(value.dark)\n        ? resolve(value.dark.slice(1, -1)).dark // Resolve nested reference in dark property\n        : value.dark;\n\n    // Cache the resolved value\n    resolved[key] = { light, dark };\n    return resolved[key];\n  };\n\n  // Process all keys to ensure references are resolved\n  Object.keys(raw).forEach((key) => {\n    resolve(key);\n  });\n\n  // Return all resolved entries with valid values\n  return Object.fromEntries(\n    Object.entries(resolved).filter(\n      ([_, value]) => value && value.light && value.dark\n    )\n  ) as Record<keyof T, ColorTokenValue>;\n}\n"],"names":["getTokensByTheme","originTokens","theme","tokens","key","value","tokenValue","getColorsByTheme","colorsOrTokens","color","resolveColorTokens","colors","resolved","raw","resolve","match","resolvedValue","light","dark","_"],"mappings":"AAYa,MAAAA,IAAmB,CAC9BC,GACAC,MACG;AACH,QAAMC,IAA2C,CAAC;AAE3C,gBAAA,QAAQF,CAAY,EAAE,QAAQ,CAAC,CAACG,GAAKC,CAAK,MAAM;AACrD,QACEA,KACA,OAAOA,KAAU,YACjB,WAAWA,KACX,UAAUA,GACV;AAEA,YAAMC,IAAaD;AACZ,MAAAF,EAAAC,CAAc,IAAIE,EAAWJ,CAAK;AAAA,IAAA,MAC3C,CAAW,OAAOG,KAAU,aAE1BF,EAAOC,CAAc,IAAIC;AAAA,EAC3B,CACD,GAEMF;AACT,GAEaI,IAAmB,CAC9BC,GACAN,MAEI,MAAM,QAAQM,CAAc,IACvBA,EAAe,IAAI,CAACC,MAAUA,EAAMP,CAAK,CAAC,IAE5C,OAAO,OAAOF,EAAiBQ,GAAgBN,CAAK,CAAC;AAOvD,SAASQ,EACdC,GACkC;AAClC,QAAMC,IAAsD,CAAC,GACvDC,IAAMF,GAENG,IAAU,CAACV,MAAkC;AAEjD,QAAIQ,EAASR,CAAG,EAAG,QAAOQ,EAASR,CAAG;AAEhC,UAAAC,IAAQQ,EAAIT,CAAG;AACrB,QAAI,CAACC,EAAO,QAAO,EAAE,OAAO,IAAI,MAAM,GAAG;AAGrC,QAAA,OAAOA,KAAU,UAAU;AACvB,YAAAU,IAAQV,EAAM,MAAM,YAAY;AAClC,UAAA,CAACU,EAAa,OAAA,IAAI,MAAM,4BAA4B,OAAOX,CAAG,CAAC,EAAE;AACrE,YAAMY,IAAgBF,EAAQC,EAAM,CAAC,CAAC;AACtC,aAAAH,EAASR,CAAG,IAAIY,GACTA;AAAA,IAAA;AAIT,UAAMC,IACJ,OAAOZ,EAAM,SAAU,YAAY,WAAW,KAAKA,EAAM,KAAK,IAC1DS,EAAQT,EAAM,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,QAClCA,EAAM,OAENa,IACJ,OAAOb,EAAM,QAAS,YAAY,WAAW,KAAKA,EAAM,IAAI,IACxDS,EAAQT,EAAM,KAAK,MAAM,GAAG,EAAE,CAAC,EAAE,OACjCA,EAAM;AAGZ,WAAAO,EAASR,CAAG,IAAI,EAAE,OAAAa,GAAO,MAAAC,EAAK,GACvBN,EAASR,CAAG;AAAA,EACrB;AAGA,gBAAO,KAAKS,CAAG,EAAE,QAAQ,CAACT,MAAQ;AAChC,IAAAU,EAAQV,CAAG;AAAA,EAAA,CACZ,GAGM,OAAO;AAAA,IACZ,OAAO,QAAQQ,CAAQ,EAAE;AAAA,MACvB,CAAC,CAACO,GAAGd,CAAK,MAAMA,KAASA,EAAM,SAASA,EAAM;AAAA,IAAA;AAAA,EAElD;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bioturing/components",
-  "version": "0.14.1",
+  "version": "0.15.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -8,105 +8,8 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "types": "./dist/components/src/components/index.d.ts"
+      "types": "./dist/index.d.ts"
     },
-    "./Badge": {
-      "import": "./dist/Badge.js",
-      "types": "./dist/components/src/components/Badge/index.d.ts"
-    },
-    "./Breadcrumb": {
-      "import": "./dist/Breadcrumb.js",
-      "types": "./dist/components/src/components/Breadcrumb/index.d.ts"
-    },
-    "./Button": {
-      "import": "./dist/Button.js",
-      "types": "./dist/components/src/components/Button/index.d.ts"
-    },
-    "./Checkbox": {
-      "import": "./dist/Checkbox.js",
-      "types": "./dist/components/src/components/Checkbox/index.d.ts"
-    },
-    "./CodeBlock": {
-      "import": "./dist/CodeBlock.js",
-      "types": "./dist/components/src/components/CodeBlock/index.d.ts"
-    },
-    "./Collapse": {
-      "import": "./dist/Collapse.js",
-      "types": "./dist/components/src/components/Collapse/index.d.ts"
-    },
-    "./DropdownMenu": {
-      "import": "./dist/DropdownMenu.js",
-      "types": "./dist/components/src/components/DropdownMenu/index.d.ts"
-    },
-    "./Empty": {
-      "import": "./dist/Empty.js",
-      "types": "./dist/components/src/components/Empty/index.d.ts"
-    },
-    "./Field": {
-      "import": "./dist/Field.js",
-      "types": "./dist/components/src/components/Field/index.d.ts"
-    },
-    "./Form": {
-      "import": "./dist/Form.js",
-      "types": "./dist/components/src/components/Form/index.d.ts"
-    },
-    "./Input": {
-      "import": "./dist/Input.js",
-      "types": "./dist/components/src/components/Input/index.d.ts"
-    },
-    "./Popover": {
-      "import": "./dist/Popover.js",
-      "types": "./dist/components/src/components/Popover/index.d.ts"
-    },
-    "./Radio": {
-      "import": "./dist/Radio.js",
-      "types": "./dist/components/src/components/Radio/index.d.ts"
-    },
-    "./ScrollArea": {
-      "import": "./dist/ScrollArea.js",
-      "types": "./dist/components/src/components/ScrollArea/index.d.ts"
-    },
-    "./Slider": {
-      "import": "./dist/Slider.js",
-      "types": "./dist/components/src/components/Slider/index.d.ts"
-    },
-    "./Spin": {
-      "import": "./dist/Spin.js",
-      "types": "./dist/components/src/components/Spin/index.d.ts"
-    },
-    "./Switch": {
-      "import": "./dist/Switch.js",
-      "types": "./dist/components/src/components/Switch/index.d.ts"
-    },
-    "./Tag": {
-      "import": "./dist/Tag.js",
-      "types": "./dist/components/src/components/Tag/index.d.ts"
-    },
-    "./Tooltip": {
-      "import": "./dist/Tooltip.js",
-      "types": "./dist/components/src/components/Tooltip/index.d.ts"
-    },
-    "./Upload": {
-      "import": "./dist/Upload.js",
-      "types": "./dist/components/src/components/Upload/index.d.ts"
-    },
-    "./VerticalCollapsiblePanel": {
-      "import": "./dist/VerticalCollapsiblePanel.js",
-      "types": "./dist/components/src/components/VerticalCollapsiblePanel/index.d.ts"
-    },
-    "./PopupPanel": {
-      "import": "./dist/PopupPanel.js",
-      "types": "./dist/components/src/components/PopupPanel/index.d.ts"
-    },
-    "./utils": {
-      "import": "./dist/utils.js",
-      "types": "./dist/components/src/components/utils/index.d.ts"
-    },
-    "./hooks": {
-      "import": "./dist/hooks.js",
-      "types": "./dist/components/src/components/hooks/index.d.ts"
-    },
-    "./style.css": "./dist/style.css",
     "./tailwind.css": "./dist/tailwind.css"
   },
   "files": [
@@ -123,7 +26,7 @@
     "rc-tree": "^5.13.1",
     "react-use-resizable": "^0.2.0",
     "tailwind-merge": "^3.2.0",
-    "@bioturing/assets": "0.14.0"
+    "@bioturing/assets": "0.15.1"
   },
   "peerDependencies": {
     "antd": "^5.25.0",
@@ -131,12 +34,8 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@rslib/core": "^0.6.8",
-    "@rspack/core": "^1.3.9",
     "@types/react": "^19.1.3",
-    "@types/react-dom": "^19.1.3",
-    "css-loader": "^7.1.2",
-    "style-loader": "^4.0.0"
+    "@types/react-dom": "^19.1.3"
   },
   "repository": {
     "type": "git",
@@ -155,10 +54,13 @@
     "ui",
     "design-system"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "description": "BioTuring Design system React component library",
   "scripts": {
-    "build": "rslib build",
-    "dev": "rslib build --watch"
+    "build": "vite build",
+    "dev": "vite build --watch"
   }
 }

package/dist/Badge.js

@@ -1,41 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__ from "antd/es/theme/useToken";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_badge_f5f828f9__ from "antd/es/badge";
-function cx(...args) {
-    const classes = [];
-    for (const arg of args)if (arg) {
-        if ("string" == typeof arg || "number" == typeof arg) classes.push(String(arg));
-        else if (Array.isArray(arg)) classes.push(...cx(...arg));
-        else if ("object" == typeof arg) {
-            for (const [key, value] of Object.entries(arg))if (value) classes.push(key);
-        }
-    }
-    return classes;
-}
-function clsx(...args) {
-    return cx(...args).join(" ");
-}
-"use client";
-const useAntdCssVarClassname = ()=>{
-    var _token_;
-    const token = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__["default"])();
-    return null == (_token_ = token[4]) ? void 0 : _token_.key;
-};
-const useCls = ()=>{
-    const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
-    return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
-};
-const Badge = ({ count, showZero, ...rest })=>{
-    const cls = useCls();
-    const antdCssVar = useAntdCssVarClassname();
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_badge_f5f828f9__["default"], {
-        count: count,
-        showZero: showZero,
-        className: clsx(cls("badge"), antdCssVar),
-        ...rest
-    });
-};
-export { Badge };

package/dist/Breadcrumb.js

@@ -1,92 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_524ec91e__ from "antd/es/breadcrumb";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
-import "antd/es/theme/useToken";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_useItemRender_afeae2fe__ from "antd/es/breadcrumb/useItemRender";
-function cx(...args) {
-    const classes = [];
-    for (const arg of args)if (arg) {
-        if ("string" == typeof arg || "number" == typeof arg) classes.push(String(arg));
-        else if (Array.isArray(arg)) classes.push(...cx(...arg));
-        else if ("object" == typeof arg) {
-            for (const [key, value] of Object.entries(arg))if (value) classes.push(key);
-        }
-    }
-    return classes;
-}
-function clsx(...args) {
-    return cx(...args).join(" ");
-}
-function cn(...args) {
-    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(cx(...args));
-}
-"use client";
-const useGetPrefixCls = ()=>{
-    const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
-    return {
-        getPrefixCls
-    };
-};
-const useCls = ()=>{
-    const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
-    return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
-};
-function getBreadcrumbName(route, params) {
-    if (void 0 === route.title || null === route.title) return null;
-    const paramsKeys = Object.keys(params).join("|");
-    return "object" == typeof route.title ? route.title : String(route.title).replace(new RegExp(`:(${paramsKeys})`, "g"), (replacement, key)=>params[key] || replacement);
-}
-function useItemRender(prefixCls, itemRender) {
-    const mergedItemRender = (item, params, routes, path, href)=>{
-        if (itemRender) return itemRender(item, params, routes, path);
-        const name = getBreadcrumbName(item, params);
-        const child = item.icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-            children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                    className: cn(`${prefixCls}-item-icon`),
-                    children: item.icon
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                    className: cn(`${prefixCls}-item-name`),
-                    children: name
-                })
-            ]
-        }) : name;
-        return (0, __WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_useItemRender_afeae2fe__.renderItem)(prefixCls, item, child, href);
-    };
-    return mergedItemRender;
-}
-"use client";
-const BreadcrumbInner = ({ className, items, noWrap = false, itemRender: outsideItemRender, ...rest })=>{
-    const cls = useCls();
-    const { getPrefixCls } = useGetPrefixCls();
-    const componentPrefixCls = getPrefixCls("breadcrumb");
-    const itemRender = useItemRender(componentPrefixCls, outsideItemRender);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_524ec91e__["default"], {
-        className: clsx(cls("breadcrumb", noWrap && "breadcrumb-nowrap"), className),
-        items: items,
-        itemRender: itemRender,
-        ...rest
-    });
-};
-const Item = (props)=>{
-    const { className, ...restProps } = props;
-    const cls = useCls();
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_524ec91e__["default"].Item, {
-        className: clsx(cls("breadcrumb-item"), className),
-        ...restProps
-    });
-};
-const Separator = (props)=>{
-    const { className, ...restProps } = props;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_524ec91e__["default"].Separator, {
-        ...restProps
-    });
-};
-const Breadcrumb = Object.assign(BreadcrumbInner, {
-    Item,
-    Separator
-});
-export { Breadcrumb };

package/dist/Checkbox.js

@@ -1,12 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-const MainCheckboxInner = (props, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Checkbox, {
-        ref: ref,
-        ...props
-    });
-const MainCheckbox = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainCheckboxInner);
-const Checkbox = Object.assign(MainCheckbox, {
-    Group: __WEBPACK_EXTERNAL_MODULE_antd__.Checkbox.Group
-});
-export { Checkbox };