@bioturing/components 0.14.0 → 0.15.0

package/dist/components/Field/component.d.ts

@@ -2,6 +2,7 @@ import type { InputProps, InputRef, SelectProps } from "antd";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { RefSelectProps } from "antd/es/select";
 import { ForwardedRef } from "react";
+import "./style.css";
 export type FieldType = "input" | "select";
 type RefType<T extends FieldType> = T extends "input" ? InputRef : T extends "select" ? RefSelectProps : never;
 interface BaseFieldProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/components/Form/component.d.ts

@@ -2,6 +2,7 @@ import { FormProps as AntdFormProps, default as AntdInternalForm, useForm, useWa
 import useFormInstance from "antd/es/form/hooks/useFormInstance";
 import * as React from "react";
 import { type FormItemProps } from "./item";
+import "./style.css";
 export interface FormProps<Values = any> extends AntdFormProps<Values> {
 }
 interface InternalFormProps<Values = any> extends React.ComponentProps<typeof AntdInternalForm<Values>> {

package/dist/components/IconButton/component.d.ts

@@ -1,5 +1,6 @@
 import React, { type ElementType, type ComponentPropsWithoutRef, type ReactElement, type AnchorHTMLAttributes, ComponentPropsWithRef } from "react";
 import { Tooltip } from "antd";
+import "./style.css";
 type IconButtonBaseProps = {
     label?: React.ReactNode;
     size?: "small" | "medium";

package/dist/components/Modal/index.d.ts

@@ -1,5 +1,6 @@
 import { type ModalFuncProps } from "./functions";
 import { type ModalProviderProps } from "./ModalProvider";
+import "./style.css";
 export declare const Modal: (({ open: externalOpen, closeIcon, children, size: sizeProp, footer, width, style, styles, classNames, okButtonProps, cancelButtonProps, loading, onOk, onCancel, okText, okType, confirmLoading, cancelText, hideOkButton, hideCancelButton, contentPadding, title, afterTitle, beforeCloseButton, afterCloseButton, defaultFixedHeaderFooter, centered, type, defaultOpen, background: backgroundProp, bodyScrollable, ...rest }: import("./Modal").ModalProps) => import("react/jsx-runtime").JSX.Element) & {
     Provider: import("react").FC<ModalProviderProps>;
     open: (config: ModalFuncProps) => import("./functions").ModalRef;

package/dist/components/Radio/component.d.ts

@@ -1,4 +1,5 @@
 import type { RadioGroupProps } from "./interface";
+import "./style.css";
 export declare const Radio: import("react").ForwardRefExoticComponent<import("antd/es/radio").RadioProps & import("react").RefAttributes<import("antd/es/radio").RadioRef>> & {
     Group: (props: RadioGroupProps & {
         ref?: React.Ref<HTMLDivElement>;

package/dist/components/ScrollArea/component.d.ts

@@ -1,10 +1,32 @@
 import { type ReactNode } from "react";
+import "./style.css";
 export interface ScrollAreaProps {
     children: ReactNode;
+    /**
+     * Additional class name for the root component
+     */
     className?: string;
-    viewportClassName?: string;
-    scrollbarClassName?: string;
-    thumbClassName?: string;
+    /**
+     * Custom class names for each part of the scroll area
+     */
+    classNames?: {
+        /**
+         * Class name for the viewport element
+         */
+        viewport?: string;
+        /**
+         * Class name for the scrollbar element
+         */
+        scrollbar?: string;
+        /**
+         * Class name for the thumb element
+         */
+        thumb?: string;
+    };
+    /**
+     * Orientation of the scrollbar
+     * @default "vertical"
+     */
     orientation?: "vertical" | "horizontal";
 }
-export declare const ScrollArea: ({ children, className, viewportClassName, thumbClassName, scrollbarClassName, orientation, }: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollArea: ({ children, className, classNames, orientation, }: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Segmented/component.d.ts

@@ -1,4 +1,5 @@
 import { default as AntSegmented, type SegmentedProps as AntSegmentedProps } from "antd/es/segmented";
+import "./style.css";
 export type RcSegmentedValue = string | number;
 export interface SegmentedProps<T = RcSegmentedValue> extends AntSegmentedProps<T> {
 }

package/dist/components/Select/component.d.ts

@@ -1,6 +1,7 @@
 import { default as AntSelect, type BaseOptionType, type DefaultOptionType, type SelectProps as AntSelectProps } from "antd/es/select";
 import React from "react";
 import { PopupPanelSize } from "../PopupPanel/constants";
+import "./style.css";
 export interface SelectProps<ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends AntSelectProps<ValueType, OptionType> {
     /**
      * Whether to enhance the positioner using floating-ui
@@ -14,7 +15,7 @@ export interface SelectProps<ValueType = unknown, OptionType extends BaseOptionT
     popupSize?: string | number | PopupPanelSize;
 }
 export type { BaseOptionType as SelectBaseOptionType, DefaultOptionType as SelectDefaultOptionType, };
-declare const MainSelectInner: <ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>({ mode, className, open: openProp, defaultOpen, onOpenChange, popupClassName, onDropdownVisibleChange, enhancePositioner, getPopupContainer, popupSize, popupRender, classNames, styles, ...rest }: SelectProps<ValueType, OptionType>, ref: React.Ref<React.ComponentRef<typeof AntSelect>>) => import("react/jsx-runtime").JSX.Element;
+declare const MainSelectInner: <ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>({ mode, className, open: openProp, defaultOpen, onOpenChange, popupClassName, onDropdownVisibleChange, enhancePositioner, getPopupContainer, popupSize, popupRender, dropdownRender, classNames, styles, ...rest }: SelectProps<ValueType, OptionType>, ref: React.Ref<React.ComponentRef<typeof AntSelect>>) => import("react/jsx-runtime").JSX.Element;
 export declare const Select: (<ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
     ref?: React.ForwardedRef<React.ComponentRef<typeof AntSelect>>;
 }) => ReturnType<typeof MainSelectInner>) & {

package/dist/components/Spin/component.d.ts

@@ -1,3 +1,4 @@
 import { SpinProps as AntdSpinProps } from "antd/es/spin";
+import "./style.css";
 export type SpinProps = AntdSpinProps;
 export declare const Spin: ({ indicator, ...rest }: SpinProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Splitter/component.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import type { SplitterProps as AntdSplitterProps, PanelProps as AntdSplitterPanelProps } from "antd/es/splitter/interface";
+import "./style.css";
 export type SplitterProps = React.PropsWithChildren<AntdSplitterProps> & {
     showSplitBar?: boolean;
 };

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export type StackGap = 0 | 1 | 2 | 4 | 8 | 12 | 16 | 24;
+export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether the stack should hug its content (inline-flex) instead of filling available space
+     * @default false
+     */
+    hug?: boolean;
+    /**
+     * Vertical alignment of items within the stack
+     * @default "flex-start"
+     */
+    align?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+    /**
+     * Horizontal alignment of items within the stack
+     * @default "flex-start"
+     */
+    justify?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+    /**
+     * Whether the stack should render items vertically
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * Gap between stack items in pixels
+     * @default 0
+     */
+    gap?: StackGap;
+    /**
+     * Wrap items to multiple lines if needed
+     * @default false
+     */
+    wrap?: boolean;
+    /**
+     * Children of the stack
+     */
+    children?: React.ReactNode;
+}
+export declare const Stack: React.FC<StackProps>;

package/dist/components/Stack/StackChild.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { StackProps } from "./Stack";
+export interface StackChildProps extends StackProps {
+    /**
+     * CSS flex property value (e.g. "1", "1 0 auto", "0 1 auto")
+     * When boolean: true = 1, false = 0
+     * @default undefined
+     */
+    flex?: string | number | boolean;
+    /**
+     * Whether this child should grow to fill available space
+     * @default false
+     */
+    grow?: boolean;
+    /**
+     * Whether this child should shrink if necessary
+     * @default false
+     */
+    shrink?: boolean;
+    /**
+     * Children of the stack child
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether to render the child with a stack wrapper
+     * @default false
+     */
+    stack?: boolean;
+}
+export declare const StackChild: React.FC<StackChildProps>;

package/dist/components/Stack/index.d.ts

@@ -0,0 +1,8 @@
+import { type StackProps } from "./Stack";
+import { StackChild, type StackChildProps } from "./StackChild";
+import "./style.css";
+export { StackChild };
+export { StackProps, StackChildProps };
+export declare const Stack: import("react").FC<StackProps> & {
+    Child: import("react").FC<StackChildProps>;
+};

package/dist/components/Switch/component.d.ts

@@ -1,4 +1,5 @@
 import { default as AntSwitch, type SwitchProps as AntSwitchProps } from "antd/es/switch";
+import "./style.css";
 export interface SwitchProps extends AntSwitchProps {
 }
 declare const MainSwitchInner: ({ ...rest }: SwitchProps, ref: React.Ref<React.ComponentRef<typeof AntSwitch>>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/component.d.ts

@@ -1,4 +1,5 @@
 import { default as AntTable, type TableProps as AntTableProps } from "antd/es/table";
+import "./style.css";
 export interface TableProps<RecordType extends object = object> extends AntTableProps<RecordType> {
     /**
      * Add empty description for the table

package/dist/components/Tag/component.d.ts

@@ -1,4 +1,5 @@
 import { type TagProps as AntTagProps } from "antd/es/tag";
+import "./style.css";
 export interface TagProps extends AntTagProps {
     /**
      * Indicates if the tag is active

package/dist/components/ThemeProvider/component.d.ts

@@ -1,4 +1,5 @@
 import { type ConfigProviderProps } from "antd/es/config-provider";
+import "./style.css";
 export interface ThemeProviderProps extends Omit<ConfigProviderProps, "theme" | "prefixCls"> {
     theme: "light" | "dark";
     appendClassesTo?: string | HTMLElement;

package/dist/components/Toast/component.d.ts

@@ -1,5 +1,6 @@
 import { Toast as BaseToast } from "@base-ui-components/react";
 import { ToastData } from "./types";
+import "./style.css";
 declare function InnerToast({ toast, }: {
     toast: BaseToast.Root.ToastObject<ToastData>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/component.d.ts

@@ -1,4 +1,5 @@
 import { type TooltipProps as AntTooltipProps } from "antd/es/tooltip";
+import "./style.css";
 export type TooltipProps = AntTooltipProps & {
     /**
      * Arrow config for of the tooltip

package/dist/components/Tour/component.d.ts

@@ -1,4 +1,5 @@
 import { type TourProps as AntTourProps, type TourStepProps as AntTourStepProps } from "antd/es/tour/interface";
+import "./style.css";
 export interface TourProps extends AntTourProps {
 }
 export interface TourStepProps extends AntTourStepProps {

package/dist/components/Truncate/component.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import "./style.css";
 export type TruncatePosition = "middle" | "end";
 export type Props = {
     text: string;
@@ -8,5 +9,7 @@ export interface TruncateProps extends Omit<React.ComponentPropsWithoutRef<"span
     children: string;
     /** Where to truncate the text: start, middle, or end */
     position?: TruncatePosition;
+    /** Number of lines to display before truncating (default: 1, 'auto' to fit parent height) */
+    lines?: number | "auto";
 }
 export declare const Truncate: React.FC<TruncateProps>;

package/dist/components/Upload/index.d.ts

@@ -1,3 +1,4 @@
+import "./style.css";
 export * from "./component";
 export * from "./hooks";
 export * from "../utils";

package/dist/components/VerticalCollapsiblePanel/component.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import "./style.css";
 export interface VerticalCollapsiblePanelProps {
     /**
      * The content of the panel that will be toggled

package/dist/components/index.d.ts

@@ -29,6 +29,7 @@ export * from "./Toast/index";
 export * from "./VerticalCollapsiblePanel/index";
 export * from "./PopupPanel/index";
 export * from "./CodeBlock/index";
+export * from "./Stack/index";
 export * from "./Collapse/index";
 export * from "./Empty/index";
 export * from "./Input/index";

package/dist/hooks.js

@@ -944,7 +944,7 @@ const useCharts = ()=>{
         },
         axisLabel: {
             color: axisLabelColor,
-            fontFamily: "InterVariable"
+            fontFamily: "InterVariable, Inter, Helvetica, Arial, sans-serif"
         }
     };
     return {