@bioturing/components 0.13.1

package/LICENSE

@@ -0,0 +1,20 @@
+Creative Commons Attribution-NonCommercial-NoDerivs 4.0 International License (CC BY-NC-ND 4.0)
+
+Copyright (c) 2025 BioTuring
+
+This work is licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
+
+To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-nd/4.0/ or send a letter to Creative Commons, PO Box 1866, Mountain View, CA 94042, USA.
+
+Under this license, you are free to:
+- Share — copy and redistribute the material in any medium or format
+
+Under the following terms:
+- Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
+- NonCommercial — You may not use the material for commercial purposes.
+- NoDerivatives — If you remix, transform, or build upon the material, you may not distribute the modified material.
+- No additional restrictions — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
+
+Notices:
+- You do not have to comply with the license for elements of the material in the public domain or where your use is permitted by an applicable exception or limitation.
+- No warranties are given. The license may not give you all of the permissions necessary for your intended use. For example, other rights such as publicity, privacy, or moral rights may limit how you use the material.

package/README.md

@@ -0,0 +1,91 @@
+# @bioturing/components
+
+A comprehensive UI component library for BioTuring applications built with React and Ant Design.
+
+[![npm version](https://img.shields.io/npm/v/@bioturing/components.svg)](https://www.npmjs.com/package/@bioturing/components)
+[![License: CC BY-NC-ND 4.0](https://img.shields.io/badge/License-CC%20BY--NC--ND%204.0-lightgrey.svg)](https://github.com/bioturing-org/design-system/blob/main/LICENSE)
+
+## Installation
+
+```bash
+# Using npm
+npm install @bioturing/components
+
+# Using yarn
+yarn add @bioturing/components
+
+# Using pnpm
+pnpm add @bioturing/components
+```
+
+## Usage
+
+```jsx
+import { Button } from '@bioturing/components';
+import '@bioturing/components/style.css';
+
+function App() {
+  return (
+    <Button type="primary">Hello BioTuring</Button>
+  );
+}
+```
+
+## Available Components
+
+The package provides the following components:
+
+- Badge
+- Breadcrumb
+- Button
+- Checkbox
+- CodeBlock
+- Collapse
+- DropdownMenu
+- Empty
+- Field
+- Form
+- Input
+- Popover
+- Radio
+- ScrollArea
+- Slider
+- Spin
+- Switch
+- Tag
+- Tooltip
+- Upload
+- VerticalCollapsiblePanel
+- And more...
+
+Each component can be imported individually:
+
+```jsx
+import { Button } from '@bioturing/components/Button';
+```
+
+## Styles
+
+The package includes two CSS files:
+
+```jsx
+// Main component styles
+import '@bioturing/components/style.css';
+
+// Tailwind utilities
+import '@bioturing/components/tailwind.css';
+```
+
+## Requirements
+
+- React 18.0.0 or higher
+- React DOM 18.0.0 or higher
+- Ant Design 5.24.9 or higher
+
+## Documentation
+
+For detailed documentation and examples, visit the [BioTuring Design System documentation](https://github.com/bioturing-org/design-system).
+
+## License
+
+MIT © [BioTuring](https://github.com/bioturing-org)

package/dist/Badge.js

@@ -0,0 +1,41 @@
+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

@@ -0,0 +1,92 @@
+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

@@ -0,0 +1,13 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import "antd/es/checkbox/style/css";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_checkbox_80658bc3__ from "antd/es/checkbox";
+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_es_checkbox_80658bc3__["default"], {
+        ref: ref,
+        ...props
+    });
+const MainCheckbox = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainCheckboxInner);
+const Checkbox = Object.assign(MainCheckbox, {
+    Group: __WEBPACK_EXTERNAL_MODULE_antd_es_checkbox_80658bc3__["default"].Group
+});
+export { Checkbox };