lingee-ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/LICENSE +21 -0
  3. package/README.md +148 -0
  4. package/dist/button/index.css +1 -0
  5. package/dist/button/index.d.mts +43 -0
  6. package/dist/button/index.d.ts +43 -0
  7. package/dist/button/index.js +1 -0
  8. package/dist/button/index.mjs +1 -0
  9. package/dist/chunk-3LDO5QE6.js +1 -0
  10. package/dist/chunk-4DCMYPI5.js +1 -0
  11. package/dist/chunk-BFRX44EV.mjs +1 -0
  12. package/dist/chunk-DCDWEVW4.js +1 -0
  13. package/dist/chunk-DN2VKVCV.mjs +1 -0
  14. package/dist/chunk-FPGKD7AM.mjs +1 -0
  15. package/dist/chunk-FSH4DMUD.js +1 -0
  16. package/dist/chunk-L46MOPWP.js +1 -0
  17. package/dist/chunk-LUX7TZYO.js +1 -0
  18. package/dist/chunk-OBAN7QPT.mjs +1 -0
  19. package/dist/chunk-PN2SZLLY.js +1 -0
  20. package/dist/chunk-Q35KWXA2.js +1 -0
  21. package/dist/chunk-QPAXCNVH.mjs +1 -0
  22. package/dist/chunk-R6FAL3FJ.mjs +1 -0
  23. package/dist/chunk-Y5VSPBTD.mjs +1 -0
  24. package/dist/chunk-ZIBE2EZJ.mjs +1 -0
  25. package/dist/index.css +1 -0
  26. package/dist/index.d.mts +81 -0
  27. package/dist/index.d.ts +81 -0
  28. package/dist/index.js +1 -0
  29. package/dist/index.mjs +1 -0
  30. package/dist/input/index.css +1 -0
  31. package/dist/input/index.d.mts +28 -0
  32. package/dist/input/index.d.ts +28 -0
  33. package/dist/input/index.js +1 -0
  34. package/dist/input/index.mjs +1 -0
  35. package/dist/switch/index.css +1 -0
  36. package/dist/switch/index.d.mts +25 -0
  37. package/dist/switch/index.d.ts +25 -0
  38. package/dist/switch/index.js +1 -0
  39. package/dist/switch/index.mjs +1 -0
  40. package/dist/tabs/index.css +1 -0
  41. package/dist/tabs/index.d.mts +61 -0
  42. package/dist/tabs/index.d.ts +61 -0
  43. package/dist/tabs/index.js +1 -0
  44. package/dist/tabs/index.mjs +1 -0
  45. package/dist/textarea/index.css +1 -0
  46. package/dist/textarea/index.d.mts +20 -0
  47. package/dist/textarea/index.d.ts +20 -0
  48. package/dist/textarea/index.js +1 -0
  49. package/dist/textarea/index.mjs +1 -0
  50. package/dist/toast/index.css +1 -0
  51. package/dist/toast/index.d.mts +45 -0
  52. package/dist/toast/index.d.ts +45 -0
  53. package/dist/toast/index.js +1 -0
  54. package/dist/toast/index.mjs +1 -0
  55. package/dist/tokens.css +1 -0
  56. package/dist/tokens.d.mts +2 -0
  57. package/dist/tokens.d.ts +2 -0
  58. package/dist/tokens.js +1 -0
  59. package/dist/tokens.mjs +0 -0
  60. package/dist/tooltip/index.css +1 -0
  61. package/dist/tooltip/index.d.mts +53 -0
  62. package/dist/tooltip/index.d.ts +53 -0
  63. package/dist/tooltip/index.js +1 -0
  64. package/dist/tooltip/index.mjs +1 -0
  65. package/package.json +113 -0
@@ -0,0 +1,81 @@
1
+ export { Button, ButtonProps, ButtonVariant } from './button/index.mjs';
2
+ export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.mjs';
3
+ export { Tooltip, TooltipPlacement, TooltipProps } from './tooltip/index.mjs';
4
+ export { Switch, SwitchProps, SwitchSize } from './switch/index.mjs';
5
+ export { Input, InputProps, InputShape, InputSize } from './input/index.mjs';
6
+ export { Textarea, TextareaProps } from './textarea/index.mjs';
7
+ export { ToastConfig, ToastGlobalConfig, ToastType, toast } from './toast/index.mjs';
8
+ import * as react_jsx_runtime from 'react/jsx-runtime';
9
+ import { ReactNode } from 'react';
10
+ import { ClassValue } from 'clsx';
11
+ import 'class-variance-authority/types';
12
+
13
+ /**
14
+ * 中文语言包(默认语言)
15
+ * 按组件名为 key 组织翻译文案
16
+ */
17
+ declare const zhCN: {
18
+ locale: string;
19
+ Button: {};
20
+ };
21
+
22
+ /** 语言包类型,由 zh-CN 推导结构 */
23
+ type Locale = typeof zhCN;
24
+ interface LingeeProviderProps {
25
+ /** 语言包,默认中文 */
26
+ locale?: Locale;
27
+ children: ReactNode;
28
+ }
29
+
30
+ /**
31
+ * 英文语言包
32
+ * 结构与 zh-CN 一一对应
33
+ */
34
+ declare const enUS: {
35
+ locale: string;
36
+ Button: {};
37
+ };
38
+
39
+ /**
40
+ * 组件库根 Provider
41
+ *
42
+ * 在应用顶层包裹一次,即可启用:
43
+ * - 多语言(通过 locale prop 切换)
44
+ * - 全局 Toast(toast.success/error/... 命令式调用)
45
+ *
46
+ * ```tsx
47
+ * import { LingeeProvider } from "lingee-ui";
48
+ *
49
+ * <LingeeProvider>
50
+ * <App />
51
+ * </LingeeProvider>
52
+ * ```
53
+ */
54
+ declare function LingeeProvider({ locale, children }: LingeeProviderProps): react_jsx_runtime.JSX.Element;
55
+ declare namespace LingeeProvider {
56
+ var displayName: string;
57
+ }
58
+ /**
59
+ * 获取当前完整语言包
60
+ */
61
+ declare function useLocale(): Locale;
62
+ /**
63
+ * 获取指定组件的语言包片段
64
+ */
65
+ declare function useComponentLocale<K extends keyof Omit<Locale, "locale">>(componentName: K): Locale[K];
66
+
67
+ /**
68
+ * 合并 CSS 类名,支持条件拼接
69
+ * @param inputs - 任意数量的 ClassValue 参数
70
+ * @returns 合并后的类名字符串
71
+ */
72
+ declare function cn(...inputs: ClassValue[]): string;
73
+
74
+ /** 组件尺寸类型 */
75
+ type LgSize = "xs" | "sm" | "md" | "lg";
76
+ /** 组件变体类型 */
77
+ type LgVariant = "primary" | "secondary" | "ghost" | "outline" | "text" | "link";
78
+ /** 组件形状类型 */
79
+ type LgShape = "default" | "circle" | "round";
80
+
81
+ export { type LgShape, type LgSize, type LgVariant, LingeeProvider, type LingeeProviderProps, type Locale, cn, enUS, useComponentLocale, useLocale, zhCN };
@@ -0,0 +1,81 @@
1
+ export { Button, ButtonProps, ButtonVariant } from './button/index.js';
2
+ export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.js';
3
+ export { Tooltip, TooltipPlacement, TooltipProps } from './tooltip/index.js';
4
+ export { Switch, SwitchProps, SwitchSize } from './switch/index.js';
5
+ export { Input, InputProps, InputShape, InputSize } from './input/index.js';
6
+ export { Textarea, TextareaProps } from './textarea/index.js';
7
+ export { ToastConfig, ToastGlobalConfig, ToastType, toast } from './toast/index.js';
8
+ import * as react_jsx_runtime from 'react/jsx-runtime';
9
+ import { ReactNode } from 'react';
10
+ import { ClassValue } from 'clsx';
11
+ import 'class-variance-authority/types';
12
+
13
+ /**
14
+ * 中文语言包(默认语言)
15
+ * 按组件名为 key 组织翻译文案
16
+ */
17
+ declare const zhCN: {
18
+ locale: string;
19
+ Button: {};
20
+ };
21
+
22
+ /** 语言包类型,由 zh-CN 推导结构 */
23
+ type Locale = typeof zhCN;
24
+ interface LingeeProviderProps {
25
+ /** 语言包,默认中文 */
26
+ locale?: Locale;
27
+ children: ReactNode;
28
+ }
29
+
30
+ /**
31
+ * 英文语言包
32
+ * 结构与 zh-CN 一一对应
33
+ */
34
+ declare const enUS: {
35
+ locale: string;
36
+ Button: {};
37
+ };
38
+
39
+ /**
40
+ * 组件库根 Provider
41
+ *
42
+ * 在应用顶层包裹一次,即可启用:
43
+ * - 多语言(通过 locale prop 切换)
44
+ * - 全局 Toast(toast.success/error/... 命令式调用)
45
+ *
46
+ * ```tsx
47
+ * import { LingeeProvider } from "lingee-ui";
48
+ *
49
+ * <LingeeProvider>
50
+ * <App />
51
+ * </LingeeProvider>
52
+ * ```
53
+ */
54
+ declare function LingeeProvider({ locale, children }: LingeeProviderProps): react_jsx_runtime.JSX.Element;
55
+ declare namespace LingeeProvider {
56
+ var displayName: string;
57
+ }
58
+ /**
59
+ * 获取当前完整语言包
60
+ */
61
+ declare function useLocale(): Locale;
62
+ /**
63
+ * 获取指定组件的语言包片段
64
+ */
65
+ declare function useComponentLocale<K extends keyof Omit<Locale, "locale">>(componentName: K): Locale[K];
66
+
67
+ /**
68
+ * 合并 CSS 类名,支持条件拼接
69
+ * @param inputs - 任意数量的 ClassValue 参数
70
+ * @returns 合并后的类名字符串
71
+ */
72
+ declare function cn(...inputs: ClassValue[]): string;
73
+
74
+ /** 组件尺寸类型 */
75
+ type LgSize = "xs" | "sm" | "md" | "lg";
76
+ /** 组件变体类型 */
77
+ type LgVariant = "primary" | "secondary" | "ghost" | "outline" | "text" | "link";
78
+ /** 组件形状类型 */
79
+ type LgShape = "default" | "circle" | "round";
80
+
81
+ export { type LgShape, type LgSize, type LgVariant, LingeeProvider, type LingeeProviderProps, type Locale, cn, enUS, useComponentLocale, useLocale, zhCN };
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ 'use strict';var chunkL46MOPWP_js=require('./chunk-L46MOPWP.js'),chunk3LDO5QE6_js=require('./chunk-3LDO5QE6.js'),chunkPN2SZLLY_js=require('./chunk-PN2SZLLY.js'),chunkQ35KWXA2_js=require('./chunk-Q35KWXA2.js'),chunkFSH4DMUD_js=require('./chunk-FSH4DMUD.js'),chunkLUX7TZYO_js=require('./chunk-LUX7TZYO.js'),chunk4DCMYPI5_js=require('./chunk-4DCMYPI5.js'),chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var u={locale:"zh-CN",Button:{}},g=u;var v={locale:"en-US",Button:{}},e=v;var o=react.createContext(g);function i({locale:l=g,children:r}){return jsxRuntime.jsxs(o.Provider,{value:l,children:[r,jsxRuntime.jsx(chunkQ35KWXA2_js.a,{})]})}i.displayName="LingeeProvider";function b(){return react.useContext(o)}function w(l){return b()[l]}Object.defineProperty(exports,"Textarea",{enumerable:true,get:function(){return chunkL46MOPWP_js.a}});Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunk3LDO5QE6_js.b}});Object.defineProperty(exports,"Tabs",{enumerable:true,get:function(){return chunkPN2SZLLY_js.b}});Object.defineProperty(exports,"toast",{enumerable:true,get:function(){return chunkQ35KWXA2_js.b}});Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkFSH4DMUD_js.a}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function(){return chunkLUX7TZYO_js.a}});Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunk4DCMYPI5_js.a}});Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunkDCDWEVW4_js.a}});exports.LingeeProvider=i;exports.enUS=e;exports.useComponentLocale=w;exports.useLocale=b;exports.zhCN=g;
package/dist/index.mjs ADDED
@@ -0,0 +1 @@
1
+ export{a as Textarea}from'./chunk-ZIBE2EZJ.mjs';export{b as Button}from'./chunk-BFRX44EV.mjs';export{b as Tabs}from'./chunk-OBAN7QPT.mjs';import {a}from'./chunk-Y5VSPBTD.mjs';export{b as toast}from'./chunk-Y5VSPBTD.mjs';export{a as Tooltip}from'./chunk-R6FAL3FJ.mjs';export{a as Switch}from'./chunk-QPAXCNVH.mjs';export{a as Input}from'./chunk-FPGKD7AM.mjs';export{a as cn}from'./chunk-DN2VKVCV.mjs';import {createContext,useContext}from'react';import {jsxs,jsx}from'react/jsx-runtime';var u={locale:"zh-CN",Button:{}},g=u;var v={locale:"en-US",Button:{}},e=v;var o=createContext(g);function i({locale:l=g,children:r}){return jsxs(o.Provider,{value:l,children:[r,jsx(a,{})]})}i.displayName="LingeeProvider";function b(){return useContext(o)}function w(l){return b()[l]}export{i as LingeeProvider,e as enUS,w as useComponentLocale,b as useLocale,g as zhCN};
@@ -0,0 +1 @@
1
+ :root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6d80ff;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #ff7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #ffb200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE600;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74d70b;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08cc50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E6B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-100: #08c787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00e5e5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00a3f4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4d89ff;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155f6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858f9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8f40ff;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #f858d0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #ffffff}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}.lg-input{--_input-height-sm: 32px;--_input-height-md: 40px;--_input-height-lg: 48px;--_input-padding-x: var(--lg-spacing-small);--_input-padding-y-sm: 5px;--_input-padding-y-md: var(--lg-spacing-x-small);--_input-padding-y-lg: 13px;--_input-radius: var(--lg-radius-large);--_input-radius-round: var(--lg-radius-pill);--_input-gap: var(--lg-spacing-x-small);--_input-bg: var(--lg-g-bg-color-default);--_input-border: var(--lg-g-border-color-default);--_input-border-hover: var(--lg-g-border-color-emphasis);--_input-border-focus: var(--lg-g-border-color-primary-default);--_input-border-error: var(--lg-g-border-color-danger-default);--_input-bg-disabled: var(--lg-g-bg-color-muted);--_input-text: var(--lg-g-fg-color-default);--_input-placeholder: var(--lg-g-fg-color-disabled);--_input-clear-color: var(--lg-g-fg-color-disabled);--_input-clear-hover: var(--lg-g-fg-color-description);--_input-font-size: var(--lg-font-size);--_input-line-height: 22px;--_input-transition: var(--lg-transition-duration) var(--lg-transition-timing)}.lg-input{position:relative;display:inline-flex;align-items:center;gap:var(--_input-gap);width:100%;padding:0 var(--_input-padding-x);background:var(--_input-bg);border:1px solid var(--_input-border);border-radius:var(--_input-radius);cursor:text;box-sizing:border-box;transition:border-color var(--_input-transition),background var(--_input-transition),box-shadow var(--_input-transition)}.lg-input:hover:not(.lg-input--disabled):not(.lg-input--focused){border-color:var(--_input-border-hover)}.lg-input__inner{flex:1;min-width:0;width:100%;border:none;outline:none;background:transparent;font-size:var(--_input-font-size);line-height:var(--_input-line-height);color:var(--_input-text);padding:0}.lg-input__inner::placeholder{color:var(--_input-placeholder)}.lg-input__inner:disabled{cursor:not-allowed;color:var(--_input-text)}.lg-input__inner::-webkit-inner-spin-button,.lg-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lg-input__inner[type=number]{-moz-appearance:textfield}.lg-input__prefix,.lg-input__suffix{display:inline-flex;align-items:center;flex-shrink:0;color:var(--_input-placeholder);font-size:16px}.lg-input__clear{display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer;color:var(--_input-clear-color);font-size:16px;transition:color var(--_input-transition)}.lg-input__clear:hover{color:var(--_input-clear-hover)}.lg-input--sm{height:var(--_input-height-sm);padding-top:var(--_input-padding-y-sm);padding-bottom:var(--_input-padding-y-sm)}.lg-input--md{height:var(--_input-height-md);padding-top:var(--_input-padding-y-md);padding-bottom:var(--_input-padding-y-md)}.lg-input--lg{height:var(--_input-height-lg);padding-top:var(--_input-padding-y-lg);padding-bottom:var(--_input-padding-y-lg)}.lg-input--round{border-radius:var(--_input-radius-round)}.lg-input--focused{border-color:var(--_input-border-focus)}.lg-input--error,.lg-input--error:hover{border-color:var(--_input-border-error)}.lg-input--disabled{background:var(--_input-bg-disabled);border-color:transparent;cursor:not-allowed}
@@ -0,0 +1,28 @@
1
+ import React, { InputHTMLAttributes, ReactNode } from 'react';
2
+
3
+ type InputSize = "sm" | "md" | "lg";
4
+ type InputShape = "default" | "round";
5
+ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> {
6
+ /** 输入框尺寸,默认 "md" */
7
+ size?: InputSize;
8
+ /** 输入框形状,默认 "default";"round" 为全圆角 */
9
+ shape?: InputShape;
10
+ /** 前缀图标/内容 */
11
+ prefix?: ReactNode;
12
+ /** 后缀图标/内容 */
13
+ suffix?: ReactNode;
14
+ /** 是否显示清空按钮(有内容时展示,hover 时替换 suffix),默认 false */
15
+ allowClear?: boolean;
16
+ /** 错误状态 */
17
+ error?: boolean;
18
+ /** 禁用状态 */
19
+ disabled?: boolean;
20
+ }
21
+
22
+ /**
23
+ * Input 输入框组件
24
+ * 支持三种尺寸(sm/md/lg)、两种形状(default/round)、前后缀插槽、清空按钮、错误态
25
+ */
26
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
27
+
28
+ export { Input, type InputProps, type InputShape, type InputSize };
@@ -0,0 +1,28 @@
1
+ import React, { InputHTMLAttributes, ReactNode } from 'react';
2
+
3
+ type InputSize = "sm" | "md" | "lg";
4
+ type InputShape = "default" | "round";
5
+ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> {
6
+ /** 输入框尺寸,默认 "md" */
7
+ size?: InputSize;
8
+ /** 输入框形状,默认 "default";"round" 为全圆角 */
9
+ shape?: InputShape;
10
+ /** 前缀图标/内容 */
11
+ prefix?: ReactNode;
12
+ /** 后缀图标/内容 */
13
+ suffix?: ReactNode;
14
+ /** 是否显示清空按钮(有内容时展示,hover 时替换 suffix),默认 false */
15
+ allowClear?: boolean;
16
+ /** 错误状态 */
17
+ error?: boolean;
18
+ /** 禁用状态 */
19
+ disabled?: boolean;
20
+ }
21
+
22
+ /**
23
+ * Input 输入框组件
24
+ * 支持三种尺寸(sm/md/lg)、两种形状(default/round)、前后缀插槽、清空按钮、错误态
25
+ */
26
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
27
+
28
+ export { Input, type InputProps, type InputShape, type InputSize };
@@ -0,0 +1 @@
1
+ 'use strict';var chunk4DCMYPI5_js=require('../chunk-4DCMYPI5.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunk4DCMYPI5_js.a}});
@@ -0,0 +1 @@
1
+ export{a as Input}from'../chunk-FPGKD7AM.mjs';import'../chunk-DN2VKVCV.mjs';
@@ -0,0 +1 @@
1
+ :root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6d80ff;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #ff7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #ffb200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE600;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74d70b;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08cc50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E6B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-100: #08c787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00e5e5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00a3f4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4d89ff;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155f6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858f9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8f40ff;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #f858d0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #ffffff}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}.lg-switch{--_switch-width-sm: 28px;--_switch-height-sm: 16px;--_switch-thumb-sm: 12px;--_switch-width-md: 36px;--_switch-height-md: 20px;--_switch-thumb-md: 16px;--_switch-width-lg: 44px;--_switch-height-lg: 24px;--_switch-thumb-lg: 20px;--_switch-padding: 2px;--_switch-bg-off: var(--lg-g-bg-color-neutral-emphasis);--_switch-bg-on: var(--lg-g-bg-color-primary-emphasis);--_switch-bg-off-disabled: var(--lg-g-border-color-default);--_switch-bg-on-disabled: var(--lg-g-bg-color-primary-muted);--_switch-thumb-color: var(--lg-g-bg-color-default);--_switch-transition: var(--lg-transition-duration) var(--lg-transition-timing)}.lg-switch{position:relative;display:inline-flex;align-items:center;padding:var(--_switch-padding);border:none;border-radius:var(--lg-radius-pill);background:var(--_switch-bg-off);cursor:pointer;outline:none;transition:background var(--_switch-transition);flex-shrink:0}.lg-switch:focus-visible{box-shadow:0 0 0 2px var(--lg-g-bg-color-primary-muted)}.lg-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.lg-switch__thumb{display:block;border-radius:100px;background:var(--_switch-thumb-color);transition:transform var(--_switch-transition);flex-shrink:0}.lg-switch--sm{width:var(--_switch-width-sm);height:var(--_switch-height-sm)}.lg-switch--sm .lg-switch__thumb{width:var(--_switch-thumb-sm);height:var(--_switch-thumb-sm)}.lg-switch--md{width:var(--_switch-width-md);height:var(--_switch-height-md)}.lg-switch--md .lg-switch__thumb{width:var(--_switch-thumb-md);height:var(--_switch-thumb-md)}.lg-switch--lg{width:var(--_switch-width-lg);height:var(--_switch-height-lg)}.lg-switch--lg .lg-switch__thumb{width:var(--_switch-thumb-lg);height:var(--_switch-thumb-lg)}.lg-switch--checked{background:var(--_switch-bg-on)}.lg-switch--checked.lg-switch--sm .lg-switch__thumb{transform:translate(12px)}.lg-switch--checked.lg-switch--md .lg-switch__thumb{transform:translate(16px)}.lg-switch--checked.lg-switch--lg .lg-switch__thumb{transform:translate(20px)}.lg-switch--disabled{cursor:not-allowed;opacity:1;background:var(--_switch-bg-off-disabled)}.lg-switch--disabled.lg-switch--checked{background:var(--_switch-bg-on-disabled)}
@@ -0,0 +1,25 @@
1
+ import React, { InputHTMLAttributes } from 'react';
2
+
3
+ type SwitchSize = "sm" | "md" | "lg";
4
+ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange"> {
5
+ /** 开关状态(受控) */
6
+ checked?: boolean;
7
+ /** 默认开关状态(非受控) */
8
+ defaultChecked?: boolean;
9
+ /** 开关尺寸,默认 "md" */
10
+ size?: SwitchSize;
11
+ /** 禁用状态 */
12
+ disabled?: boolean;
13
+ /** 状态变更回调 */
14
+ onChange?: (checked: boolean) => void;
15
+ /** 额外 className */
16
+ className?: string;
17
+ }
18
+
19
+ /**
20
+ * Switch 开关组件
21
+ * 支持三种尺寸(sm/md/lg)、受控与非受控两种模式、禁用状态
22
+ */
23
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
24
+
25
+ export { Switch, type SwitchProps, type SwitchSize };
@@ -0,0 +1,25 @@
1
+ import React, { InputHTMLAttributes } from 'react';
2
+
3
+ type SwitchSize = "sm" | "md" | "lg";
4
+ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange"> {
5
+ /** 开关状态(受控) */
6
+ checked?: boolean;
7
+ /** 默认开关状态(非受控) */
8
+ defaultChecked?: boolean;
9
+ /** 开关尺寸,默认 "md" */
10
+ size?: SwitchSize;
11
+ /** 禁用状态 */
12
+ disabled?: boolean;
13
+ /** 状态变更回调 */
14
+ onChange?: (checked: boolean) => void;
15
+ /** 额外 className */
16
+ className?: string;
17
+ }
18
+
19
+ /**
20
+ * Switch 开关组件
21
+ * 支持三种尺寸(sm/md/lg)、受控与非受控两种模式、禁用状态
22
+ */
23
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
24
+
25
+ export { Switch, type SwitchProps, type SwitchSize };
@@ -0,0 +1 @@
1
+ 'use strict';var chunkLUX7TZYO_js=require('../chunk-LUX7TZYO.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Switch",{enumerable:true,get:function(){return chunkLUX7TZYO_js.a}});
@@ -0,0 +1 @@
1
+ export{a as Switch}from'../chunk-QPAXCNVH.mjs';import'../chunk-DN2VKVCV.mjs';
@@ -0,0 +1 @@
1
+ :root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6d80ff;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #ff7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #ffb200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE600;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74d70b;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08cc50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E6B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-100: #08c787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00e5e5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00a3f4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4d89ff;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155f6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858f9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8f40ff;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #f858d0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #ffffff}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}.lg-tabs{--_tabs-gap: 4px;--_tabs-padding: 4px;--_tabs-tab-height-md: 32px;--_tabs-tab-height-sm: 28px;--_tabs-tab-padding-x: 16px;--_tabs-font-size-md: 14px;--_tabs-font-size-sm: 12px;--_tabs-slider-duration: .3s;display:inline-flex}.lg-tabs__list{position:relative;display:inline-flex;align-items:center;gap:var(--_tabs-gap)}.lg-tabs__tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--lg-spacing-2x-small);height:var(--_tabs-tab-height-md);padding:0 var(--_tabs-tab-padding-x);border:1px solid transparent;border-radius:var(--lg-radius-2x-large);font-size:var(--_tabs-font-size-md);font-weight:400;line-height:1;white-space:nowrap;color:var(--lg-g-fg-color-muted);background-color:transparent;cursor:pointer;user-select:none;transition-property:color,background-color;transition-duration:var(--lg-transition-duration);transition-timing-function:var(--lg-transition-timing)}.lg-tabs__tab:focus-visible{outline:2px solid var(--lg-g-border-color-primary-default);outline-offset:2px}.lg-tabs__tab-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.lg-tabs__tab-label{display:inline-flex;align-items:center}.lg-tabs__tab-suffix{display:inline-flex;align-items:center;flex-shrink:0}.lg-tabs--md .lg-tabs__tab{height:var(--_tabs-tab-height-md);padding:0 var(--_tabs-tab-padding-x);font-size:var(--_tabs-font-size-md)}.lg-tabs--sm .lg-tabs__tab{height:var(--_tabs-tab-height-sm);padding:0 var(--lg-spacing-small);font-size:var(--_tabs-font-size-sm)}.lg-tabs--segmented .lg-tabs__list{padding:var(--_tabs-padding);background-color:var(--lg-g-bg-color-muted);border-radius:var(--lg-radius-2x-large)}.lg-tabs--segmented .lg-tabs__tab{border-radius:var(--lg-radius-2x-large)}.lg-tabs--segmented .lg-tabs__tab[data-state=active]{color:var(--lg-g-fg-color-attention);font-weight:500}.lg-tabs--segmented .lg-tabs__tab[data-state=inactive]{color:var(--lg-g-fg-color-muted)}.lg-tabs--segmented .lg-tabs__tab:hover:not([data-state=active]):not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-tabs--solid .lg-tabs__tab{border-radius:var(--lg-radius-x-large)}.lg-tabs--solid .lg-tabs__tab[data-state=active]{color:var(--lg-g-fg-color-white);font-weight:500}.lg-tabs--solid .lg-tabs__tab[data-state=inactive]{color:var(--lg-g-fg-color-description)}.lg-tabs--solid .lg-tabs__tab:hover:not([data-state=active]):not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-tabs--outline .lg-tabs__tab{border-radius:var(--lg-radius-x-large)}.lg-tabs--outline .lg-tabs__tab[data-state=active]{color:var(--lg-g-fg-color-primary-default);font-weight:500}.lg-tabs--outline .lg-tabs__tab[data-state=inactive]{color:var(--lg-g-fg-color-description)}.lg-tabs--outline .lg-tabs__tab:hover:not([data-state=active]):not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-tabs--underline .lg-tabs__list{width:100%;border-bottom:1px solid var(--lg-g-border-color-default)}.lg-tabs--underline .lg-tabs__tab{font-size:var(--_tabs-font-size-sm)}.lg-tabs--underline .lg-tabs__tab[data-state=active]{color:var(--lg-g-fg-color-attention);font-weight:500}.lg-tabs--underline .lg-tabs__tab[data-state=inactive]{color:var(--lg-g-fg-color-description)}.lg-tabs--underline .lg-tabs__tab:hover:not([data-state=active]):not(:disabled){color:var(--lg-g-fg-color-muted)}.lg-tabs__slider{position:absolute;top:0;left:0;pointer-events:none;will-change:transform,width;z-index:0}.lg-tabs__slider--segmented{top:var(--_tabs-padding);height:var(--_tabs-tab-height-md);background-color:var(--lg-g-bg-color-default);border-radius:var(--lg-radius-2x-large);box-shadow:var(--lg-shadow-sm)}.lg-tabs__slider--solid{top:0;height:var(--_tabs-tab-height-md);background-color:var(--lg-g-bg-color-primary-emphasis);border-radius:var(--lg-radius-x-large)}.lg-tabs__slider--outline{top:0;height:var(--_tabs-tab-height-md);background-color:transparent;border:1px solid var(--lg-g-border-color-primary-default);border-radius:var(--lg-radius-x-large)}.lg-tabs__slider--underline{top:auto;bottom:0;height:1px!important;background-color:var(--lg-g-fg-color-attention);border-radius:0;box-shadow:none}.lg-tabs--sm .lg-tabs__slider--segmented,.lg-tabs--sm .lg-tabs__slider--solid,.lg-tabs--sm .lg-tabs__slider--outline{height:var(--_tabs-tab-height-sm)}.lg-tabs__tab--disabled,.lg-tabs__tab:disabled{opacity:.4;cursor:not-allowed}.lg-tabs--wrap .lg-tabs__list{flex-wrap:wrap;row-gap:var(--lg-spacing-x-small, 8px)}.lg-tabs--wrap .lg-tabs__slider{display:none}.lg-tabs--wrap.lg-tabs--outline .lg-tabs__tab[data-state=active]{border-color:var(--lg-g-border-color-primary-default)}.lg-tabs--wrap.lg-tabs--segmented .lg-tabs__tab[data-state=active]{background-color:var(--lg-g-bg-color-default);box-shadow:var(--lg-shadow-sm)}.lg-tabs--wrap.lg-tabs--solid .lg-tabs__tab[data-state=active]{background-color:var(--lg-g-bg-color-primary-emphasis);color:var(--lg-g-fg-color-white)}.lg-tabs--has-content{display:flex;flex-direction:column;width:100%}.lg-tabs--has-content .lg-tabs__list{align-self:flex-start}.lg-tabs__content-wrapper{position:relative;overflow:hidden;flex:1}.lg-tabs__panel{outline:none}.lg-tabs__panel--inactive:not(.lg-tabs__panel--animated){display:none}.lg-tabs__panel--animated[hidden]{display:block!important}.lg-tabs__panel--animated.lg-tabs__panel--active{animation:lg-tabs-slide-in var(--lg-transition-duration) var(--lg-transition-timing) forwards}.lg-tabs__panel--animated.lg-tabs__panel--inactive{position:absolute;top:0;left:0;right:0;pointer-events:none;animation:lg-tabs-slide-out var(--lg-transition-duration) var(--lg-transition-timing) forwards}.lg-tabs__panel--slide-right.lg-tabs__panel--active{animation-name:lg-tabs-slide-in-from-right}.lg-tabs__panel--slide-right.lg-tabs__panel--inactive{animation-name:lg-tabs-slide-out-to-left}.lg-tabs__panel--slide-left.lg-tabs__panel--active{animation-name:lg-tabs-slide-in-from-left}.lg-tabs__panel--slide-left.lg-tabs__panel--inactive{animation-name:lg-tabs-slide-out-to-right}@keyframes lg-tabs-slide-in-from-right{0%{transform:translate(30%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes lg-tabs-slide-out-to-left{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}@keyframes lg-tabs-slide-in-from-left{0%{transform:translate(-30%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes lg-tabs-slide-out-to-right{0%{transform:translate(0);opacity:1}to{transform:translate(30%);opacity:0}}@keyframes lg-tabs-slide-in{0%{opacity:0}to{opacity:1}}@keyframes lg-tabs-slide-out{0%{opacity:1}to{opacity:0}}
@@ -0,0 +1,61 @@
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import React, { ReactNode, HTMLAttributes } from 'react';
3
+
4
+ /** Tabs 视觉风格变体:对齐 Figma「Tab - 芝芝」4 种风格,由显式 API 控制而非隐式判断 */
5
+ type TabsVariant = "segmented" | "solid" | "outline" | "underline";
6
+ /** Tabs 尺寸变体:md 为默认,sm 用于次级/紧凑场景 */
7
+ type TabsSize = "sm" | "md";
8
+ /** 单个标签项配置:以配置数组驱动渲染,避免消费方手写 Trigger 结构 */
9
+ interface TabItem<T extends string = string> {
10
+ /** 唯一标识,作为 Radix Trigger 的 value,消费方据此识别选中项 */
11
+ key: T;
12
+ /** 标签内容,用 ReactNode 以支持文本以外的富内容 */
13
+ label: ReactNode;
14
+ /** 是否禁用,禁用项不可点击且不触发 onChange,交由 Radix 处理可聚焦性 */
15
+ disabled?: boolean;
16
+ /** label 左侧图标插槽,与 label 分离以便独立控制布局与间距 */
17
+ icon?: ReactNode;
18
+ /** label 右侧后缀插槽(如数量徽标),与 label 分离以便右对齐渲染 */
19
+ suffix?: ReactNode;
20
+ /** 无障碍标签,label 为非文本 ReactNode 时建议提供以保障可读性 */
21
+ ariaLabel?: string;
22
+ /** tab 对应的面板内容,传入后由组件管理内容区渲染与切换动画 */
23
+ children?: ReactNode;
24
+ }
25
+ /**
26
+ * Tabs Props
27
+ * 通过 Omit 继承原生 div 属性,排除与组件自身语义冲突的 onChange / defaultValue,
28
+ * 避免原生事件签名与「key 维度」回调、Radix defaultValue 产生类型歧义
29
+ */
30
+ interface TabsProps<T extends string = string> extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
31
+ /** 标签项数组,按顺序渲染 */
32
+ items: TabItem<T>[];
33
+ /** 受控选中 key,传入即进入受控模式 */
34
+ activeKey?: T;
35
+ /** 非受控默认选中 key,仅在未传 activeKey 时生效 */
36
+ defaultActiveKey?: T;
37
+ /** 选中项变化回调,入参为目标项的 key */
38
+ onChange?: (key: T) => void;
39
+ /** 视觉风格变体,默认 "segmented" */
40
+ variant?: TabsVariant;
41
+ /** 尺寸,默认 "md" */
42
+ size?: TabsSize;
43
+ /** 追加到根元素的自定义类名,供消费方做样式覆盖 */
44
+ className?: string;
45
+ /** 标签列表是否允许换行,默认 false(单行滚动),适用于分类筛选等多标签场景 */
46
+ wrap?: boolean;
47
+ /** 是否启用内容面板切换动画,默认 true(仅在有 children 时生效) */
48
+ animated?: boolean;
49
+ /** 面板切换是否销毁非活跃面板 DOM,默认 false(保持 DOM 仅隐藏) */
50
+ destroyInactivePanel?: boolean;
51
+ }
52
+
53
+ declare const tabsVariants: (props?: ({
54
+ variant?: "segmented" | "solid" | "outline" | "underline" | null | undefined;
55
+ size?: "sm" | "md" | null | undefined;
56
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
57
+ declare const Tabs: <T extends string = string>(props: TabsProps<T> & {
58
+ ref?: React.Ref<HTMLDivElement>;
59
+ }) => React.ReactElement | null;
60
+
61
+ export { type TabItem, Tabs, type TabsProps, type TabsSize, type TabsVariant, tabsVariants };
@@ -0,0 +1,61 @@
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import React, { ReactNode, HTMLAttributes } from 'react';
3
+
4
+ /** Tabs 视觉风格变体:对齐 Figma「Tab - 芝芝」4 种风格,由显式 API 控制而非隐式判断 */
5
+ type TabsVariant = "segmented" | "solid" | "outline" | "underline";
6
+ /** Tabs 尺寸变体:md 为默认,sm 用于次级/紧凑场景 */
7
+ type TabsSize = "sm" | "md";
8
+ /** 单个标签项配置:以配置数组驱动渲染,避免消费方手写 Trigger 结构 */
9
+ interface TabItem<T extends string = string> {
10
+ /** 唯一标识,作为 Radix Trigger 的 value,消费方据此识别选中项 */
11
+ key: T;
12
+ /** 标签内容,用 ReactNode 以支持文本以外的富内容 */
13
+ label: ReactNode;
14
+ /** 是否禁用,禁用项不可点击且不触发 onChange,交由 Radix 处理可聚焦性 */
15
+ disabled?: boolean;
16
+ /** label 左侧图标插槽,与 label 分离以便独立控制布局与间距 */
17
+ icon?: ReactNode;
18
+ /** label 右侧后缀插槽(如数量徽标),与 label 分离以便右对齐渲染 */
19
+ suffix?: ReactNode;
20
+ /** 无障碍标签,label 为非文本 ReactNode 时建议提供以保障可读性 */
21
+ ariaLabel?: string;
22
+ /** tab 对应的面板内容,传入后由组件管理内容区渲染与切换动画 */
23
+ children?: ReactNode;
24
+ }
25
+ /**
26
+ * Tabs Props
27
+ * 通过 Omit 继承原生 div 属性,排除与组件自身语义冲突的 onChange / defaultValue,
28
+ * 避免原生事件签名与「key 维度」回调、Radix defaultValue 产生类型歧义
29
+ */
30
+ interface TabsProps<T extends string = string> extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
31
+ /** 标签项数组,按顺序渲染 */
32
+ items: TabItem<T>[];
33
+ /** 受控选中 key,传入即进入受控模式 */
34
+ activeKey?: T;
35
+ /** 非受控默认选中 key,仅在未传 activeKey 时生效 */
36
+ defaultActiveKey?: T;
37
+ /** 选中项变化回调,入参为目标项的 key */
38
+ onChange?: (key: T) => void;
39
+ /** 视觉风格变体,默认 "segmented" */
40
+ variant?: TabsVariant;
41
+ /** 尺寸,默认 "md" */
42
+ size?: TabsSize;
43
+ /** 追加到根元素的自定义类名,供消费方做样式覆盖 */
44
+ className?: string;
45
+ /** 标签列表是否允许换行,默认 false(单行滚动),适用于分类筛选等多标签场景 */
46
+ wrap?: boolean;
47
+ /** 是否启用内容面板切换动画,默认 true(仅在有 children 时生效) */
48
+ animated?: boolean;
49
+ /** 面板切换是否销毁非活跃面板 DOM,默认 false(保持 DOM 仅隐藏) */
50
+ destroyInactivePanel?: boolean;
51
+ }
52
+
53
+ declare const tabsVariants: (props?: ({
54
+ variant?: "segmented" | "solid" | "outline" | "underline" | null | undefined;
55
+ size?: "sm" | "md" | null | undefined;
56
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
57
+ declare const Tabs: <T extends string = string>(props: TabsProps<T> & {
58
+ ref?: React.Ref<HTMLDivElement>;
59
+ }) => React.ReactElement | null;
60
+
61
+ export { type TabItem, Tabs, type TabsProps, type TabsSize, type TabsVariant, tabsVariants };
@@ -0,0 +1 @@
1
+ 'use strict';var chunkPN2SZLLY_js=require('../chunk-PN2SZLLY.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tabs",{enumerable:true,get:function(){return chunkPN2SZLLY_js.b}});Object.defineProperty(exports,"tabsVariants",{enumerable:true,get:function(){return chunkPN2SZLLY_js.a}});
@@ -0,0 +1 @@
1
+ export{b as Tabs,a as tabsVariants}from'../chunk-OBAN7QPT.mjs';import'../chunk-DN2VKVCV.mjs';