react-public-components 1.2.1 → 1.2.3

package/dist/CascadeDrawer/index.css

@@ -0,0 +1,73 @@
+/* CascadeDrawer/index.less */
+.rpc_cascade_drawer {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  box-sizing: border-box;
+}
+.rpc_cascade_drawer_mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.45);
+}
+.rpc_cascade_drawer_content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 440px;
+  background: #ffffff;
+  box-shadow: -6px 0 24px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.rpc_cascade_drawer_header {
+  padding: 14px 20px;
+  border-bottom: 1px solid #f0f0f0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.rpc_cascade_drawer_breadcrumbs {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 14px;
+  font-weight: 600;
+  color: #262626;
+}
+.rpc_cascade_drawer_crumb_btn {
+  background: none;
+  border: none;
+  color: #1677ff;
+  cursor: pointer;
+  font-size: inherit;
+  font-weight: inherit;
+  padding: 0;
+}
+.rpc_cascade_drawer_crumb_btn:hover {
+  text-decoration: underline;
+}
+.rpc_cascade_drawer_close_btn {
+  background: none;
+  border: none;
+  color: #8c8c8c;
+  cursor: pointer;
+  font-size: 16px;
+}
+.rpc_cascade_drawer_close_btn:hover {
+  color: #262626;
+}
+.rpc_cascade_drawer_body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/CascadeDrawer/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../CascadeDrawer/index.less"],"sourcesContent":[".rpc_cascade_drawer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  box-sizing: border-box;\n}\n.rpc_cascade_drawer_mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.45);\n}\n.rpc_cascade_drawer_content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 440px;\n  background: #ffffff;\n  box-shadow: -6px 0 24px rgba(0, 0, 0, 0.15);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.rpc_cascade_drawer_header {\n  padding: 14px 20px;\n  border-bottom: 1px solid #f0f0f0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.rpc_cascade_drawer_breadcrumbs {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  font-weight: 600;\n  color: #262626;\n}\n.rpc_cascade_drawer_crumb_btn {\n  background: none;\n  border: none;\n  color: #1677ff;\n  cursor: pointer;\n  font-size: inherit;\n  font-weight: inherit;\n  padding: 0;\n}\n.rpc_cascade_drawer_crumb_btn:hover {\n  text-decoration: underline;\n}\n.rpc_cascade_drawer_close_btn {\n  background: none;\n  border: none;\n  color: #8c8c8c;\n  cursor: pointer;\n  font-size: 16px;\n}\n.rpc_cascade_drawer_close_btn:hover {\n  color: #262626;\n}\n.rpc_cascade_drawer_body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,WAAS;AACT,cAAY;AACd;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC5B;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,UAAQ;AACR,SAAO;AACP,cAAY;AACZ,cAAY,KAAK,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtC,WAAS;AACT,kBAAgB;AAChB,YAAU;AACZ;AACA,CAAC;AACC,WAAS,KAAK;AACd,iBAAe,IAAI,MAAM;AACzB,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,aAAW;AACX,eAAa;AACb,SAAO;AACT;AACA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,aAAW;AACX,eAAa;AACb,WAAS;AACX;AACA,CATC,4BAS4B;AAC3B,mBAAiB;AACnB;AACA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,aAAW;AACb;AACA,CAPC,4BAO4B;AAC3B,SAAO;AACT;AACA,CAAC;AACC,QAAM;AACN,cAAY;AACZ,WAAS;AACX;","names":[]}

package/dist/CascadeDrawer/index.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface CascadeLevel {
+    id: string;
+    title: string;
+    content: ReactNode | ((pushLevel: (level: CascadeLevel) => void) => ReactNode);
+}
+export interface CascadeDrawerProps {
+    /** 是否打开抽屉 */
+    open: boolean;
+    /** 关闭抽屉回调 */
+    onClose: () => void;
+    /** 初始根层级 */
+    rootLevel: CascadeLevel;
+    /** 抽屉宽度，默认为 440 */
+    width?: number | string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const CascadeDrawer: React.FC<CascadeDrawerProps>;
+export default CascadeDrawer;

package/dist/CascadeDrawer/index.js

@@ -0,0 +1,3 @@
+export { CascadeDrawer_default as default } from '../chunk-6UTLBY6Y.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/CascadeDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/CodeSnippet/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var chunkEOGYWPX7_cjs = require('../chunk-EOGYWPX7.cjs');
+
+
+
+module.exports = chunkEOGYWPX7_cjs.CodeSnippet_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/CodeSnippet/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/CodeSnippet/index.css

@@ -0,0 +1,131 @@
+/* CodeSnippet/index.less */
+.rpc_code_snippet {
+  border-radius: 8px;
+  overflow: hidden;
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-size: 13px;
+  box-sizing: border-box;
+  user-select: text;
+  transition: all 0.2s ease;
+}
+.rpc_code_snippet_dark {
+  background: #141414;
+  border: 1px solid #303030;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_top_bar {
+  background: #1f1f1f;
+  border-bottom: 1px solid #303030;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_lang {
+  color: #8c8c8c;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_copy_btn {
+  color: #8c8c8c;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_copy_btn:hover {
+  color: #ffffff;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_content {
+  color: #e6e6e6;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_line_no {
+  color: #595959;
+  border-right: 1px solid #303030;
+}
+.rpc_code_snippet_light {
+  background: #ffffff;
+  border: 1px solid #e8e8e8;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.rpc_code_snippet_light .rpc_code_snippet_top_bar {
+  background: #fafafa;
+  border-bottom: 1px solid #e8e8e8;
+}
+.rpc_code_snippet_light .rpc_code_snippet_lang {
+  color: #595959;
+}
+.rpc_code_snippet_light .rpc_code_snippet_copy_btn {
+  color: #595959;
+}
+.rpc_code_snippet_light .rpc_code_snippet_copy_btn:hover {
+  color: #1677ff;
+}
+.rpc_code_snippet_light .rpc_code_snippet_content {
+  color: #1f1f1f;
+}
+.rpc_code_snippet_light .rpc_code_snippet_line_no {
+  color: #bfbfbf;
+  border-right: 1px solid #f0f0f0;
+}
+.rpc_code_snippet_top_bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  user-select: none;
+}
+.rpc_code_snippet_dots {
+  display: flex;
+  gap: 6px;
+}
+.rpc_code_snippet_dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+}
+.rpc_code_snippet_dot_red {
+  background: #ff5f56;
+}
+.rpc_code_snippet_dot_yellow {
+  background: #ffbd2e;
+}
+.rpc_code_snippet_dot_green {
+  background: #27c93f;
+}
+.rpc_code_snippet_lang {
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+}
+.rpc_code_snippet_copy_btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 12px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  transition: all 0.15s;
+}
+.rpc_code_snippet_body {
+  display: flex;
+  overflow-x: auto;
+}
+.rpc_code_snippet_line_numbers {
+  display: flex;
+  flex-direction: column;
+  padding: 12px 0;
+  user-select: none;
+  text-align: right;
+}
+.rpc_code_snippet_line_no {
+  padding: 0 12px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.rpc_code_snippet_content {
+  flex: 1;
+  padding: 12px 16px;
+  overflow-x: auto;
+  line-height: 1.5;
+  margin: 0;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/CodeSnippet/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../CodeSnippet/index.less"],"sourcesContent":[".rpc_code_snippet {\n  border-radius: 8px;\n  overflow: hidden;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  font-size: 13px;\n  box-sizing: border-box;\n  user-select: text;\n  transition: all 0.2s ease;\n}\n.rpc_code_snippet_dark {\n  background: #141414;\n  border: 1px solid #303030;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_top_bar {\n  background: #1f1f1f;\n  border-bottom: 1px solid #303030;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_lang {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_copy_btn {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_copy_btn:hover {\n  color: #ffffff;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_content {\n  color: #e6e6e6;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_line_no {\n  color: #595959;\n  border-right: 1px solid #303030;\n}\n.rpc_code_snippet_light {\n  background: #ffffff;\n  border: 1px solid #e8e8e8;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}\n.rpc_code_snippet_light .rpc_code_snippet_top_bar {\n  background: #fafafa;\n  border-bottom: 1px solid #e8e8e8;\n}\n.rpc_code_snippet_light .rpc_code_snippet_lang {\n  color: #595959;\n}\n.rpc_code_snippet_light .rpc_code_snippet_copy_btn {\n  color: #595959;\n}\n.rpc_code_snippet_light .rpc_code_snippet_copy_btn:hover {\n  color: #1677ff;\n}\n.rpc_code_snippet_light .rpc_code_snippet_content {\n  color: #1f1f1f;\n}\n.rpc_code_snippet_light .rpc_code_snippet_line_no {\n  color: #bfbfbf;\n  border-right: 1px solid #f0f0f0;\n}\n.rpc_code_snippet_top_bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  user-select: none;\n}\n.rpc_code_snippet_dots {\n  display: flex;\n  gap: 6px;\n}\n.rpc_code_snippet_dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.rpc_code_snippet_dot_red {\n  background: #ff5f56;\n}\n.rpc_code_snippet_dot_yellow {\n  background: #ffbd2e;\n}\n.rpc_code_snippet_dot_green {\n  background: #27c93f;\n}\n.rpc_code_snippet_lang {\n  font-size: 11px;\n  text-transform: uppercase;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n}\n.rpc_code_snippet_copy_btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 12px;\n  padding: 2px 6px;\n  border-radius: 4px;\n  transition: all 0.15s;\n}\n.rpc_code_snippet_body {\n  display: flex;\n  overflow-x: auto;\n}\n.rpc_code_snippet_line_numbers {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 0;\n  user-select: none;\n  text-align: right;\n}\n.rpc_code_snippet_line_no {\n  padding: 0 12px;\n  font-size: 12px;\n  line-height: 1.5;\n}\n.rpc_code_snippet_content {\n  flex: 1;\n  padding: 12px 16px;\n  overflow-x: auto;\n  line-height: 1.5;\n  margin: 0;\n}\n"],"mappings":";AAAA,CAAC;AACC,iBAAe;AACf,YAAU;AACV;AAAA,IAAa,YAAY;AAAA,IAAE,cAAc;AAAA,IAAE,KAAK;AAAA,IAAE,MAAM;AAAA,IAAE,QAAQ;AAAA,IAAE,iBAAiB;AAAA,IAAE,aAAa;AAAA,IAAE;AACtG,aAAW;AACX,cAAY;AACZ,eAAa;AACb,cAAY,IAAI,KAAK;AACvB;AACA,CAAC;AACC,cAAY;AACZ,UAAQ,IAAI,MAAM;AACpB;AACA,CAJC,sBAIsB,CAAC;AACtB,cAAY;AACZ,iBAAe,IAAI,MAAM;AAC3B;AACA,CARC,sBAQsB,CAAC;AACtB,SAAO;AACT;AACA,CAXC,sBAWsB,CAAC;AACtB,SAAO;AACT;AACA,CAdC,sBAcsB,CAHC,yBAGyB;AAC/C,SAAO;AACT;AACA,CAjBC,sBAiBsB,CAAC;AACtB,SAAO;AACT;AACA,CApBC,sBAoBsB,CAAC;AACtB,SAAO;AACP,gBAAc,IAAI,MAAM;AAC1B;AACA,CAAC;AACC,cAAY;AACZ,UAAQ,IAAI,MAAM;AAClB,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtC;AACA,CALC,uBAKuB,CAzBA;AA0BtB,cAAY;AACZ,iBAAe,IAAI,MAAM;AAC3B;AACA,CATC,uBASuB,CAzBA;AA0BtB,SAAO;AACT;AACA,CAZC,uBAYuB,CAzBA;AA0BtB,SAAO;AACT;AACA,CAfC,uBAeuB,CA5BA,yBA4B0B;AAChD,SAAO;AACT;AACA,CAlBC,uBAkBuB,CAzBA;AA0BtB,SAAO;AACT;AACA,CArBC,uBAqBuB,CAzBA;AA0BtB,SAAO;AACP,gBAAc,IAAI,MAAM;AAC1B;AACA,CA7CwB;AA8CtB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI;AACb,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,OAAK;AACP;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe;AACjB;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAlEwB;AAmEtB,aAAW;AACX,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAClB;AACA,CArEwB;AAsEtB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,aAAW;AACX,WAAS,IAAI;AACb,iBAAe;AACf,cAAY,IAAI;AAClB;AACA,CAAC;AACC,WAAS;AACT,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,WAAS,KAAK;AACd,eAAa;AACb,cAAY;AACd;AACA,CAhFwB;AAiFtB,WAAS,EAAE;AACX,aAAW;AACX,eAAa;AACf;AACA,CAxFwB;AAyFtB,QAAM;AACN,WAAS,KAAK;AACd,cAAY;AACZ,eAAa;AACb,UAAQ;AACV;","names":[]}

package/dist/CodeSnippet/index.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export type CodeSnippetTheme = 'dark' | 'light';
+export interface CodeSnippetProps {
+    /** 代码文本内容 */
+    code: string;
+    /** 编程语言标识，默认为 'bash' */
+    language?: string;
+    /** 代码块主题风格：'dark' 暗色（默认） / 'light' 亮色 */
+    theme?: CodeSnippetTheme;
+    /** 顶部自定义标题或说明标签（不传时展示大写的 language） */
+    title?: ReactNode;
+    /** 是否显示代码行号，默认为 false */
+    showLineNumbers?: boolean;
+    /** 是否展示右上角一键复制按钮，默认为 true */
+    copyable?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const CodeSnippet: React.FC<CodeSnippetProps>;
+export default CodeSnippet;

package/dist/CodeSnippet/index.js

@@ -0,0 +1,3 @@
+export { CodeSnippet_default as default } from '../chunk-5VSEUDVY.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/CodeSnippet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/CollapseBox/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunk4OXVTRYV_cjs = require('../chunk-4OXVTRYV.cjs');
+require('../chunk-MBOWSS4B.cjs');
+
+
+
+module.exports = chunk4OXVTRYV_cjs.CollapseBox_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/CollapseBox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/CollapseBox/index.css

@@ -0,0 +1,106 @@
+/* CollapseBox/index.less */
+.collapsible-wrapper {
+  position: relative;
+  box-sizing: border-box;
+}
+.collapsible-wrapper.horizontal {
+  display: inline-flex;
+  align-items: stretch;
+}
+.collapsible-wrapper.vertical {
+  display: flex;
+  flex-direction: column;
+}
+.collapsible-container {
+  position: relative;
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+  background-color: #ffffff;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.collapsible-container.align-right {
+  margin-left: auto;
+}
+.collapsible-container.align-bottom {
+  margin-top: auto;
+}
+.collapsible-header {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  height: 48px;
+  padding: 12px 16px;
+  background-color: #f9fafb;
+  border-bottom: 1px solid #d1d5db;
+}
+.collapsible-header h3 {
+  margin: 0;
+  color: #1f2937;
+  font-weight: 600;
+  font-size: 18px;
+}
+.collapsible-content {
+  box-sizing: border-box;
+  padding: 16px;
+}
+.toggle-button {
+  position: absolute;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #8c8c8c;
+  background-color: #f3f4f6;
+  border: 1px solid #e5e7eb;
+  border-radius: 3px;
+  cursor: pointer;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  transition:
+    background-color 0.2s ease,
+    color 0.2s ease,
+    border-color 0.2s ease;
+  font-size: 10px;
+}
+.toggle-button:hover {
+  background-color: #e5e7eb;
+  color: #1f2937;
+  border-color: #d1d5db;
+}
+.toggle-button.button-right {
+  top: 50%;
+  right: 0;
+  transform: translate(50%, -50%);
+  width: 14px;
+  height: 48px;
+}
+.toggle-button.button-left {
+  top: 50%;
+  left: 0;
+  transform: translate(-50%, -50%);
+  width: 14px;
+  height: 48px;
+}
+.toggle-button.button-bottom {
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, 50%);
+  width: 48px;
+  height: 14px;
+}
+.toggle-button.button-top {
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 48px;
+  height: 14px;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/CollapseBox/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../CollapseBox/index.less"],"sourcesContent":[".collapsible-wrapper {\n  position: relative;\n  box-sizing: border-box;\n}\n.collapsible-wrapper.horizontal {\n  display: inline-flex;\n  align-items: stretch;\n}\n.collapsible-wrapper.vertical {\n  display: flex;\n  flex-direction: column;\n}\n.collapsible-container {\n  position: relative;\n  box-sizing: border-box;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  border-radius: 8px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.collapsible-container.align-right {\n  margin-left: auto;\n}\n.collapsible-container.align-bottom {\n  margin-top: auto;\n}\n.collapsible-header {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  height: 48px;\n  padding: 12px 16px;\n  background-color: #f9fafb;\n  border-bottom: 1px solid #d1d5db;\n}\n.collapsible-header h3 {\n  margin: 0;\n  color: #1f2937;\n  font-weight: 600;\n  font-size: 18px;\n}\n.collapsible-content {\n  box-sizing: border-box;\n  padding: 16px;\n}\n.toggle-button {\n  position: absolute;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #8c8c8c;\n  background-color: #f3f4f6;\n  border: 1px solid #e5e7eb;\n  border-radius: 3px;\n  cursor: pointer;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n  font-size: 10px;\n}\n.toggle-button:hover {\n  background-color: #e5e7eb;\n  color: #1f2937;\n  border-color: #d1d5db;\n}\n.toggle-button.button-right {\n  top: 50%;\n  right: 0;\n  transform: translate(50%, -50%);\n  width: 14px;\n  height: 48px;\n}\n.toggle-button.button-left {\n  top: 50%;\n  left: 0;\n  transform: translate(-50%, -50%);\n  width: 14px;\n  height: 48px;\n}\n.toggle-button.button-bottom {\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 50%);\n  width: 48px;\n  height: 14px;\n}\n.toggle-button.button-top {\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 48px;\n  height: 14px;\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,cAAY;AACd;AACA,CAJC,mBAImB,CAAC;AACnB,WAAS;AACT,eAAa;AACf;AACA,CARC,mBAQmB,CAAC;AACnB,WAAS;AACT,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,cAAY;AACZ,aAAW;AACX,cAAY;AACZ,YAAU;AACV,oBAAkB;AAClB,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC,cAAY,MAAM,KAAK,aAAa,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,KAAK,aAAa,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AAC7F;AACA,CAZC,qBAYqB,CAAC;AACrB,eAAa;AACf;AACA,CAfC,qBAeqB,CAAC;AACrB,cAAY;AACd;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,WAAS;AACT,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY;AACZ,UAAQ;AACR,WAAS,KAAK;AACd,oBAAkB;AAClB,iBAAe,IAAI,MAAM;AAC3B;AACA,CAbC,mBAamB;AAClB,UAAQ;AACR,SAAO;AACP,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,cAAY;AACZ,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,oBAAkB;AAClB,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,UAAQ;AACR,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC;AAAA,IAAY,iBAAiB,KAAK,IAAI;AAAA,IAAE,MAAM,KAAK,IAAI;AAAA,IAAE,aAAa,KAAK;AAC3E,aAAW;AACb;AACA,CAfC,aAea;AACZ,oBAAkB;AAClB,SAAO;AACP,gBAAc;AAChB;AACA,CApBC,aAoBa,CAAC;AACb,OAAK;AACL,SAAO;AACP,aAAW,UAAU,GAAG,EAAE;AAC1B,SAAO;AACP,UAAQ;AACV;AACA,CA3BC,aA2Ba,CAAC;AACb,OAAK;AACL,QAAM;AACN,aAAW,UAAU,IAAI,EAAE;AAC3B,SAAO;AACP,UAAQ;AACV;AACA,CAlCC,aAkCa,CAAC;AACb,UAAQ;AACR,QAAM;AACN,aAAW,UAAU,IAAI,EAAE;AAC3B,SAAO;AACP,UAAQ;AACV;AACA,CAzCC,aAyCa,CAAC;AACb,OAAK;AACL,QAAM;AACN,aAAW,UAAU,IAAI,EAAE;AAC3B,SAAO;AACP,UAAQ;AACV;","names":[]}

package/dist/CollapseBox/index.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+import './index.less';
+export type CollapseBoxDirection = 'horizontal' | 'vertical';
+export type CollapseBoxButtonPosition = 'left' | 'right' | 'top' | 'bottom';
+export interface CollapseBoxProps {
+    children?: ReactNode;
+    title?: string;
+    direction?: CollapseBoxDirection;
+    buttonPosition?: CollapseBoxButtonPosition;
+    defaultWidth?: number | string;
+    defaultHeight?: number | string;
+    contentPadding?: string;
+    headerHeight?: number;
+    className?: string;
+}
+declare const CollapsibleBox: ({ children, title, direction, buttonPosition, defaultWidth, defaultHeight, contentPadding, headerHeight, className, }: CollapseBoxProps) => import("react").JSX.Element;
+export default CollapsibleBox;

package/dist/CollapseBox/index.js

@@ -0,0 +1,4 @@
+export { CollapseBox_default as default } from '../chunk-64LBDDZU.js';
+import '../chunk-ISUXPTLV.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/CollapseBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/ColorPicker/Color.d.ts

@@ -0,0 +1,48 @@
+export interface HsbColor {
+    h: number;
+    s: number;
+    b: number;
+    a: number;
+}
+export interface RgbColor {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+export interface ColorGradientStop {
+    color: Color;
+    percent: number;
+}
+export type ColorInput = string | Color | {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+} | {
+    h: number;
+    s: number;
+    b: number;
+    a?: number;
+};
+export declare const parseGradientStops: (gradientStr: string) => ColorGradientStop[];
+export declare const formatGradientCss: (stops: ColorGradientStop[]) => string;
+export declare const formatGradientText: (stops: ColorGradientStop[]) => string;
+export declare class Color {
+    h: number;
+    s: number;
+    b: number;
+    a: number;
+    constructor(colorInput?: ColorInput);
+    static rgbToHsb(r: number, g: number, b: number, a?: number): HsbColor;
+    static hsbToRgb(h: number, s: number, b: number, a?: number): RgbColor;
+    static parseString(str: string): HsbColor;
+    toRgb(): RgbColor;
+    toRgbString(): string;
+    toHsb(): HsbColor;
+    toHsbString(): string;
+    toHex(): string;
+    toHexString(): string;
+    toCssString(): string;
+}
+export declare const generateColor: (color: ColorInput) => Color;

package/dist/ColorPicker/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunk3UNZXPOT_cjs = require('../chunk-3UNZXPOT.cjs');
+require('../chunk-MBOWSS4B.cjs');
+
+
+
+Object.defineProperty(exports, "Color", {
+  enumerable: true,
+  get: function () { return chunk3UNZXPOT_cjs.Color; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunk3UNZXPOT_cjs.ColorPicker_default; }
+});
+Object.defineProperty(exports, "generateColor", {
+  enumerable: true,
+  get: function () { return chunk3UNZXPOT_cjs.generateColor; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/ColorPicker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}