@baishuyun/ui-base 6.20.1 → 6.21.1

package/dist/Tabs/Tabs-Imowx4vq.js

@@ -0,0 +1,401 @@
+import { t as e } from "../Icon/Icon-DrdQOEJE.js";
+import { a as t, i as n } from "../Overlay/OverlayContext-CVSFoyqN.js";
+import { t as r } from "../vendors/useLocale-Be4e7Xfn.js";
+import { r as i } from "../vendors/animations-ISccYUE3.js";
+import { t as a } from "../vendors/cssVars-UpriQzph.js";
+import { t as o } from "../vendors/useFloatingPortal-DJ1iKmW-.js";
+import { isString as s } from "lodash-es";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createContext as u, useCallback as d, useContext as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import _ from "clsx";
+import { useControllableValue as v, useEventListener as y, useMutationObserver as b, useToggle as x } from "ahooks";
+import { AnimatePresence as S, motion as C } from "motion/react";
+import { FloatingPortal as w } from "@floating-ui/react";
+//#region src/components/Tabs/constants.ts
+var T = {
+	LINE: "line",
+	CARD: "card",
+	FILLED_CARD: "filled-card",
+	BADGE_CARD: "badge-card"
+}, E = u({ type: T.LINE }), D = "_active_nxjon_18", O = "_disabled_nxjon_26", k = "_line_nxjon_44", A = "_card_nxjon_53", j = {
+	"bsy-tab": "_bsy-tab_nxjon_1",
+	"badge-card": "_badge-card_nxjon_9",
+	active: D,
+	disabled: O,
+	line: k,
+	card: A,
+	"filled-card": "_filled-card_nxjon_78"
+}, M = (e, t = 24) => e.length <= t ? e : e.slice(0, t) + "...", N = (e) => typeof e == "string" ? M(e) : e, P = ({ label: e, active: t = !1, onClick: n, tabKey: r }) => {
+	let { type: i = T.LINE, disabled: a } = f(E), o = s(e) ? e : "", l = () => {
+		a || n?.(r);
+	}, u = {
+		"data-tab-item": !0,
+		"data-tab-key": r,
+		role: "tab",
+		"aria-selected": t,
+		"aria-controls": `panel-${r}`,
+		onClick: l
+	};
+	return i === T.LINE ? /* @__PURE__ */ c("div", {
+		...u,
+		className: _(j["bsy-tab"], j.line, {
+			[j.disabled]: a,
+			[j.active]: t
+		}),
+		title: o,
+		children: N(e)
+	}) : i === T.CARD ? /* @__PURE__ */ c("div", {
+		...u,
+		className: _(j["bsy-tab"], j.card, {
+			[j.active]: t,
+			[j.disabled]: a
+		}),
+		title: o,
+		children: /* @__PURE__ */ c("span", { children: N(e) })
+	}) : i === T.FILLED_CARD ? /* @__PURE__ */ c("div", {
+		...u,
+		className: _(j["bsy-tab"], j["filled-card"], {
+			[j.active]: t,
+			[j.disabled]: a
+		}),
+		title: o,
+		children: N(e)
+	}) : i === T.BADGE_CARD ? /* @__PURE__ */ c("div", {
+		...u,
+		className: _(j["bsy-tab"], j["badge-card"], {
+			[j.active]: t,
+			[j.disabled]: a
+		}),
+		title: o,
+		children: /* @__PURE__ */ c("span", { children: N(e) })
+	}) : null;
+};
+P.displayName = "BsyTab";
+//#endregion
+//#region src/components/Tabs/TabList/useTabScroll.ts
+var F = ({ disabled: e, children: t }) => {
+	let n = h(null), r = h(null), [i, a] = g(!1), [o, s] = g(!1), [c, l] = g(!1), [u, f] = g(0), m = d(() => {
+		let e = n.current, t = r.current;
+		if (!e || !t) return;
+		let i = e.clientWidth, o = t.scrollWidth, c = o > i;
+		a(c), c ? (s(u < 0), l(u > -(o - i))) : (s(!1), l(!1), f(0));
+	}, [u]);
+	return y("resize", () => m()), p(() => {
+		m();
+	}, [
+		u,
+		t,
+		m
+	]), {
+		listRef: n,
+		wrapperRef: r,
+		showControls: i,
+		canScrollLeft: o,
+		canScrollRight: c,
+		translateX: u,
+		scrollLeft: () => {
+			if (!o || e) return;
+			let t = n.current;
+			if (!t) return;
+			let r = t.clientWidth * .6;
+			f(Math.min(0, u + r));
+		},
+		scrollRight: () => {
+			if (!c || e) return;
+			let t = n.current, i = r.current;
+			if (!t || !i) return;
+			let a = t.clientWidth * .6, o = t.clientWidth, s = -(i.scrollWidth - o);
+			f(Math.max(s, u - a));
+		}
+	};
+}, I = ({ activeKey: e, type: t, showIndicator: n, wrapperRef: r, items: i }) => {
+	let [a, o] = g({
+		width: 0,
+		left: 0,
+		ready: !1
+	}), s = d((e) => {
+		if (!n || !r.current) return;
+		let t = r.current.getBoundingClientRect(), i = e.getBoundingClientRect(), a = i.left - t.left, s = i.width;
+		o({
+			width: s,
+			left: a,
+			ready: !0
+		});
+	}, [n, r]);
+	return p(() => {
+		if (!e || !r.current) return;
+		let t = r.current.querySelector(`[data-tab-key="${e}"]`);
+		t && n && s(t);
+	}, [
+		e,
+		n,
+		r,
+		s,
+		t,
+		i
+	]), b(() => {
+		if (!n) return;
+		let e = r.current?.querySelector("[aria-selected=\"true\"]");
+		e && s(e);
+	}, r, {
+		subtree: !0,
+		characterData: !0
+	}), {
+		indicatorStyle: a,
+		handleTabClick: (e) => {
+			s(e);
+		}
+	};
+}, L = ({ children: e, activeKey: t, className: n, style: i, items: a }) => {
+	let { t: o } = r(), { type: s = T.LINE, disabled: u } = f(E), d = [T.LINE, T.CARD].includes(s), { listRef: p, wrapperRef: m, showControls: h, canScrollLeft: g, canScrollRight: v, translateX: y, scrollLeft: b, scrollRight: x } = F({
+		disabled: u,
+		children: e
+	}), { indicatorStyle: S, handleTabClick: C } = I({
+		activeKey: t,
+		type: s,
+		showIndicator: d,
+		wrapperRef: m,
+		items: a
+	}), w = S.ready, D = (e) => {
+		if (u) return;
+		let t = e.target.closest("[data-tab-item]");
+		t && C(t);
+	};
+	return /* @__PURE__ */ l("div", {
+		className: _("relative max-h-[36px]", n),
+		style: i,
+		children: [
+			h && /* @__PURE__ */ c("button", {
+				className: _("absolute left-0 top-0 bottom-0 z-10 w-8 flex items-center justify-center", { "cursor-not-allowed": !g || u }),
+				style: { color: g && !u ? "var(--bsy-tabs-color-icon, #4b5563)" : "var(--bsy-tabs-color-icon-disabled, #9ca3af)" },
+				onClick: b,
+				disabled: !g || u,
+				"aria-label": o("tabs.scrollPrev"),
+				children: /* @__PURE__ */ c("svg", {
+					className: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ c("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M15 19l-7-7 7-7"
+					})
+				})
+			}),
+			/* @__PURE__ */ c("div", {
+				className: _({
+					"pl-8": h,
+					"pr-8": h
+				}),
+				children: /* @__PURE__ */ c("div", {
+					ref: p,
+					className: _("overflow-hidden", {
+						"border-b": s === T.LINE,
+						"border-b-2": s === T.FILLED_CARD || s === T.BADGE_CARD,
+						"pb-[2px]": s === T.BADGE_CARD
+					}),
+					style: { borderColor: s === T.LINE ? "var(--bsy-tabs-color-border, #e0e0e0)" : s === T.FILLED_CARD || s === T.BADGE_CARD ? "var(--bsy-tabs-color-primary, #0265ff)" : void 0 },
+					children: /* @__PURE__ */ l("div", {
+						ref: m,
+						role: "tablist",
+						className: _("relative text-sm flex flex-nowrap", {
+							"gap-x-[26px]": s === T.LINE,
+							"gap-x-[10px]": s === T.FILLED_CARD || s === T.BADGE_CARD
+						}),
+						onClick: D,
+						style: {
+							backgroundColor: s === T.CARD ? "var(--bsy-tabs-item-bg, #f0f0f0)" : void 0,
+							transform: `translateX(${y}px)`,
+							transition: "transform 0.3s ease-in-out"
+						},
+						children: [e, d && S.ready && /* @__PURE__ */ c("div", {
+							className: _("absolute h-0.5", {
+								"bottom-0": s === T.LINE,
+								"top-0": s === T.CARD,
+								"transition-all duration-300 ease-in-out": w
+							}),
+							style: {
+								backgroundColor: "var(--bsy-tabs-ink-bar, var(--bsy-tabs-color-primary, #0265ff))",
+								width: `${S.width}px`,
+								left: `${S.left}px`
+							}
+						})]
+					})
+				})
+			}),
+			h && /* @__PURE__ */ c("button", {
+				className: _("absolute right-0 top-0 bottom-0 z-10 w-8 flex items-center justify-center", { "cursor-not-allowed": !v || u }),
+				style: { color: v && !u ? "var(--bsy-tabs-color-icon, #4b5563)" : "var(--bsy-tabs-color-icon-disabled, #9ca3af)" },
+				onClick: x,
+				disabled: !v || u,
+				"aria-label": o("tabs.scrollNext"),
+				children: /* @__PURE__ */ c("svg", {
+					className: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ c("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M9 5l7 7-7 7"
+					})
+				})
+			})
+		]
+	});
+};
+L.displayName = "BsyTabList";
+//#endregion
+//#region src/components/Tabs/TabPanel/TabPanel.tsx
+var R = ({ items: e, activeKey: t, className: n }) => {
+	let r = e.find((e) => e.key === t);
+	return !r || !r.children ? null : /* @__PURE__ */ c("div", {
+		className: n,
+		role: "tabpanel",
+		"aria-labelledby": `tab-${t}`,
+		children: r.children
+	});
+};
+R.displayName = "BsyTabPanel";
+//#endregion
+//#region src/components/Tabs/style/resolveTabsThemeVars.ts
+var z = (e, t) => {
+	let n = {};
+	return a(n, "--bsy-tabs-color-primary", e?.colorPrimary ?? t), a(n, "--bsy-tabs-ink-bar", e?.inkBarColor), a(n, "--bsy-tabs-color-text", e?.colorText), a(n, "--bsy-tabs-item-active-color", e?.itemActiveColor), a(n, "--bsy-tabs-item-bg", e?.itemBg), a(n, "--bsy-tabs-item-hover-bg", e?.itemHoverBg), a(n, "--bsy-tabs-item-active-bg", e?.itemActiveBg), a(n, "--bsy-tabs-item-active-gradient-from", e?.itemActiveGradientFrom), a(n, "--bsy-tabs-item-active-gradient-to", e?.itemActiveGradientTo), a(n, "--bsy-tabs-color-border", e?.colorBorder), a(n, "--bsy-tabs-color-icon", e?.colorIcon), a(n, "--bsy-tabs-color-icon-disabled", e?.colorIconDisabled), n;
+}, B = (e) => {
+	let [t, n] = v(e, {
+		defaultValuePropName: "defaultActiveKey",
+		valuePropName: "activeKey",
+		trigger: "onChange"
+	}), r = e.items?.some((e) => e.children), i = m(() => z(e.theme, e.color), [e.theme, e.color]);
+	return /* @__PURE__ */ c(E.Provider, {
+		value: {
+			type: e.type,
+			disabled: e.disabled
+		},
+		children: /* @__PURE__ */ l("div", {
+			className: _("bsy-tabs", e.className),
+			style: {
+				...i,
+				...e.style
+			},
+			children: [/* @__PURE__ */ c(L, {
+				items: e.items,
+				activeKey: t,
+				children: e.items?.map((e) => /* @__PURE__ */ c(P, {
+					tabKey: e.key,
+					label: e.label,
+					active: t === e.key,
+					onClick: (e) => n(e)
+				}, e.key))
+			}), r && e.items && /* @__PURE__ */ c(R, {
+				items: e.items,
+				activeKey: t,
+				className: "bsy-tabs__content"
+			})]
+		})
+	});
+};
+B.displayName = "BsyTabs";
+//#endregion
+//#region src/components/Tabs/TabSelect/tabSelect.module.scss
+var V = "_active_5a1wn_11", H = "_icon_5a1wn_45", U = {
+	"bsy-tabs-select__trigger": "_bsy-tabs-select__trigger_5a1wn_1",
+	active: V,
+	"bsy-tabs-select__trigger-icon": "_bsy-tabs-select__trigger-icon_5a1wn_14",
+	"bsy-tabs-select__trigger-input": "_bsy-tabs-select__trigger-input_5a1wn_17",
+	"bsy-tabs-select__panel": "_bsy-tabs-select__panel_5a1wn_21",
+	"bsy-tabs-select__panel-item": "_bsy-tabs-select__panel-item_5a1wn_32",
+	icon: H
+}, W = (a) => {
+	let { color: s, theme: u } = a, { t: d } = r(), f = t(), [p, { toggle: h, setLeft: g }] = x(!1), { refs: y, floatingStyles: b, getFloatingProps: E, getReferenceProps: D, referenceStyle: O } = o({
+		isOpen: p,
+		close: g,
+		offset: {
+			x: 0,
+			y: 4
+		},
+		zIndex: f
+	}), [k, A] = v(a, {
+		trigger: "onChange",
+		defaultValuePropName: "defaultValue",
+		valuePropName: "value",
+		defaultValue: T.LINE
+	}), j = Object.values(T).map((e) => ({
+		label: e,
+		value: e
+	})), M = m(() => [
+		{
+			label: d("tabs.previewTab1"),
+			key: "1"
+		},
+		{
+			label: d("tabs.previewTab2"),
+			key: "2"
+		},
+		{
+			label: d("tabs.previewTab3"),
+			key: "3"
+		}
+	], [d]);
+	return /* @__PURE__ */ l("div", {
+		className: U["bsy-tabs-select"],
+		children: [/* @__PURE__ */ l("div", {
+			className: _(U["bsy-tabs-select__trigger"], { [U.active]: p }),
+			ref: y.setReference,
+			...D(),
+			style: O,
+			onClick: () => h(),
+			children: [/* @__PURE__ */ c("div", {
+				className: _(U["bsy-tabs-select__trigger-input"], { [U.active]: k }),
+				children: k && /* @__PURE__ */ c(B, {
+					activeKey: "1",
+					type: k,
+					color: s,
+					theme: u,
+					disabled: !0,
+					items: M
+				}, k)
+			}), /* @__PURE__ */ c("div", {
+				className: U["bsy-tabs-select__trigger-icon"],
+				children: /* @__PURE__ */ c(e, {
+					name: "arrow-down",
+					className: _(U.icon, { active: p })
+				})
+			})]
+		}), /* @__PURE__ */ c(w, { children: /* @__PURE__ */ c(n, {
+			zIndex: f,
+			children: /* @__PURE__ */ c(S, { children: p && /* @__PURE__ */ c("div", {
+				ref: y.setFloating,
+				style: b,
+				...E(),
+				children: /* @__PURE__ */ c(C.div, {
+					...i,
+					children: /* @__PURE__ */ c("div", {
+						className: U["bsy-tabs-select__panel"],
+						children: j.map((e) => /* @__PURE__ */ c("div", {
+							className: _(U["bsy-tabs-select__panel-item"], { [U.active]: k === e.value }),
+							onClick: () => {
+								A(e.value), g();
+							},
+							children: /* @__PURE__ */ c(B, {
+								activeKey: "1",
+								type: e.value,
+								disabled: !0,
+								color: s,
+								theme: u,
+								items: M
+							}, e.value)
+						}, e.value))
+					})
+				})
+			}) })
+		}) })]
+	});
+};
+W.displayName = "BsyTabSelect";
+//#endregion
+export { T as i, B as n, R as r, W as t };

package/dist/Tabs/index.js

@@ -1,8 +1,8 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-CyVENVWD.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";
 import "../vendors/useLocale-Be4e7Xfn.js";
 import "../vendors/useFloatingPortal-DJ1iKmW-.js";
-import { i as e, n as t, r as n, t as r } from "./Tabs-DnoZ8BO0.js";
+import { i as e, n as t, r as n, t as r } from "./Tabs-Imowx4vq.js";
 export { e as TABS_TYPE, n as TabPanel, r as TabSelect, t as default };

package/dist/Tooltip/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-CyVENVWD.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";
 import "../vendors/useLatchedPopupPortalRoot-CC6af8t-.js";
 import { n as e, t } from "./Tooltip-DBrt3t2r.js";

package/dist/Tree/index.js

@@ -1,6 +1,6 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-CyVENVWD.js";
 import "../Icon/Icon-DrdQOEJE.js";
-import { t as e } from "../vendors/Tree-D0Q1IZ2D.js";
-import "../CheckBox/CheckBox-CcHskTz_.js";
-import "../Radio/Radio-D9jhW7K6.js";
+import { t as e } from "../vendors/Tree-DWK-JPnJ.js";
+import "../CheckBox/CheckBox-BErX3YWP.js";
+import "../Radio/Radio-C0OAW-K-.js";
 export { e as Tree };

package/dist/components/CheckBox/CheckBox.d.ts

@@ -1,46 +1,3 @@
-import { default as React } from 'react';
-export interface CheckboxProps {
-    /**
-     * @description 是否选中
-     */
-    checked?: boolean;
-    /**
-     * @description 默认是否选中
-     */
-    defaultChecked?: boolean;
-    /**
-     * @description 是否禁用
-     */
-    disabled?: boolean;
-    /**
-     * @description 半选状态
-     */
-    indeterminate?: boolean;
-    /**
-     * @description 值改变时的回调
-     */
-    onChange?: (checked: boolean) => void;
-    /**
-     * @description 自定义类名
-     */
-    className?: string;
-    /**
-     * @description 自定义样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * @description 子元素
-     */
-    children?: React.ReactNode;
-    /**
-     * @description label 的位置，默认在右侧
-     * @default 'right'
-     */
-    labelPosition?: 'left' | 'right';
-    /**
-     * @description checkbox 的值，用于 checkbox group
-     */
-    value?: string | number;
-}
-declare const BsyCheckbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;
+import { CheckboxProps } from './interface';
+declare const BsyCheckbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BsyCheckbox;

package/dist/components/CheckBox/Group.d.ts

@@ -1,34 +1,4 @@
-import { Layout } from './constants';
-export interface CheckboxGroupProps {
-    /**
-     * @description 选中的值
-     */
-    value?: Array<string | number>;
-    /**
-     * @description 默认选中的值
-     */
-    defaultValue?: Array<string | number>;
-    /**
-     * @description 值改变时的回调
-     */
-    onChange?: (checkedValues: Array<string | number>) => void;
-    /**
-     * @description 是否禁用
-     */
-    disabled?: boolean;
-    /**
-     * @description 布局方式
-     * @default 'none'
-     */
-    layout?: Layout;
-    /**
-     * @description Checkbox 子元素
-     */
-    children?: React.ReactNode;
-    /**
-     * @description 自定义类名
-     */
-    className?: string;
-}
-declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
+import { FC } from 'react';
+import { CheckboxGroupProps } from './interface';
+declare const CheckboxGroup: FC<CheckboxGroupProps>;
 export default CheckboxGroup;

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

@@ -5,5 +5,5 @@ type CompoundedComponent = typeof InternalCheckbox & {
 };
 declare const Checkbox: CompoundedComponent;
 export default Checkbox;
-export type { CheckboxProps } from './CheckBox';
+export type { CheckboxProps, CheckboxGroupProps, CheckBoxTheme } from './interface';
 export type { Layout } from './constants';

package/dist/components/CheckBox/interface.d.ts

@@ -0,0 +1,142 @@
+import { CSSProperties, ReactNode } from 'react';
+import { Layout } from './constants';
+export interface CheckBoxTheme {
+    /**
+     * @description 选中背景色
+     */
+    checkedBg?: string;
+    /**
+     * @description 选中边框色
+     */
+    checkedBorder?: string;
+    /**
+     * @description 选中勾选图标色
+     */
+    checkIconColor?: string;
+    /**
+     * @description 未选背景色
+     */
+    uncheckedBg?: string;
+    /**
+     * @description 未选边框色
+     */
+    colorBorder?: string;
+    /**
+     * @description 未选悬停边框色
+     */
+    colorBorderHover?: string;
+    /**
+     * @description 半选背景色
+     */
+    indeterminateBg?: string;
+    /**
+     * @description 半选边框色
+     */
+    indeterminateBorder?: string;
+    /**
+     * @description 半选指示条颜色
+     */
+    indeterminateIndicator?: string;
+    /**
+     * @description 禁用背景色
+     */
+    colorBgDisabled?: string;
+    /**
+     * @description 禁用边框色
+     */
+    colorBorderDisabled?: string;
+    /**
+     * @description 禁用勾选图标色
+     */
+    checkIconColorDisabled?: string;
+    /**
+     * @description 禁用半选指示条颜色
+     */
+    indeterminateIndicatorDisabled?: string;
+}
+export interface CheckboxProps {
+    /**
+     * @description 是否选中
+     */
+    checked?: boolean;
+    /**
+     * @description 默认是否选中
+     */
+    defaultChecked?: boolean;
+    /**
+     * @description 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * @description 半选状态
+     */
+    indeterminate?: boolean;
+    /**
+     * @description 值改变时的回调
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * @description 自定义类名
+     */
+    className?: string;
+    /**
+     * @description 自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * @description 子元素
+     */
+    children?: ReactNode;
+    /**
+     * @description label 的位置，默认在右侧
+     * @default 'right'
+     */
+    labelPosition?: 'left' | 'right';
+    /**
+     * @description checkbox 的值，用于 checkbox group
+     */
+    value?: string | number;
+    /**
+     * @description 组件级颜色 token
+     */
+    theme?: CheckBoxTheme;
+}
+export interface CheckboxGroupProps {
+    /**
+     * @description 选中的值
+     */
+    value?: Array<string | number>;
+    /**
+     * @description 默认选中的值
+     */
+    defaultValue?: Array<string | number>;
+    /**
+     * @description 值改变时的回调
+     */
+    onChange?: (checkedValues: Array<string | number>) => void;
+    /**
+     * @description 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * @description 布局方式
+     * @default 'none'
+     */
+    layout?: Layout;
+    /**
+     * @description Checkbox 子元素
+     */
+    children?: ReactNode;
+    /**
+     * @description 自定义类名
+     */
+    className?: string;
+    /**
+     * @description 自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * @description 组件级颜色 token，子项可覆盖同名变量
+     */
+    theme?: CheckBoxTheme;
+}

package/dist/components/CheckBox/style/resolveCheckBoxThemeVars.d.ts

@@ -0,0 +1,2 @@
+import { CheckBoxTheme } from '../interface';
+export declare const resolveCheckBoxThemeVars: (theme?: CheckBoxTheme) => Record<string, string>;

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

@@ -5,3 +5,4 @@ type CompoundedComponent = typeof InternalRadio & {
 };
 declare const Radio: CompoundedComponent;
 export default Radio;
+export type { RadioProps, RadioGroupProps, RadioTheme } from './interface';