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
package/CHANGELOG.md ADDED
@@ -0,0 +1,18 @@
1
+ # Changelog
2
+
3
+ All notable changes to `lingee-ui` will be documented in this file.
4
+
5
+ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this project adheres to [Semantic Versioning](https://semver.org/).
6
+
7
+ ## [0.0.1] - 2025-06-24
8
+
9
+ ### Added
10
+
11
+ - Button 组件(primary / secondary / ghost / danger / text 变体,支持 size、loading、icon)
12
+ - Tabs 组件(CapsuleTabs / PillTabs 页签切换)
13
+ - Toast 组件(命令式全局提示,info / success / warning / error)
14
+ - Tooltip 组件(基于 Radix 的文字提示)
15
+ - Switch 组件(开关切换)
16
+ - Input 组件(输入框,支持前后缀、清除)
17
+ - Textarea 组件(多行输入)
18
+ - Design Tokens(primitives 色板 + 语义色 fg-color / border-color / bg-color)
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2025 Kingdee
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,148 @@
1
+ # lingee-ui
2
+
3
+ Kingdee Lingee Design 体系的 React UI 组件库,轻量、可定制、支持主题切换。
4
+
5
+ ## 特性
6
+
7
+ - 🎨 **CSS 变量 Token 体系** — 两层设计(primitives → semantic),支持运行时主题切换
8
+ - 📦 **按需加载** — 多入口构建,Tree-shaking 友好
9
+ - 🔧 **TypeScript** — 完整类型定义
10
+ - 🌍 **国际化** — 内置中英文语言包
11
+ - ♿ **无障碍** — 基于 Radix UI 原语,ARIA 合规
12
+
13
+ ## 安装
14
+
15
+ ```bash
16
+ npm install lingee-ui
17
+ # 或
18
+ pnpm add lingee-ui
19
+ ```
20
+
21
+ ### Peer Dependencies
22
+
23
+ ```bash
24
+ pnpm add react react-dom lingee-icon
25
+ ```
26
+
27
+ ## 快速开始
28
+
29
+ 在应用根部包裹 `LingeeProvider`,即可启用所有全局能力(多语言 + Toast):
30
+
31
+ ```tsx
32
+ import { LingeeProvider, Button, toast } from "lingee-ui";
33
+
34
+ function App() {
35
+ return (
36
+ <LingeeProvider>
37
+ <Button variant="primary" onClick={() => toast.success("操作成功")}>
38
+ 点击提示
39
+ </Button>
40
+ </LingeeProvider>
41
+ );
42
+ }
43
+ ```
44
+
45
+ ### 按需引入(可选)
46
+
47
+ 如果只需使用个别组件,可按路径引入以减小 bundle 体积:
48
+
49
+ ```tsx
50
+ import { Button } from "lingee-ui/button";
51
+ import { Tabs } from "lingee-ui/tabs";
52
+ import { toast } from "lingee-ui/toast";
53
+ ```
54
+
55
+ > 样式随 JS 自动引入,无需手动 import CSS。
56
+
57
+ ## 组件列表
58
+
59
+ | 组件 | 说明 |
60
+ |------|------|
61
+ | `LingeeProvider` | 根 Provider,内置 Toast 容器 + 国际化 |
62
+ | `Button` | 按钮,支持 5 种变体、4 种尺寸、3 种形状 |
63
+ | `Tooltip` | 文字提示,hover 触发,支持 12 个方向 |
64
+ | `Tabs` | 标签页,支持 segmented / solid / outline / underline 4 种风格 |
65
+ | `toast` | 全局提示(命令式),支持 info / success / warning / error |
66
+
67
+ ## 主题定制
68
+
69
+ 组件库通过 CSS 变量提供主题定制能力。覆盖 `:root` 中的 `--lg-*` 变量即可全局换肤:
70
+
71
+ ```css
72
+ :root {
73
+ --lg-primary-600: #495dff;
74
+ --lg-radius-medium: 8px;
75
+ }
76
+ ```
77
+
78
+ 完整 Token 列表参见 `config/tokens-color.less`。
79
+
80
+ ## 独立使用 Design Tokens
81
+
82
+ 如果你的项目只需要 Lingee 的语义色体系(不引入组件),可以通过 CDN 直接引入 token 样式:
83
+
84
+ ```html
85
+ <!-- unpkg -->
86
+ <link rel="stylesheet" href="https://unpkg.com/lingee-ui/dist/tokens.css" />
87
+
88
+ <!-- jsdelivr -->
89
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lingee-ui/dist/tokens.css" />
90
+ ```
91
+
92
+ 或在 CSS 中 import:
93
+
94
+ ```css
95
+ @import "https://unpkg.com/lingee-ui/dist/tokens.css";
96
+ ```
97
+
98
+ 引入后即可在 CSS 中使用语义色变量:
99
+
100
+ ```css
101
+ .my-card {
102
+ color: var(--lg-g-fg-color-default);
103
+ background: var(--lg-g-bg-color-default);
104
+ border: 1px solid var(--lg-g-border-color-default);
105
+ }
106
+
107
+ .my-status--success {
108
+ color: var(--lg-g-fg-color-success-default);
109
+ background: var(--lg-g-bg-color-success-muted);
110
+ border: 1px solid var(--lg-g-border-color-success-muted);
111
+ }
112
+
113
+ .my-alert--danger {
114
+ background: linear-gradient(
115
+ to right,
116
+ var(--lg-g-bg-color-danger-gradient-from),
117
+ var(--lg-g-bg-color-danger-gradient-to)
118
+ );
119
+ }
120
+ ```
121
+
122
+ ### 语义色速查
123
+
124
+ | 前缀 | 用途 | 示例 |
125
+ |------|------|------|
126
+ | `--lg-g-fg-color-*` | 前景色(文本、图标) | `--lg-g-fg-color-default`、`--lg-g-fg-color-primary-default` |
127
+ | `--lg-g-border-color-*` | 边框色(线框、分割线) | `--lg-g-border-color-default`、`--lg-g-border-color-danger-muted` |
128
+ | `--lg-g-bg-color-*` | 背景色(填充、渐变) | `--lg-g-bg-color-muted`、`--lg-g-bg-color-warning-gradient-from` |
129
+
130
+ 语义色状态后缀:`default` / `muted` / `hover` / `pressed` / `disabled` / `emphasis`
131
+
132
+ 语义色类型前缀:`primary` / `warning` / `danger` / `success` / `progress`(进行中)/ `link`(仅 fg)
133
+
134
+ ## 国际化
135
+
136
+ 默认中文,切换英文只需传 `locale`:
137
+
138
+ ```tsx
139
+ import { LingeeProvider, enUS } from "lingee-ui";
140
+
141
+ <LingeeProvider locale={enUS}>
142
+ <App />
143
+ </LingeeProvider>
144
+ ```
145
+
146
+ ## License
147
+
148
+ MIT © Kingdee
@@ -0,0 +1 @@
1
+ .lg-tooltip{z-index:9999;padding:6px 8px;border-radius:var(--lg-radius-medium);background-color:var(--lg-g-fg-color-default);color:var(--lg-g-fg-color-white);font-size:var(--lg-font-size);line-height:20px;word-wrap:break-word;box-shadow:var(--lg-shadow-md);animation-duration:var(--lg-transition-duration);animation-timing-function:var(--lg-transition-timing);animation-fill-mode:forwards;will-change:opacity,transform}.lg-tooltip[data-state=delayed-open][data-side=top],.lg-tooltip[data-state=instant-open][data-side=top]{animation-name:lg-tooltip-slide-in-bottom}.lg-tooltip[data-state=delayed-open][data-side=bottom],.lg-tooltip[data-state=instant-open][data-side=bottom]{animation-name:lg-tooltip-slide-in-top}.lg-tooltip[data-state=delayed-open][data-side=left],.lg-tooltip[data-state=instant-open][data-side=left]{animation-name:lg-tooltip-slide-in-right}.lg-tooltip[data-state=delayed-open][data-side=right],.lg-tooltip[data-state=instant-open][data-side=right]{animation-name:lg-tooltip-slide-in-left}.lg-tooltip[data-state=closed]{animation-name:lg-tooltip-fade-out}.lg-tooltip__arrow{fill:var(--lg-g-fg-color-default)}@keyframes lg-tooltip-slide-in-top{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-bottom{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-left{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-slide-in-right{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-fade-out{0%{opacity:1}to{opacity:0}}: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)}@keyframes lg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lg-button{--_btn-height-sm: 28px;--_btn-height-md: 32px;--_btn-height-lg: 36px;--_btn-padding-sm: 0 6px;--_btn-padding-md: 0 8px;--_btn-padding-lg: 0 12px;--_btn-radius: 8px;--_btn-radius-round: 999px;--_btn-font-size: 14px;--_btn-font-weight: 500;--_btn-icon-size: 18px;--_btn-icon-gap: 4px;--_btn-transition: .15s;display:inline-flex;align-items:center;justify-content:center;gap:var(--_btn-icon-gap);height:var(--_btn-height-lg);padding:var(--_btn-padding-lg);border:1px solid transparent;border-radius:var(--_btn-radius);font-family:inherit;font-size:var(--_btn-font-size);font-weight:var(--_btn-font-weight);line-height:22px;white-space:nowrap;cursor:pointer;user-select:none;text-decoration:none;transition:color var(--_btn-transition),background-color var(--_btn-transition),border-color var(--_btn-transition),box-shadow var(--_btn-transition),opacity var(--_btn-transition)}.lg-button:focus-visible{outline:2px solid var(--lg-g-border-color-primary-default);outline-offset:2px}.lg-button--xs{height:16px;padding:0}.lg-button--sm{height:var(--_btn-height-sm);padding:var(--_btn-padding-sm)}.lg-button--md{height:var(--_btn-height-md);padding:var(--_btn-padding-md)}.lg-button--lg{height:var(--_btn-height-lg);padding:var(--_btn-padding-lg)}.lg-button--circle{border-radius:50%;aspect-ratio:1}.lg-button--round{border-radius:var(--_btn-radius-round)}.lg-button--primary{color:var(--lg-g-fg-color-white);background-color:var(--lg-g-bg-color-primary-emphasis);border-color:transparent}.lg-button--primary:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-hover)}.lg-button--secondary{color:var(--lg-g-fg-color-primary-default);background-color:transparent;border-color:var(--lg-g-border-color-primary-default)}.lg-button--secondary:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-muted)}.lg-button--ghost{color:var(--lg-g-fg-color-primary-default);background-color:var(--lg-g-bg-color-primary-muted);border-color:transparent}.lg-button--ghost:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-muted)}.lg-button--outline{color:var(--lg-g-fg-color-default);background-color:transparent;border-color:var(--lg-g-border-color-default)}.lg-button--outline:hover:not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-button--text{color:var(--lg-g-fg-color-muted);background-color:transparent;border-color:transparent}.lg-button--text:hover:not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-button--icon-only{aspect-ratio:1;padding:0}.lg-button--subtle{color:var(--lg-g-fg-color-description)}.lg-button--subtle:hover:not(:disabled){color:var(--lg-g-fg-color-muted)}.lg-button--danger{color:var(--lg-g-fg-color-danger-default)}.lg-button--danger:hover:not(:disabled){background-color:var(--lg-g-bg-color-danger-muted)}.lg-button--primary.lg-button--danger{color:var(--lg-g-fg-color-white);background-color:var(--lg-g-bg-color-danger-default);border-color:transparent}.lg-button--primary.lg-button--danger:hover:not(:disabled){background-color:var(--lg-g-bg-color-danger-hover)}.lg-button--icon-only.lg-button--danger{color:inherit}.lg-button--icon-only.lg-button--danger:hover:not(:disabled){color:var(--lg-g-fg-color-danger-default);background-color:var(--lg-g-bg-color-danger-muted)}.lg-button--subtle.lg-button--icon-only.lg-button--danger{color:var(--lg-g-fg-color-description)}.lg-button--subtle.lg-button--icon-only.lg-button--danger:hover:not(:disabled){color:var(--lg-g-fg-color-danger-default)}.lg-button--disabled{opacity:.3;cursor:not-allowed}.lg-button--active{color:var(--lg-g-fg-color-primary-default);background-color:var(--lg-g-bg-color-primary-muted)}.lg-button--loading{opacity:.4;cursor:not-allowed}.lg-button__icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.lg-button__spinner{animation:lg-spin 1s linear infinite}
@@ -0,0 +1,43 @@
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import React, { ButtonHTMLAttributes, ReactNode } from 'react';
3
+
4
+ type ButtonVariant = "primary" | "secondary" | "ghost" | "outline" | "text";
5
+ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
6
+ /** 按钮变体,默认 "outline" */
7
+ variant?: ButtonVariant;
8
+ /** 按钮形状,默认 "default" */
9
+ shape?: "default" | "circle" | "round";
10
+ /** 按钮尺寸,默认 "lg" */
11
+ size?: "xs" | "sm" | "md" | "lg";
12
+ /** 前置图标插槽 */
13
+ icon?: ReactNode;
14
+ /** 弱化态(仅 variant="text" 时生效),默认色 black46,hover 升 black64 */
15
+ subtle?: boolean;
16
+ /** 危险按钮变体(叠加修饰符) */
17
+ danger?: boolean;
18
+ /** 禁用状态 */
19
+ disabled?: boolean;
20
+ /** 加载状态 */
21
+ loading?: boolean;
22
+ /** Tooltip 文字(非空时自动添加原生 title) */
23
+ tooltip?: string;
24
+ /** Tooltip 额外配置(预留给未来 Tooltip 组件) */
25
+ tooltipProps?: Record<string, unknown>;
26
+ /** 原生 button type 属性,默认 "button" */
27
+ htmlType?: "button" | "submit" | "reset";
28
+ /** 子内容 */
29
+ children?: ReactNode;
30
+ }
31
+
32
+ declare const buttonVariants: (props?: ({
33
+ variant?: "outline" | "text" | "primary" | "secondary" | "ghost" | null | undefined;
34
+ size?: "sm" | "md" | "xs" | "lg" | null | undefined;
35
+ shape?: "round" | "default" | "circle" | null | undefined;
36
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
37
+ /**
38
+ * Button 按钮组件
39
+ * 支持多种类型变体、尺寸、形状、图标插槽、Tooltip 及完整无障碍属性
40
+ */
41
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
42
+
43
+ export { Button, type ButtonProps, type ButtonVariant, buttonVariants };
@@ -0,0 +1,43 @@
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import React, { ButtonHTMLAttributes, ReactNode } from 'react';
3
+
4
+ type ButtonVariant = "primary" | "secondary" | "ghost" | "outline" | "text";
5
+ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
6
+ /** 按钮变体,默认 "outline" */
7
+ variant?: ButtonVariant;
8
+ /** 按钮形状,默认 "default" */
9
+ shape?: "default" | "circle" | "round";
10
+ /** 按钮尺寸,默认 "lg" */
11
+ size?: "xs" | "sm" | "md" | "lg";
12
+ /** 前置图标插槽 */
13
+ icon?: ReactNode;
14
+ /** 弱化态(仅 variant="text" 时生效),默认色 black46,hover 升 black64 */
15
+ subtle?: boolean;
16
+ /** 危险按钮变体(叠加修饰符) */
17
+ danger?: boolean;
18
+ /** 禁用状态 */
19
+ disabled?: boolean;
20
+ /** 加载状态 */
21
+ loading?: boolean;
22
+ /** Tooltip 文字(非空时自动添加原生 title) */
23
+ tooltip?: string;
24
+ /** Tooltip 额外配置(预留给未来 Tooltip 组件) */
25
+ tooltipProps?: Record<string, unknown>;
26
+ /** 原生 button type 属性,默认 "button" */
27
+ htmlType?: "button" | "submit" | "reset";
28
+ /** 子内容 */
29
+ children?: ReactNode;
30
+ }
31
+
32
+ declare const buttonVariants: (props?: ({
33
+ variant?: "outline" | "text" | "primary" | "secondary" | "ghost" | null | undefined;
34
+ size?: "sm" | "md" | "xs" | "lg" | null | undefined;
35
+ shape?: "round" | "default" | "circle" | null | undefined;
36
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
37
+ /**
38
+ * Button 按钮组件
39
+ * 支持多种类型变体、尺寸、形状、图标插槽、Tooltip 及完整无障碍属性
40
+ */
41
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
42
+
43
+ export { Button, type ButtonProps, type ButtonVariant, buttonVariants };
@@ -0,0 +1 @@
1
+ 'use strict';var chunk3LDO5QE6_js=require('../chunk-3LDO5QE6.js');require('../chunk-FSH4DMUD.js'),require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunk3LDO5QE6_js.b}});Object.defineProperty(exports,"buttonVariants",{enumerable:true,get:function(){return chunk3LDO5QE6_js.a}});
@@ -0,0 +1 @@
1
+ export{b as Button,a as buttonVariants}from'../chunk-BFRX44EV.mjs';import'../chunk-R6FAL3FJ.mjs';import'../chunk-DN2VKVCV.mjs';
@@ -0,0 +1 @@
1
+ 'use strict';var chunkFSH4DMUD_js=require('./chunk-FSH4DMUD.js'),chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),C=require('react'),classVarianceAuthority=require('class-variance-authority'),lingeeIcon=require('lingee-icon'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var C__default=/*#__PURE__*/_interopDefault(C);var A=classVarianceAuthority.cva("lg-button",{variants:{variant:{primary:"lg-button--primary",secondary:"lg-button--secondary",ghost:"lg-button--ghost",outline:"lg-button--outline",text:"lg-button--text"},size:{xs:"lg-button--xs",sm:"lg-button--sm",md:"lg-button--md",lg:"lg-button--lg"},shape:{default:"",circle:"lg-button--circle",round:"lg-button--round"}},defaultVariants:{variant:"outline",size:"lg",shape:"default"}}),_=C__default.default.forwardRef(({className:d,variant:c="outline",size:s="lg",shape:u="default",icon:e,subtle:p=false,danger:m=false,disabled:F=false,loading:g=false,tooltip:l,tooltipProps:N,htmlType:v="button",children:o,onClick:f,"aria-label":y,...w},h)=>{let r=F||g,x=i=>{if(r){i.preventDefault();return}f?.(i);},E=!!(e||g)&&!o,k=chunkDCDWEVW4_js.a(A({variant:c,size:s,shape:u}),p&&"lg-button--subtle",m&&"lg-button--danger",r&&"lg-button--disabled",g&&"lg-button--loading",E&&"lg-button--icon-only",d),n=jsxRuntime.jsxs("button",{ref:h,type:v,className:k,disabled:r,"aria-disabled":r||void 0,"aria-busy":g||void 0,"aria-label":y||l||void 0,onClick:x,...w,children:[g?jsxRuntime.jsx("span",{className:"lg-button__icon",children:jsxRuntime.jsx(lingeeIcon.ArrowClockwise,{spin:true})}):e?jsxRuntime.jsx("span",{className:"lg-button__icon",children:e}):null,o]});return l?jsxRuntime.jsx(chunkFSH4DMUD_js.a,{content:l,children:n}):n});_.displayName="Button";exports.a=A;exports.b=_;
@@ -0,0 +1 @@
1
+ 'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),H=require('react'),lingeeIcon=require('lingee-icon'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var H__default=/*#__PURE__*/_interopDefault(H);var S=H__default.default.forwardRef(({className:n,size:t="md",shape:l="default",prefix:b,suffix:p,allowClear:y=false,error:x=false,disabled:a=false,value:d,defaultValue:h,onChange:u,onFocus:s,onBlur:c,...E},_)=>{let[C,F]=H.useState(false),[k,m]=H.useState(h?.toString()??""),r=H.useRef(null),B=P(_,r),e=d!==void 0,v=e?d?.toString()??"":k,D=H.useCallback(g=>{e||m(g.target.value),u?.(g);},[e,u]),A=H.useCallback(()=>{if(a)return;e||m("");let g=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value")?.set;if(r.current&&g){g.call(r.current,"");let M=new Event("input",{bubbles:true});r.current.dispatchEvent(M);}r.current?.focus();},[a,e]),z=H.useCallback(g=>{F(true),s?.(g);},[s]),I=H.useCallback(g=>{F(false),c?.(g);},[c]),R=y&&v.length>0&&!a,T=chunkDCDWEVW4_js.a("lg-input",`lg-input--${t}`,l==="round"&&"lg-input--round",C&&"lg-input--focused",x&&"lg-input--error",a&&"lg-input--disabled",n);return jsxRuntime.jsxs("div",{className:T,onClick:()=>r.current?.focus(),children:[b&&jsxRuntime.jsx("span",{className:"lg-input__prefix",children:b}),jsxRuntime.jsx("input",{ref:B,className:"lg-input__inner",disabled:a,value:v,onChange:D,onFocus:z,onBlur:I,...E}),R&&jsxRuntime.jsx("span",{className:"lg-input__clear",onMouseDown:g=>g.preventDefault(),onClick:A,role:"button","aria-label":"\u6E05\u7A7A",children:jsxRuntime.jsx(lingeeIcon.XCircleFill,{})}),p&&jsxRuntime.jsx("span",{className:"lg-input__suffix",children:p})]})});S.displayName="Input";function P(...n){return H.useCallback(t=>{n.forEach(l=>{l&&(typeof l=="function"?l(t):l.current=t);});},n)}exports.a=S;
@@ -0,0 +1 @@
1
+ import {a as a$1}from'./chunk-R6FAL3FJ.mjs';import {a}from'./chunk-DN2VKVCV.mjs';import C from'react';import {cva}from'class-variance-authority';import {ArrowClockwise}from'lingee-icon';import {jsxs,jsx}from'react/jsx-runtime';var A=cva("lg-button",{variants:{variant:{primary:"lg-button--primary",secondary:"lg-button--secondary",ghost:"lg-button--ghost",outline:"lg-button--outline",text:"lg-button--text"},size:{xs:"lg-button--xs",sm:"lg-button--sm",md:"lg-button--md",lg:"lg-button--lg"},shape:{default:"",circle:"lg-button--circle",round:"lg-button--round"}},defaultVariants:{variant:"outline",size:"lg",shape:"default"}}),_=C.forwardRef(({className:d,variant:c="outline",size:s="lg",shape:u="default",icon:e,subtle:p=false,danger:m=false,disabled:F=false,loading:g=false,tooltip:l,tooltipProps:N,htmlType:v="button",children:o,onClick:f,"aria-label":y,...w},h)=>{let r=F||g,x=i=>{if(r){i.preventDefault();return}f?.(i);},E=!!(e||g)&&!o,k=a(A({variant:c,size:s,shape:u}),p&&"lg-button--subtle",m&&"lg-button--danger",r&&"lg-button--disabled",g&&"lg-button--loading",E&&"lg-button--icon-only",d),n=jsxs("button",{ref:h,type:v,className:k,disabled:r,"aria-disabled":r||void 0,"aria-busy":g||void 0,"aria-label":y||l||void 0,onClick:x,...w,children:[g?jsx("span",{className:"lg-button__icon",children:jsx(ArrowClockwise,{spin:true})}):e?jsx("span",{className:"lg-button__icon",children:e}):null,o]});return l?jsx(a$1,{content:l,children:n}):n});_.displayName="Button";export{A as a,_ as b};
@@ -0,0 +1 @@
1
+ 'use strict';var clsx=require('clsx');function e(...r){return clsx.clsx(r)}exports.a=e;
@@ -0,0 +1 @@
1
+ import {clsx}from'clsx';function e(...r){return clsx(r)}export{e as a};
@@ -0,0 +1 @@
1
+ import {a}from'./chunk-DN2VKVCV.mjs';import H,{useState,useRef,useCallback}from'react';import {XCircleFill}from'lingee-icon';import {jsxs,jsx}from'react/jsx-runtime';var S=H.forwardRef(({className:n,size:t="md",shape:l="default",prefix:b,suffix:p,allowClear:y=false,error:x=false,disabled:a$1=false,value:d,defaultValue:h,onChange:u,onFocus:s,onBlur:c,...E},_)=>{let[C,F]=useState(false),[k,m]=useState(h?.toString()??""),r=useRef(null),B=P(_,r),e=d!==void 0,v=e?d?.toString()??"":k,D=useCallback(g=>{e||m(g.target.value),u?.(g);},[e,u]),A=useCallback(()=>{if(a$1)return;e||m("");let g=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value")?.set;if(r.current&&g){g.call(r.current,"");let M=new Event("input",{bubbles:true});r.current.dispatchEvent(M);}r.current?.focus();},[a$1,e]),z=useCallback(g=>{F(true),s?.(g);},[s]),I=useCallback(g=>{F(false),c?.(g);},[c]),R=y&&v.length>0&&!a$1,T=a("lg-input",`lg-input--${t}`,l==="round"&&"lg-input--round",C&&"lg-input--focused",x&&"lg-input--error",a$1&&"lg-input--disabled",n);return jsxs("div",{className:T,onClick:()=>r.current?.focus(),children:[b&&jsx("span",{className:"lg-input__prefix",children:b}),jsx("input",{ref:B,className:"lg-input__inner",disabled:a$1,value:v,onChange:D,onFocus:z,onBlur:I,...E}),R&&jsx("span",{className:"lg-input__clear",onMouseDown:g=>g.preventDefault(),onClick:A,role:"button","aria-label":"\u6E05\u7A7A",children:jsx(XCircleFill,{})}),p&&jsx("span",{className:"lg-input__suffix",children:p})]})});S.displayName="Input";function P(...n){return useCallback(t=>{n.forEach(l=>{l&&(typeof l=="function"?l(t):l.current=t);});},n)}export{S as a};
@@ -0,0 +1 @@
1
+ 'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),g=require('@radix-ui/react-tooltip'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var g__namespace=/*#__PURE__*/_interopNamespace(g);function w(r){let l=r.split("-"),e=l[0],o={start:"start",end:"end"},i=l[1]?o[l[1]]??"center":"center";return {side:e,align:i}}function x({content:r,children:l,placement:e="top",open:o,defaultOpen:i,onOpenChange:p,delayDuration:s=200,skipDelayDuration:m=150,sideOffset:F=6,arrow:c=true,className:u,maxWidth:f=280,container:t}){if(r==null||r==="")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:l});let{side:v,align:y}=w(e),b=jsxRuntime.jsxs(g__namespace.Content,{className:chunkDCDWEVW4_js.a("lg-tooltip",u),side:v,align:y,sideOffset:F,style:{maxWidth:f},children:[r,c&&jsxRuntime.jsx(g__namespace.Arrow,{className:"lg-tooltip__arrow"})]});return jsxRuntime.jsx(g__namespace.Provider,{delayDuration:s,skipDelayDuration:m,children:jsxRuntime.jsxs(g__namespace.Root,{open:o,defaultOpen:i,onOpenChange:p,children:[jsxRuntime.jsx(g__namespace.Trigger,{asChild:true,children:l}),t===null?b:jsxRuntime.jsx(g__namespace.Portal,{container:t,children:b})]})})}x.displayName="Tooltip";exports.a=x;
@@ -0,0 +1 @@
1
+ 'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),A=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var A__default=/*#__PURE__*/_interopDefault(A);var _=A__default.default.forwardRef(({className:u,error:m=false,disabled:e=false,showCount:v=false,maxLength:l,value:o,defaultValue:x,onChange:i,onFocus:b,onBlur:t,...f},w)=>{let[y,n]=A.useState(false),[h,E]=A.useState(x?.toString()??""),r=o!==void 0,d=r?o?.toString()??"":h,C=A.useCallback(g=>{r||E(g.target.value),i?.(g);},[r,i]),k=A.useCallback(g=>{n(true),b?.(g);},[b]),B=A.useCallback(g=>{n(false),t?.(g);},[t]),D=chunkDCDWEVW4_js.a("lg-textarea",y&&"lg-textarea--focused",m&&"lg-textarea--error",e&&"lg-textarea--disabled",u);return jsxRuntime.jsxs("div",{className:"lg-textarea__wrapper",children:[jsxRuntime.jsx("div",{className:D,children:jsxRuntime.jsx("textarea",{ref:w,className:"lg-textarea__inner",disabled:e,maxLength:l,value:d,onChange:C,onFocus:k,onBlur:B,...f})}),v&&l&&jsxRuntime.jsxs("span",{className:"lg-textarea__count",children:[d.length,"/",l]})]})});_.displayName="Textarea";exports.a=_;
@@ -0,0 +1 @@
1
+ 'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),k=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var k__default=/*#__PURE__*/_interopDefault(k);var B=k__default.default.forwardRef(({checked:r,defaultChecked:i=false,size:g="md",disabled:a=false,onChange:s,className:d,id:p,"aria-label":m,...F},u)=>{let[h,w]=k.useState(i),o=r!==void 0,e=o?r:h,v=k.useRef(null),f=D(u,v),b=k.useCallback(()=>{if(a)return;let l=!e;o||w(l),s?.(l);},[a,e,o,s]),y=k.useCallback(l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),b());},[b]),x=chunkDCDWEVW4_js.a("lg-switch",`lg-switch--${g}`,e&&"lg-switch--checked",a&&"lg-switch--disabled",d);return jsxRuntime.jsxs("button",{type:"button",role:"switch","aria-checked":e,"aria-label":m,disabled:a,className:x,onClick:b,onKeyDown:y,children:[jsxRuntime.jsx("input",{ref:f,type:"checkbox",id:p,checked:e,disabled:a,className:"lg-switch__input",tabIndex:-1,onChange:()=>{},...F}),jsxRuntime.jsx("span",{className:"lg-switch__thumb"})]})});B.displayName="Switch";function D(...r){return k.useCallback(i=>{r.forEach(g=>{g&&(typeof g=="function"?g(i):g.current=i);});},r)}exports.a=B;
@@ -0,0 +1 @@
1
+ import {a}from'./chunk-DN2VKVCV.mjs';import W,{useState,useRef,useCallback,useEffect,useLayoutEffect}from'react';import {cva}from'class-variance-authority';import*as e from'@radix-ui/react-tabs';import {jsxs,jsx}from'react/jsx-runtime';var K=cva("lg-tabs",{variants:{variant:{segmented:"lg-tabs--segmented",solid:"lg-tabs--solid",outline:"lg-tabs--outline",underline:"lg-tabs--underline"},size:{sm:"lg-tabs--sm",md:"lg-tabs--md"}},defaultVariants:{variant:"segmented",size:"md"}}),I=typeof window<"u"?useLayoutEffect:useEffect;function ll({items:g,activeKey:t,defaultActiveKey:L,onChange:k,variant:c="segmented",size:M="md",wrap:N=false,animated:F=true,destroyInactivePanel:E=false,className:X,dir:H,...P},V){let i=t!==void 0,$=g.find(l=>!l.disabled)?.key,C=i?void 0:L??$,[j,O]=useState(C),o=i?t:j,p=useRef(g.findIndex(l=>l.key===o)),[D,u]=useState("right"),q=useCallback(l=>{let a=g.findIndex(_=>_.key===l),r=p.current;a>r?u("right"):a<r&&u("left"),p.current=a,i||O(l),k?.(l);},[i,k,g]);useEffect(()=>{if(i&&t){let l=g.findIndex(r=>r.key===t),a=p.current;l!==a&&(l>a?u("right"):u("left"),p.current=l);}},[i,t,g]);let B=g.some(l=>l.children!=null),m=useRef(null),v=useRef(new Map),[G,A]=useState({opacity:0}),b=useRef(false),J=useCallback(l=>a=>{a?v.current.set(l,a):v.current.delete(l);},[]),d=useCallback(l=>{let a=m.current,r=o?v.current.get(o):void 0;if(!a||!r){A(S=>S.opacity===0?S:{opacity:0});return}let _=a.getBoundingClientRect(),z=(c==="underline"?r.querySelector(".lg-tabs__tab-label")??r:r).getBoundingClientRect(),U=z.left-_.left;A({width:z.width,transform:`translateX(${U}px)`,opacity:1,transition:l?"transform var(--_tabs-slider-duration) var(--lg-transition-timing), width var(--_tabs-slider-duration) var(--lg-transition-timing)":"none"});},[o,c]),T=useRef(d);T.current=d;let R=useRef(0);I(()=>{let l=b.current;d(l),l&&(R.current=Date.now()),b.current=true;},[d,o]);let Q=g.map(l=>`${l.key}:${l.disabled?1:0}`).join("|");return I(()=>{let l=b.current;b.current=false,d(false),b.current=l;},[Q]),useEffect(()=>{if(!m.current)return;let l=true,a=new ResizeObserver(()=>{if(l){l=false;return}Date.now()-R.current<350||T.current(false);});return a.observe(m.current),()=>a.disconnect()},[]),jsxs(e.Root,{ref:V,className:a(K({variant:c,size:M}),N&&"lg-tabs--wrap",B&&"lg-tabs--has-content",X),value:t,defaultValue:C,onValueChange:q,dir:H,...P,children:[jsxs(e.List,{className:"lg-tabs__list",ref:m,children:[jsx("span",{className:`lg-tabs__slider lg-tabs__slider--${c}`,style:G,"aria-hidden":true}),g.map(l=>jsxs(e.Trigger,{value:l.key,disabled:l.disabled,ref:J(l.key),"aria-label":l.ariaLabel,className:a("lg-tabs__tab",l.disabled&&"lg-tabs__tab--disabled"),children:[l.icon&&jsx("span",{className:"lg-tabs__tab-icon",children:l.icon}),jsx("span",{className:"lg-tabs__tab-label",children:l.label}),l.suffix!=null&&jsx("span",{className:"lg-tabs__tab-suffix",children:l.suffix})]},l.key))]}),B&&jsx("div",{className:"lg-tabs__content-wrapper",children:g.map(l=>{if(l.children==null)return null;let a$1=l.key===o;return E&&!a$1?null:jsx(e.Content,{value:l.key,forceMount:E?void 0:true,className:a("lg-tabs__panel",F&&"lg-tabs__panel--animated",a$1&&"lg-tabs__panel--active",!a$1&&"lg-tabs__panel--inactive",F&&D==="right"&&"lg-tabs__panel--slide-right",F&&D==="left"&&"lg-tabs__panel--slide-left"),children:l.children},l.key)})})]})}var sl=W.forwardRef(ll);export{K as a,sl as b};
@@ -0,0 +1 @@
1
+ 'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),W=require('react'),classVarianceAuthority=require('class-variance-authority'),e=require('@radix-ui/react-tabs'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var W__default=/*#__PURE__*/_interopDefault(W);var e__namespace=/*#__PURE__*/_interopNamespace(e);var K=classVarianceAuthority.cva("lg-tabs",{variants:{variant:{segmented:"lg-tabs--segmented",solid:"lg-tabs--solid",outline:"lg-tabs--outline",underline:"lg-tabs--underline"},size:{sm:"lg-tabs--sm",md:"lg-tabs--md"}},defaultVariants:{variant:"segmented",size:"md"}}),I=typeof window<"u"?W.useLayoutEffect:W.useEffect;function ll({items:g,activeKey:t,defaultActiveKey:L,onChange:k,variant:c="segmented",size:M="md",wrap:N=false,animated:F=true,destroyInactivePanel:E=false,className:X,dir:H,...P},V){let i=t!==void 0,$=g.find(l=>!l.disabled)?.key,C=i?void 0:L??$,[j,O]=W.useState(C),o=i?t:j,p=W.useRef(g.findIndex(l=>l.key===o)),[D,u]=W.useState("right"),q=W.useCallback(l=>{let a=g.findIndex(_=>_.key===l),r=p.current;a>r?u("right"):a<r&&u("left"),p.current=a,i||O(l),k?.(l);},[i,k,g]);W.useEffect(()=>{if(i&&t){let l=g.findIndex(r=>r.key===t),a=p.current;l!==a&&(l>a?u("right"):u("left"),p.current=l);}},[i,t,g]);let B=g.some(l=>l.children!=null),m=W.useRef(null),v=W.useRef(new Map),[G,A]=W.useState({opacity:0}),b=W.useRef(false),J=W.useCallback(l=>a=>{a?v.current.set(l,a):v.current.delete(l);},[]),d=W.useCallback(l=>{let a=m.current,r=o?v.current.get(o):void 0;if(!a||!r){A(S=>S.opacity===0?S:{opacity:0});return}let _=a.getBoundingClientRect(),z=(c==="underline"?r.querySelector(".lg-tabs__tab-label")??r:r).getBoundingClientRect(),U=z.left-_.left;A({width:z.width,transform:`translateX(${U}px)`,opacity:1,transition:l?"transform var(--_tabs-slider-duration) var(--lg-transition-timing), width var(--_tabs-slider-duration) var(--lg-transition-timing)":"none"});},[o,c]),T=W.useRef(d);T.current=d;let R=W.useRef(0);I(()=>{let l=b.current;d(l),l&&(R.current=Date.now()),b.current=true;},[d,o]);let Q=g.map(l=>`${l.key}:${l.disabled?1:0}`).join("|");return I(()=>{let l=b.current;b.current=false,d(false),b.current=l;},[Q]),W.useEffect(()=>{if(!m.current)return;let l=true,a=new ResizeObserver(()=>{if(l){l=false;return}Date.now()-R.current<350||T.current(false);});return a.observe(m.current),()=>a.disconnect()},[]),jsxRuntime.jsxs(e__namespace.Root,{ref:V,className:chunkDCDWEVW4_js.a(K({variant:c,size:M}),N&&"lg-tabs--wrap",B&&"lg-tabs--has-content",X),value:t,defaultValue:C,onValueChange:q,dir:H,...P,children:[jsxRuntime.jsxs(e__namespace.List,{className:"lg-tabs__list",ref:m,children:[jsxRuntime.jsx("span",{className:`lg-tabs__slider lg-tabs__slider--${c}`,style:G,"aria-hidden":true}),g.map(l=>jsxRuntime.jsxs(e__namespace.Trigger,{value:l.key,disabled:l.disabled,ref:J(l.key),"aria-label":l.ariaLabel,className:chunkDCDWEVW4_js.a("lg-tabs__tab",l.disabled&&"lg-tabs__tab--disabled"),children:[l.icon&&jsxRuntime.jsx("span",{className:"lg-tabs__tab-icon",children:l.icon}),jsxRuntime.jsx("span",{className:"lg-tabs__tab-label",children:l.label}),l.suffix!=null&&jsxRuntime.jsx("span",{className:"lg-tabs__tab-suffix",children:l.suffix})]},l.key))]}),B&&jsxRuntime.jsx("div",{className:"lg-tabs__content-wrapper",children:g.map(l=>{if(l.children==null)return null;let a=l.key===o;return E&&!a?null:jsxRuntime.jsx(e__namespace.Content,{value:l.key,forceMount:E?void 0:true,className:chunkDCDWEVW4_js.a("lg-tabs__panel",F&&"lg-tabs__panel--animated",a&&"lg-tabs__panel--active",!a&&"lg-tabs__panel--inactive",F&&D==="right"&&"lg-tabs__panel--slide-right",F&&D==="left"&&"lg-tabs__panel--slide-left"),children:l.children},l.key)})})]})}var sl=W__default.default.forwardRef(ll);exports.a=K;exports.b=sl;
@@ -0,0 +1 @@
1
+ 'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),C=require('react'),sonner=require('sonner'),lingeeIcon=require('lingee-icon'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var C__default=/*#__PURE__*/_interopDefault(C);var y={info:jsxRuntime.jsx(lingeeIcon.Information1,{size:20}),success:jsxRuntime.jsx(lingeeIcon.Check2Circle,{size:20}),warning:jsxRuntime.jsx(lingeeIcon.ExclamationCircle,{size:20}),error:jsxRuntime.jsx(lingeeIcon.ExclamationTriangle,{size:20})};function d({type:l,content:g,icon:r,closable:n,className:t,onClose:s}){let p=()=>{if(r===null)return null;let m=r!==void 0?r:y[l];return jsxRuntime.jsx("span",{className:"lg-toast__icon",children:m})};return jsxRuntime.jsxs("div",{className:chunkDCDWEVW4_js.a("lg-toast",`lg-toast--${l}`,t),children:[p(),jsxRuntime.jsx("span",{className:"lg-toast__content",children:g}),n&&jsxRuntime.jsx("button",{className:"lg-toast__close",onClick:s,"aria-label":"\u5173\u95ED\u6D88\u606F",type:"button",children:jsxRuntime.jsx(lingeeIcon.XLg,{size:16})})]})}var e={};function P(){let l=e.top??16;return jsxRuntime.jsx(sonner.Toaster,{position:"top-center",offset:l,gap:8,closeButton:false,toastOptions:{unstyled:true,className:"lg-toast-wrapper"}})}function E(l){let g=l[0];return typeof g=="object"&&g!==null&&!C__default.default.isValidElement(g)?g:{content:g,duration:l[1],onClose:l[2]}}function k(l,g){let r=g.duration!==void 0?g.duration<0?e.duration??3e3:g.duration:e.duration??3e3,n=r===0?1/0:r,t=sonner.toast.custom(s=>jsxRuntime.jsx(d,{type:l,content:g.content,icon:g.icon,closable:g.closable,className:g.className,onClose:()=>sonner.toast.dismiss(s)}),{id:g.key,duration:n,onAutoClose:()=>g.onClose?.(),onDismiss:()=>g.onClose?.()});return ()=>sonner.toast.dismiss(t)}function o(l){return (...g)=>{let r=E(g);return k(l,r)}}var M={info:o("info"),success:o("success"),warning:o("warning"),error:o("error"),destroy:()=>sonner.toast.dismiss(),config:l=>{e={...e,...l};}};exports.a=P;exports.b=M;
@@ -0,0 +1 @@
1
+ import {a}from'./chunk-DN2VKVCV.mjs';import k,{useState,useRef,useCallback}from'react';import {jsxs,jsx}from'react/jsx-runtime';var B=k.forwardRef(({checked:r,defaultChecked:i=false,size:g="md",disabled:a$1=false,onChange:s,className:d,id:p,"aria-label":m,...F},u)=>{let[h,w]=useState(i),o=r!==void 0,e=o?r:h,v=useRef(null),f=D(u,v),b=useCallback(()=>{if(a$1)return;let l=!e;o||w(l),s?.(l);},[a$1,e,o,s]),y=useCallback(l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),b());},[b]),x=a("lg-switch",`lg-switch--${g}`,e&&"lg-switch--checked",a$1&&"lg-switch--disabled",d);return jsxs("button",{type:"button",role:"switch","aria-checked":e,"aria-label":m,disabled:a$1,className:x,onClick:b,onKeyDown:y,children:[jsx("input",{ref:f,type:"checkbox",id:p,checked:e,disabled:a$1,className:"lg-switch__input",tabIndex:-1,onChange:()=>{},...F}),jsx("span",{className:"lg-switch__thumb"})]})});B.displayName="Switch";function D(...r){return useCallback(i=>{r.forEach(g=>{g&&(typeof g=="function"?g(i):g.current=i);});},r)}export{B as a};
@@ -0,0 +1 @@
1
+ import {a}from'./chunk-DN2VKVCV.mjs';import*as g from'@radix-ui/react-tooltip';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function w(r){let l=r.split("-"),e=l[0],o={start:"start",end:"end"},i=l[1]?o[l[1]]??"center":"center";return {side:e,align:i}}function x({content:r,children:l,placement:e="top",open:o,defaultOpen:i,onOpenChange:p,delayDuration:s=200,skipDelayDuration:m=150,sideOffset:F=6,arrow:c=true,className:u,maxWidth:f=280,container:t}){if(r==null||r==="")return jsx(Fragment,{children:l});let{side:v,align:y}=w(e),b=jsxs(g.Content,{className:a("lg-tooltip",u),side:v,align:y,sideOffset:F,style:{maxWidth:f},children:[r,c&&jsx(g.Arrow,{className:"lg-tooltip__arrow"})]});return jsx(g.Provider,{delayDuration:s,skipDelayDuration:m,children:jsxs(g.Root,{open:o,defaultOpen:i,onOpenChange:p,children:[jsx(g.Trigger,{asChild:true,children:l}),t===null?b:jsx(g.Portal,{container:t,children:b})]})})}x.displayName="Tooltip";export{x as a};
@@ -0,0 +1 @@
1
+ import {a}from'./chunk-DN2VKVCV.mjs';import C from'react';import {Toaster,toast}from'sonner';import {ExclamationTriangle,ExclamationCircle,Check2Circle,Information1,XLg}from'lingee-icon';import {jsx,jsxs}from'react/jsx-runtime';var y={info:jsx(Information1,{size:20}),success:jsx(Check2Circle,{size:20}),warning:jsx(ExclamationCircle,{size:20}),error:jsx(ExclamationTriangle,{size:20})};function d({type:l,content:g,icon:r,closable:n,className:t,onClose:s}){let p=()=>{if(r===null)return null;let m=r!==void 0?r:y[l];return jsx("span",{className:"lg-toast__icon",children:m})};return jsxs("div",{className:a("lg-toast",`lg-toast--${l}`,t),children:[p(),jsx("span",{className:"lg-toast__content",children:g}),n&&jsx("button",{className:"lg-toast__close",onClick:s,"aria-label":"\u5173\u95ED\u6D88\u606F",type:"button",children:jsx(XLg,{size:16})})]})}var e={};function P(){let l=e.top??16;return jsx(Toaster,{position:"top-center",offset:l,gap:8,closeButton:false,toastOptions:{unstyled:true,className:"lg-toast-wrapper"}})}function E(l){let g=l[0];return typeof g=="object"&&g!==null&&!C.isValidElement(g)?g:{content:g,duration:l[1],onClose:l[2]}}function k(l,g){let r=g.duration!==void 0?g.duration<0?e.duration??3e3:g.duration:e.duration??3e3,n=r===0?1/0:r,t=toast.custom(s=>jsx(d,{type:l,content:g.content,icon:g.icon,closable:g.closable,className:g.className,onClose:()=>toast.dismiss(s)}),{id:g.key,duration:n,onAutoClose:()=>g.onClose?.(),onDismiss:()=>g.onClose?.()});return ()=>toast.dismiss(t)}function o(l){return (...g)=>{let r=E(g);return k(l,r)}}var M={info:o("info"),success:o("success"),warning:o("warning"),error:o("error"),destroy:()=>toast.dismiss(),config:l=>{e={...e,...l};}};export{P as a,M as b};
@@ -0,0 +1 @@
1
+ import {a}from'./chunk-DN2VKVCV.mjs';import A,{useState,useCallback}from'react';import {jsxs,jsx}from'react/jsx-runtime';var _=A.forwardRef(({className:u,error:m=false,disabled:e=false,showCount:v=false,maxLength:l,value:o,defaultValue:x,onChange:i,onFocus:b,onBlur:t,...f},w)=>{let[y,n]=useState(false),[h,E]=useState(x?.toString()??""),r=o!==void 0,d=r?o?.toString()??"":h,C=useCallback(g=>{r||E(g.target.value),i?.(g);},[r,i]),k=useCallback(g=>{n(true),b?.(g);},[b]),B=useCallback(g=>{n(false),t?.(g);},[t]),D=a("lg-textarea",y&&"lg-textarea--focused",m&&"lg-textarea--error",e&&"lg-textarea--disabled",u);return jsxs("div",{className:"lg-textarea__wrapper",children:[jsx("div",{className:D,children:jsx("textarea",{ref:w,className:"lg-textarea__inner",disabled:e,maxLength:l,value:d,onChange:C,onFocus:k,onBlur:B,...f})}),v&&l&&jsxs("span",{className:"lg-textarea__count",children:[d.length,"/",l]})]})});_.displayName="Textarea";export{_ as a};
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ [class^=lg-],[class*=" lg-"],[class^=lg-]:before,[class*=" lg-"]:before,[class^=lg-]:after,[class*=" lg-"]:after{box-sizing:border-box}.lg-tooltip{z-index:9999;padding:6px 8px;border-radius:var(--lg-radius-medium);background-color:var(--lg-g-fg-color-default);color:var(--lg-g-fg-color-white);font-size:var(--lg-font-size);line-height:20px;word-wrap:break-word;box-shadow:var(--lg-shadow-md);animation-duration:var(--lg-transition-duration);animation-timing-function:var(--lg-transition-timing);animation-fill-mode:forwards;will-change:opacity,transform}.lg-tooltip[data-state=delayed-open][data-side=top],.lg-tooltip[data-state=instant-open][data-side=top]{animation-name:lg-tooltip-slide-in-bottom}.lg-tooltip[data-state=delayed-open][data-side=bottom],.lg-tooltip[data-state=instant-open][data-side=bottom]{animation-name:lg-tooltip-slide-in-top}.lg-tooltip[data-state=delayed-open][data-side=left],.lg-tooltip[data-state=instant-open][data-side=left]{animation-name:lg-tooltip-slide-in-right}.lg-tooltip[data-state=delayed-open][data-side=right],.lg-tooltip[data-state=instant-open][data-side=right]{animation-name:lg-tooltip-slide-in-left}.lg-tooltip[data-state=closed]{animation-name:lg-tooltip-fade-out}.lg-tooltip__arrow{fill:var(--lg-g-fg-color-default)}@keyframes lg-tooltip-slide-in-top{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-bottom{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-left{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-slide-in-right{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-fade-out{0%{opacity:1}to{opacity:0}}@keyframes lg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lg-button{--_btn-height-sm: 28px;--_btn-height-md: 32px;--_btn-height-lg: 36px;--_btn-padding-sm: 0 6px;--_btn-padding-md: 0 8px;--_btn-padding-lg: 0 12px;--_btn-radius: 8px;--_btn-radius-round: 999px;--_btn-font-size: 14px;--_btn-font-weight: 500;--_btn-icon-size: 18px;--_btn-icon-gap: 4px;--_btn-transition: .15s;display:inline-flex;align-items:center;justify-content:center;gap:var(--_btn-icon-gap);height:var(--_btn-height-lg);padding:var(--_btn-padding-lg);border:1px solid transparent;border-radius:var(--_btn-radius);font-family:inherit;font-size:var(--_btn-font-size);font-weight:var(--_btn-font-weight);line-height:22px;white-space:nowrap;cursor:pointer;user-select:none;text-decoration:none;transition:color var(--_btn-transition),background-color var(--_btn-transition),border-color var(--_btn-transition),box-shadow var(--_btn-transition),opacity var(--_btn-transition)}.lg-button:focus-visible{outline:2px solid var(--lg-g-border-color-primary-default);outline-offset:2px}.lg-button--xs{height:16px;padding:0}.lg-button--sm{height:var(--_btn-height-sm);padding:var(--_btn-padding-sm)}.lg-button--md{height:var(--_btn-height-md);padding:var(--_btn-padding-md)}.lg-button--lg{height:var(--_btn-height-lg);padding:var(--_btn-padding-lg)}.lg-button--circle{border-radius:50%;aspect-ratio:1}.lg-button--round{border-radius:var(--_btn-radius-round)}.lg-button--primary{color:var(--lg-g-fg-color-white);background-color:var(--lg-g-bg-color-primary-emphasis);border-color:transparent}.lg-button--primary:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-hover)}.lg-button--secondary{color:var(--lg-g-fg-color-primary-default);background-color:transparent;border-color:var(--lg-g-border-color-primary-default)}.lg-button--secondary:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-muted)}.lg-button--ghost{color:var(--lg-g-fg-color-primary-default);background-color:var(--lg-g-bg-color-primary-muted);border-color:transparent}.lg-button--ghost:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-muted)}.lg-button--outline{color:var(--lg-g-fg-color-default);background-color:transparent;border-color:var(--lg-g-border-color-default)}.lg-button--outline:hover:not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-button--text{color:var(--lg-g-fg-color-muted);background-color:transparent;border-color:transparent}.lg-button--text:hover:not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-button--icon-only{aspect-ratio:1;padding:0}.lg-button--subtle{color:var(--lg-g-fg-color-description)}.lg-button--subtle:hover:not(:disabled){color:var(--lg-g-fg-color-muted)}.lg-button--danger{color:var(--lg-g-fg-color-danger-default)}.lg-button--danger:hover:not(:disabled){background-color:var(--lg-g-bg-color-danger-muted)}.lg-button--primary.lg-button--danger{color:var(--lg-g-fg-color-white);background-color:var(--lg-g-bg-color-danger-default);border-color:transparent}.lg-button--primary.lg-button--danger:hover:not(:disabled){background-color:var(--lg-g-bg-color-danger-hover)}.lg-button--icon-only.lg-button--danger{color:inherit}.lg-button--icon-only.lg-button--danger:hover:not(:disabled){color:var(--lg-g-fg-color-danger-default);background-color:var(--lg-g-bg-color-danger-muted)}.lg-button--subtle.lg-button--icon-only.lg-button--danger{color:var(--lg-g-fg-color-description)}.lg-button--subtle.lg-button--icon-only.lg-button--danger:hover:not(:disabled){color:var(--lg-g-fg-color-danger-default)}.lg-button--disabled{opacity:.3;cursor:not-allowed}.lg-button--active{color:var(--lg-g-fg-color-primary-default);background-color:var(--lg-g-bg-color-primary-muted)}.lg-button--loading{opacity:.4;cursor:not-allowed}.lg-button__icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.lg-button__spinner{animation:lg-spin 1s linear infinite}.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}}.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)}.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}.lg-textarea{--_textarea-padding-x: var(--lg-spacing-small);--_textarea-padding-y: var(--lg-spacing-x-small);--_textarea-radius: var(--lg-radius-large);--_textarea-bg: var(--lg-g-bg-color-default);--_textarea-border: var(--lg-g-border-color-default);--_textarea-border-hover: var(--lg-g-border-color-emphasis);--_textarea-border-focus: var(--lg-g-border-color-primary-default);--_textarea-border-error: var(--lg-g-border-color-danger-default);--_textarea-bg-disabled: var(--lg-g-bg-color-muted);--_textarea-text: var(--lg-g-fg-color-default);--_textarea-placeholder: var(--lg-g-fg-color-disabled);--_textarea-count-color: var(--lg-g-fg-color-disabled);--_textarea-font-size: var(--lg-font-size);--_textarea-line-height: 22px;--_textarea-transition: var(--lg-transition-duration) var(--lg-transition-timing)}.lg-textarea__wrapper{display:inline-flex;flex-direction:column;width:100%}.lg-textarea{position:relative;display:flex;flex-direction:column;width:100%;background:var(--_textarea-bg);border:1px solid var(--_textarea-border);border-radius:var(--_textarea-radius);box-sizing:border-box;transition:border-color var(--_textarea-transition),background var(--_textarea-transition)}.lg-textarea:hover:not(.lg-textarea--disabled):not(.lg-textarea--focused){border-color:var(--_textarea-border-hover)}.lg-textarea__inner{flex:1;min-height:80px;width:100%;padding:var(--_textarea-padding-y) var(--_textarea-padding-x);border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--_textarea-font-size);line-height:var(--_textarea-line-height);color:var(--_textarea-text);resize:none;box-sizing:border-box}.lg-textarea__inner::placeholder{color:var(--_textarea-placeholder)}.lg-textarea__inner:disabled{cursor:not-allowed;color:var(--_textarea-text)}.lg-textarea__count{align-self:flex-end;padding:4px 12px 0;font-size:12px;line-height:18px;color:var(--_textarea-count-color)}.lg-textarea--focused{border-color:var(--_textarea-border-focus)}.lg-textarea--error,.lg-textarea--error:hover{border-color:var(--_textarea-border-error)}.lg-textarea--disabled{background:var(--_textarea-bg-disabled);border-color:transparent;cursor:not-allowed}: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-toast-wrapper{pointer-events:auto}.lg-toast{border-radius:var(--lg-radius-x-large);box-shadow:var(--lg-shadow-sm);padding:8px 12px;display:inline-flex;align-items:flex-start;max-width:560px;font-size:16px;line-height:24px;color:var(--lg-g-fg-color-default);white-space:nowrap}.lg-toast__icon{width:20px;height:20px;margin-top:2px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lg-toast__content{word-break:break-word;white-space:normal}.lg-toast__close{width:16px;height:16px;margin-top:4px;margin-left:16px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--lg-g-fg-color-muted)}.lg-toast--info{background:linear-gradient(to right,var(--lg-g-bg-color-primary-gradient-from),var(--lg-g-bg-color-primary-gradient-to));border:1px solid var(--lg-g-border-color-primary-muted)}.lg-toast--info .lg-toast__icon{color:var(--lg-g-fg-color-primary-default)}.lg-toast--success{background:linear-gradient(to right,var(--lg-g-bg-color-success-gradient-from),var(--lg-g-bg-color-success-gradient-to));border:1px solid var(--lg-g-border-color-success-muted)}.lg-toast--success .lg-toast__icon{color:var(--lg-g-fg-color-success-default)}.lg-toast--warning{background:linear-gradient(to right,var(--lg-g-bg-color-warning-gradient-from),var(--lg-g-bg-color-warning-gradient-to));border:1px solid var(--lg-g-border-color-warning-muted)}.lg-toast--warning .lg-toast__icon{color:var(--lg-g-fg-color-warning-default)}.lg-toast--error{background:linear-gradient(to right,var(--lg-g-bg-color-danger-gradient-from),var(--lg-g-bg-color-danger-gradient-to));border:1px solid var(--lg-g-border-color-danger-muted)}.lg-toast--error .lg-toast__icon{color:var(--lg-g-fg-color-danger-default)}