@kep-platform/basic-component 0.0.2 → 0.0.6

package/dist/Tree/Tree.js

@@ -0,0 +1,253 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useMemo, useRef, useState } from 'react';
+import styled, { css } from 'styled-components';
+import { BoxShadowBox } from "../BoxShadowBox";
+import { Column, Columns } from "../Columns";
+import { DefaultColumnWidth } from "../Columns/Columns";
+import { List } from "../List";
+import { MainArea } from "./MainProperties";
+import { MainProperty, TreeNodeController } from "./TreeNode";
+var TreeContainer = styled.div.withConfig({
+  displayName: "TreeContainer",
+  componentId: "basic-component-347b__sc-n4lkq9-0"
+})(["position:relative;overflow-x:auto;border:1px solid var(--kep-platform-color-border-secondary);border-width:", ";"], function (props) {
+  return props.bordered ? '1px' : 0;
+});
+var TreeBody = styled(List).withConfig({
+  displayName: "TreeBody",
+  componentId: "basic-component-347b__sc-n4lkq9-1"
+})([""]);
+var TreeHeader = styled.div.withConfig({
+  displayName: "TreeHeader",
+  componentId: "basic-component-347b__sc-n4lkq9-2"
+})(["", " background-color:var(--kep-platform-header-bg);& ", ",& ", "{background-color:var(--kep-platform-header-bg);font-weight:600;position:sticky;}"], function (props) {
+  if (props.isFlex) {
+    return css(["width:100%;"]);
+  }
+  if (props.width) {
+    return css(["width:", "px;"], props.width);
+  }
+}, Column, MainArea);
+var rootLevel = 0;
+var TreeGroupNode = styled.div.withConfig({
+  displayName: "TreeGroupNode",
+  componentId: "basic-component-347b__sc-n4lkq9-3"
+})(["height:40px;line-height:40px;padding:0 16px;color:var(--kep-platform-color-primary);cursor:pointer;border:1px dotted var(--kep-platform-color-primary);"]);
+var TreeNodeGroup = function TreeNodeGroup(props) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    expanded = _useState2[0],
+    setExpanded = _useState2[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TreeGroupNode, {
+    onClick: function onClick() {
+      return setExpanded(!expanded);
+    }
+  }, props.groupName, "\uFF1A", props.groupValue), expanded && props.children);
+};
+function groupTreeNodeByPropertyName(arr, propertyName, fieldNames) {
+  var grouped = arr.reduce(function (acc, obj) {
+    var key = obj[propertyName] || obj[fieldNames.key];
+    if (key) {
+      if (!acc[key]) {
+        acc[key] = [];
+      }
+      acc[key].push(obj);
+    } else {}
+    return acc;
+  }, {});
+  return grouped;
+}
+var Tree = function Tree(_ref) {
+  var treeData = _ref.treeData,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {
+      key: 'key',
+      title: 'title',
+      children: 'children'
+    } : _ref$fieldNames,
+    treeTitle = _ref.title,
+    _ref$titleWidth = _ref.titleWidth,
+    titleWidth = _ref$titleWidth === void 0 ? 700 : _ref$titleWidth,
+    _ref$selectedKeys = _ref.selectedKeys,
+    selectedKeys = _ref$selectedKeys === void 0 ? [] : _ref$selectedKeys,
+    _ref$expandedKeys = _ref.expandedKeys,
+    expandedKeys = _ref$expandedKeys === void 0 ? [] : _ref$expandedKeys,
+    _ref$isFlex = _ref.isFlex,
+    isFlex = _ref$isFlex === void 0 ? true : _ref$isFlex,
+    _ref$onSelect = _ref.onSelect,
+    onSelect = _ref$onSelect === void 0 ? function () {} : _ref$onSelect,
+    _ref$onExpand = _ref.onExpand,
+    onExpand = _ref$onExpand === void 0 ? function () {} : _ref$onExpand,
+    contextMenuRender = _ref.contextMenuRender,
+    _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? false : _ref$bordered,
+    _ref$groupBy = _ref.groupBy,
+    groupBy = _ref$groupBy === void 0 ? null : _ref$groupBy;
+  /* 复用Columns组件显示行，构造一个类似表格头数据来适应Columns组件的数据结构 */
+  var treeHeaderRowData = useMemo(function () {
+    var data = {};
+    if (columns) columns.forEach(function (_ref2) {
+      var title = _ref2.title,
+        dataIndex = _ref2.dataIndex;
+      data[dataIndex] = title;
+    });
+    return data;
+  }, [columns, fieldNames]);
+
+  /* 如果columns存在而且长度大于0，则启用TableMode，用以展示节点属性 */
+  var isTableMode = useMemo(function () {
+    return columns && columns.length > 0;
+  }, [columns]);
+
+  /* 如果没有行宽，position:sticky就会存在问题,所以要计算出行的宽度，这样行内的Column的sticky才能生效 */
+  var rowWidth = useMemo(function () {
+    if (columns) return columns.reduce(function (pre, current) {
+      if (current.hideInTable) return pre;
+      return pre + (current.width || DefaultColumnWidth);
+    }, 0) + titleWidth;
+  }, [columns, titleWidth]);
+
+  /* format主要是为了兼容树节点主体结构的内容，简单来说就是正常树节点的title,把title视为一个Column(当然只在tableMode生效) */
+  /* 同时也要计算left和right的偏移量，因为很多时候fixed的Column可能不止一个 */
+  var formatColumns = useMemo(function () {
+    /* 用来计算sticky的偏移量，确定每个有fixed属性column的位置 */
+    var leftOffset = 0;
+    var rightOffset = 0;
+    var p;
+    var newColumns = [];
+    for (var i = 0; i < columns.length; i++) {
+      p = columns[i];
+      if (p.hideInTable) {
+        continue;
+      }
+      if (p.fixed === 'left') {
+        p.left = leftOffset + 'px';
+        leftOffset += p.width || DefaultColumnWidth;
+      }
+      if (p.fixed === 'right') {
+        p.right = rightOffset + 'px';
+        rightOffset += p.width || DefaultColumnWidth;
+      }
+      p.bordered = true;
+      newColumns.push(p);
+    }
+    return newColumns;
+  }, [columns, fieldNames]);
+  var treeNodeGroup = useMemo(function () {
+    if (groupBy) return groupTreeNodeByPropertyName(treeData, groupBy, fieldNames);
+  }, [treeData, groupBy]);
+  var groupByTitle = useMemo(function () {
+    var _columns$find;
+    return (_columns$find = columns.find(function (column) {
+      return column.dataIndex === groupBy;
+    })) === null || _columns$find === void 0 ? void 0 : _columns$find.title;
+  }, [columns, groupBy]);
+  var boxShadowBox = useRef(null);
+  /* 树组件的结构其实比较简单，就是一个树标题（TableMode下），然后树节点形成的列表 */
+  return /*#__PURE__*/React.createElement(TreeContainer, {
+    onScroll: function onScroll(e) {
+      var treeContainer = e.target;
+      if (boxShadowBox.current) {
+        if (treeContainer.scrollLeft === 0) {
+          boxShadowBox.current.style.opacity = '0';
+        } else {
+          boxShadowBox.current.style.opacity = '1';
+        }
+        boxShadowBox.current.style.left = treeContainer.scrollLeft + titleWidth + 'px';
+      }
+    },
+    bordered: bordered
+  }, isTableMode && !isFlex && /*#__PURE__*/React.createElement(BoxShadowBox, {
+    ref: boxShadowBox,
+    width: "10px",
+    height: "100%",
+    offsetLeft: "-999px"
+  }), isTableMode && /*#__PURE__*/React.createElement(TreeHeader, {
+    width: rowWidth,
+    isFlex: isFlex
+  }, /*#__PURE__*/React.createElement(MainProperty, {
+    mainWidth: titleWidth,
+    main: treeTitle,
+    property: /*#__PURE__*/React.createElement(Columns, {
+      columns: formatColumns,
+      leftBase: titleWidth,
+      rowData: treeHeaderRowData,
+      isFlex: isFlex
+    }),
+    isFlex: isFlex
+  })), /*#__PURE__*/React.createElement(TreeBody, {
+    direction: "column"
+  }, !treeNodeGroup && !groupBy && treeData.map(function (node) {
+    return /*#__PURE__*/React.createElement(TreeNodeController, {
+      key: node[fieldNames.key],
+      selectedKeys: selectedKeys,
+      onSelect: onSelect,
+      expandedKeys: expandedKeys,
+      onExpand: onExpand,
+      width: isTableMode && !isFlex ? rowWidth : undefined,
+      node: node,
+      fieldNames: fieldNames,
+      isFlex: isFlex,
+      isTableMode: !!isTableMode,
+      columns: columns,
+      multiple: multiple,
+      level: rootLevel,
+      mainWidth: titleWidth,
+      contextMenuRender: contextMenuRender
+    });
+  }), treeNodeGroup && groupBy && Object.keys(treeNodeGroup).map(function (key) {
+    var group = treeNodeGroup[key];
+    if (group.length < 2) {
+      return /*#__PURE__*/React.createElement(TreeNodeController, {
+        key: group[0][fieldNames.key],
+        selectedKeys: selectedKeys,
+        onSelect: onSelect,
+        expandedKeys: expandedKeys,
+        onExpand: onExpand,
+        width: isTableMode && !isFlex ? rowWidth : undefined,
+        node: group[0],
+        fieldNames: fieldNames,
+        isFlex: isFlex,
+        isTableMode: !!isTableMode,
+        columns: columns,
+        multiple: multiple,
+        level: rootLevel,
+        mainWidth: titleWidth,
+        contextMenuRender: contextMenuRender
+      });
+    }
+    return /*#__PURE__*/React.createElement(TreeNodeGroup, {
+      groupName: groupByTitle,
+      key: key,
+      groupValue: key
+    }, treeNodeGroup[key].map(function (node) {
+      return /*#__PURE__*/React.createElement(TreeNodeController, {
+        key: node[fieldNames.key],
+        selectedKeys: selectedKeys,
+        onSelect: onSelect,
+        expandedKeys: expandedKeys,
+        onExpand: onExpand,
+        width: isTableMode && !isFlex ? rowWidth : undefined,
+        node: node,
+        fieldNames: fieldNames,
+        isFlex: isFlex,
+        isTableMode: !!isTableMode,
+        columns: columns,
+        multiple: multiple,
+        level: rootLevel + 1,
+        mainWidth: titleWidth,
+        contextMenuRender: contextMenuRender
+      });
+    }));
+  })));
+};
+export default Tree;

package/dist/Tree/TreeNode.d.ts

@@ -0,0 +1,20 @@
+import React, { Key } from 'react';
+import { MainProperty } from './MainProperties';
+export type TreeNodeControllerProps = {
+    node: TreeNodeType;
+    selectedKeys: Key[];
+    width?: number;
+    fieldNames: TreeFieldNames;
+    isFlex: boolean;
+    isTableMode: boolean;
+    columns: ColumnType[];
+    onSelect: onSelectHandler;
+    multiple: boolean;
+    level: number;
+    mainWidth?: number;
+    expandedKeys: Key[];
+    onExpand: onExpandHandler;
+    contextMenuRender?: (node: TreeNodeType) => MenuItem[];
+};
+export declare const TreeNodeController: React.FC<TreeNodeControllerProps>;
+export { MainProperty };

package/dist/Tree/TreeNode.js

@@ -0,0 +1,147 @@
+import { CaretRightOutlined } from '@ant-design/icons';
+import React, { useCallback, useMemo } from 'react';
+import styled, { css } from 'styled-components';
+import { Column, Columns } from "../Columns";
+import { Flex, FlexItem } from "../Flex";
+import { Indent } from "../Indent";
+import { ListItem } from "../List";
+import { Menu } from "../Menu";
+import { MainArea, MainProperty } from "./MainProperties";
+var ExpandedIcon = styled(CaretRightOutlined).withConfig({
+  displayName: "ExpandedIcon",
+  componentId: "basic-component-347b__sc-tzoomn-0"
+})(["transition:transform 0.5s;display:block;user-select:none;", ";font-size:var(--kep-platform-font-size-sm);&:hover{color:var(--kep-platform-color-primary);}"], function (props) {
+  if (props.expanded) {
+    return css(["transform:rotate(90deg);"]);
+  }
+});
+var TreeNode = styled(ListItem).withConfig({
+  displayName: "TreeNode",
+  componentId: "basic-component-347b__sc-tzoomn-1"
+})(["", " & ", ",& ", "{background-color:var(--kep-platform-color-bg-base);}&:hover{background-color:var(--kep-platform-color-bg-hover);& ", ",& ", "{background-color:var(--kep-platform-color-bg-hover);}& ", "{overflow-x:auto;& > ", "{width:auto;}}}", ""], function (props) {
+  if (props.width) {
+    return css(["width:", "px;"], props.width);
+  }
+}, Column, MainArea, Column, MainArea, MainArea, Flex, function (props) {
+  if (props.selected) {
+    return css(["background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;& ", ",& ", "{background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;}& ", "{overflow-x:auto;& > ", "{width:auto;}}"], Column, MainArea, MainArea, Flex);
+  }
+});
+export var TreeNodeController = function TreeNodeController(_ref) {
+  var node = _ref.node,
+    _ref$selectedKeys = _ref.selectedKeys,
+    selectedKeys = _ref$selectedKeys === void 0 ? [] : _ref$selectedKeys,
+    width = _ref.width,
+    isTableMode = _ref.isTableMode,
+    fieldNames = _ref.fieldNames,
+    columns = _ref.columns,
+    isFlex = _ref.isFlex,
+    onSelect = _ref.onSelect,
+    multiple = _ref.multiple,
+    level = _ref.level,
+    mainWidth = _ref.mainWidth,
+    expandedKeys = _ref.expandedKeys,
+    onExpand = _ref.onExpand,
+    contextMenuRender = _ref.contextMenuRender;
+  /* 处理子节点缩进 */
+  var childLevel = useMemo(function () {
+    return level + 1;
+  }, [level]);
+  var selected = useMemo(function () {
+    return selectedKeys.includes(node[fieldNames.key]);
+  }, [selectedKeys, fieldNames, node]);
+  var expanded = useMemo(function () {
+    return expandedKeys.includes(node[fieldNames.key]);
+  }, [expandedKeys, fieldNames, node]);
+  var onClickNodeHandler = useCallback(function (e) {
+    if (multiple) {
+      if (selected) {
+        onSelect(selectedKeys.filter(function (key) {
+          return key !== node[fieldNames.key];
+        }), {
+          nativeEvent: e,
+          node: node,
+          selected: !selected
+        });
+      } else {
+        onSelect(selectedKeys.concat([node[fieldNames.key]]), {
+          nativeEvent: e,
+          node: node,
+          selected: !selected
+        });
+      }
+    } else {
+      onSelect(selected ? [] : [node[fieldNames.key]], {
+        nativeEvent: e,
+        node: node,
+        selected: !selected
+      });
+    }
+  }, [onSelect, selectedKeys, multiple, selected]);
+  var onClickExpandIconhandler = useCallback(function (e) {
+    if (expanded) {
+      onExpand(expandedKeys.filter(function (key) {
+        return key !== node[fieldNames.key];
+      }), {
+        nativeEvent: e,
+        node: node,
+        expanded: !expanded
+      });
+    } else {
+      onExpand(expandedKeys.concat([node[fieldNames.key]]), {
+        nativeEvent: e,
+        node: node,
+        expanded: !expanded
+      });
+    }
+  }, [expandedKeys, onExpand, expanded]);
+  var treeNode = /*#__PURE__*/React.createElement(TreeNode, {
+    selected: selectedKeys.includes(node[fieldNames.key]),
+    width: width,
+    onClick: onClickNodeHandler
+  }, /*#__PURE__*/React.createElement(MainProperty, {
+    isFlex: isFlex,
+    mainWidth: mainWidth,
+    main: /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(FlexItem, null, /*#__PURE__*/React.createElement(Indent, {
+      level: level
+    })), /*#__PURE__*/React.createElement(FlexItem, {
+      width: 24,
+      align: "center",
+      cursor: "pointer",
+      onClick: onClickExpandIconhandler
+    }, /*#__PURE__*/React.createElement(ExpandedIcon, {
+      expanded: expanded
+    })), /*#__PURE__*/React.createElement(FlexItem, {
+      flex: 1
+    }, node[fieldNames.title])),
+    property: isTableMode && /*#__PURE__*/React.createElement(Columns, {
+      columns: columns,
+      leftBase: mainWidth,
+      rowData: node,
+      isFlex: isFlex
+    })
+  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, contextMenuRender && /*#__PURE__*/React.createElement(Menu.Popup, {
+    trigger: "contextmenu",
+    items: contextMenuRender(node)
+  }, treeNode), !contextMenuRender && treeNode, expanded && node.children.map(function (childNode) {
+    return /*#__PURE__*/React.createElement(TreeNodeController, {
+      width: width,
+      selectedKeys: selectedKeys,
+      key: childNode[fieldNames.key],
+      node: childNode,
+      fieldNames: fieldNames,
+      isFlex: isFlex,
+      isTableMode: isTableMode,
+      columns: columns,
+      onSelect: onSelect,
+      multiple: multiple,
+      level: childLevel,
+      mainWidth: mainWidth,
+      onExpand: onExpand,
+      expandedKeys: expandedKeys,
+      contextMenuRender: contextMenuRender
+    });
+  }));
+};
+export { MainProperty };

package/dist/Tree/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MainProperties';
+export { default as Tree, type TreeProps } from './Tree';
+export * from './TreeNode';

package/dist/Tree/index.js

@@ -0,0 +1,3 @@
+export * from "./MainProperties";
+export { default as Tree } from "./Tree";
+export * from "./TreeNode";

package/dist/__consts/theme.d.ts

@@ -0,0 +1,81 @@
+export declare const presetColors: {
+    magenta: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+    };
+    red: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+    };
+    volcano: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+    };
+    orange: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+    };
+    gold: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+    };
+    green: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+    };
+    blue: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+    };
+    purple: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+    };
+};
+declare const _default: {
+    primaryColor: string;
+    lightenPrimaryColor: string;
+    secondaryColor: string;
+    dangerColor: string;
+    lightenDangerColor: string;
+    backgroundColor: string;
+    paddingXS: string;
+    paddingSM: string;
+    padding: string;
+    paddingLG: string;
+    paddingXL: string;
+    gapXS: string;
+    gapSM: string;
+    gap: string;
+    gapLG: string;
+    marginXS: string;
+    marginSM: string;
+    margin: string;
+    marginLG: string;
+    marginXL: string;
+    fontSize: string;
+    fontSizeSM: string;
+    fontSizeLG: string;
+    color: string;
+    fontWeight: number;
+    fontWeightBold: number;
+    fontWeightBolder: number;
+    fontWeightLight: number;
+    fontWeightLighter: number;
+    borderRadiusSM: string;
+    borderRadius: string;
+    borderRadiusLG: string;
+    borderWidth: string;
+    borderColor: string;
+    defaultTagColor: string;
+    defaultTagBackgroundColor: string;
+};
+export default _default;

package/dist/__consts/theme.js

@@ -0,0 +1,88 @@
+import Color from 'color';
+export var presetColors = {
+  magenta: {
+    color: '#c41d7f',
+    backgroundColor: '#fff0f6',
+    border: '#ffadd2'
+  },
+  red: {
+    color: '#cf1322',
+    backgroundColor: '#fff1f0',
+    border: '#ffa39e'
+  },
+  volcano: {
+    color: '#d4380d',
+    backgroundColor: '#fff2e8',
+    border: '#ffbb96'
+  },
+  orange: {
+    color: '#d46b08',
+    backgroundColor: '#fff7e6',
+    border: '#ffd591'
+  },
+  gold: {
+    color: '#d48806',
+    backgroundColor: '#fffbe6',
+    border: '#ffe58f'
+  },
+  green: {
+    color: '#d48806',
+    backgroundColor: '#fffbe6',
+    border: '#ffe58f'
+  },
+  blue: {
+    color: '#d48806',
+    backgroundColor: '#fffbe6',
+    border: '#ffe58f'
+  },
+  purple: {
+    color: '#389e0d',
+    backgroundColor: '#f6ffed',
+    border: '#b7eb8f'
+  }
+};
+export default {
+  /* color */
+  primaryColor: '#1890ff',
+  lightenPrimaryColor: Color('#1890ff55').lighten(0.5).hex(),
+  secondaryColor: '#cccccc',
+  dangerColor: '#ff0000',
+  lightenDangerColor: Color('#f005').lighten(0.5).hex(),
+  backgroundColor: '#ffffff',
+  /* padding */
+  paddingXS: '0',
+  paddingSM: '0.25rem',
+  padding: '0.4rem',
+  paddingLG: '1rem',
+  paddingXL: '2rem',
+  /* gap */
+  gapXS: '1px',
+  gapSM: '2px',
+  gap: '4px',
+  gapLG: '8px',
+  /* margin */
+  marginXS: '0.25rem',
+  marginSM: '0.5rem',
+  margin: '1rem',
+  marginLG: '2rem',
+  marginXL: '4rem',
+  /* font */
+  fontSize: '1rem',
+  fontSizeSM: '0.75rem',
+  fontSizeLG: '1.5rem',
+  color: '#333333',
+  fontWeight: 400,
+  fontWeightBold: 500,
+  fontWeightBolder: 600,
+  fontWeightLight: 300,
+  fontWeightLighter: 200,
+  /* border */
+  borderRadiusSM: '0.2rem',
+  borderRadius: '0.4rem',
+  borderRadiusLG: '0.6rem',
+  borderWidth: '1px',
+  borderColor: '#ccc',
+  /* Tag */
+  defaultTagColor: 'rgba(0, 0, 0, 0.88)',
+  defaultTagBackgroundColor: '#fafafa'
+};

package/dist/__consts/unit.d.ts

@@ -0,0 +1 @@
+export declare const lengthUnits: string[];

package/dist/__consts/unit.js

@@ -0,0 +1 @@
+export var lengthUnits = ['px', 'em', 'rem', '%', 'vw', 'vh', 'vmin', 'vmax', 'cm', 'mm', 'in', 'pt', 'pc'];

package/dist/__styles/GlobalStyles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { type RuleSet } from 'styled-components';
+declare const GlobalStyles: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
+    $css: RuleSet<object>;
+}>;
+export default GlobalStyles;

package/dist/__styles/GlobalStyles.js

@@ -0,0 +1,6 @@
+// GlobalStyles.js
+import { createGlobalStyle } from 'styled-components';
+var GlobalStyles = createGlobalStyle([":root{--kep-platform-black:#000000;--kep-platform-blue:#1677ff;--kep-platform-purple:#722ED1;--kep-platform-cyan:#13C2C2;--kep-platform-green:#52C41A;--kep-platform-magenta:#EB2F96;--kep-platform-pink:#eb2f96;--kep-platform-red:#F5222D;--kep-platform-orange:#FA8C16;--kep-platform-yellow:#FADB14;--kep-platform-volcano:#FA541C;--kep-platform-geekblue:#2F54EB;--kep-platform-gold:#FAAD14;--kep-platform-lime:#A0D911;--kep-platform-color-primary:#1677ff;--kep-platform-color-success:#52c41a;--kep-platform-color-warning:#faad14;--kep-platform-color-error:#ff4d4f;--kep-platform-color-info:#1677ff;--kep-platform-color-link:#1677ff;--kep-platform-color-text-base:#000;--kep-platform-color-bg-base:#fff;--kep-platform-blue-1:#e6f4ff;--kep-platform-blue-2:#bae0ff;--kep-platform-blue-3:#91caff;--kep-platform-blue-4:#69b1ff;--kep-platform-blue-5:#4096ff;--kep-platform-blue-6:#1677ff;--kep-platform-blue-7:#0958d9;--kep-platform-blue-8:#003eb3;--kep-platform-blue-9:#002c8c;--kep-platform-blue-10:#001d66;--kep-platform-purple-1:#f9f0ff;--kep-platform-purple-2:#efdbff;--kep-platform-purple-3:#d3adf7;--kep-platform-purple-4:#b37feb;--kep-platform-purple-5:#9254de;--kep-platform-purple-6:#722ed1;--kep-platform-purple-7:#531dab;--kep-platform-purple-8:#391085;--kep-platform-purple-9:#22075e;--kep-platform-purple-10:#120338;--kep-platform-cyan-1:#e6fffb;--kep-platform-cyan-2:#b5f5ec;--kep-platform-cyan-3:#87e8de;--kep-platform-cyan-4:#5cdbd3;--kep-platform-cyan-5:#36cfc9;--kep-platform-cyan-6:#13c2c2;--kep-platform-cyan-7:#08979c;--kep-platform-cyan-8:#006d75;--kep-platform-cyan-9:#00474f;--kep-platform-cyan-10:#002329;--kep-platform-green-1:#f6ffed;--kep-platform-green-2:#d9f7be;--kep-platform-green-3:#b7eb8f;--kep-platform-green-4:#95de64;--kep-platform-green-5:#73d13d;--kep-platform-green-6:#52c41a;--kep-platform-green-7:#389e0d;--kep-platform-green-8:#237804;--kep-platform-green-9:#135200;--kep-platform-green-10:#092b00;--kep-platform-magenta-1:#fff0f6;--kep-platform-magenta-2:#ffd6e7;--kep-platform-magenta-3:#ffadd2;--kep-platform-magenta-4:#ff85c0;--kep-platform-magenta-5:#f759ab;--kep-platform-magenta-6:#eb2f96;--kep-platform-magenta-7:#c41d7f;--kep-platform-magenta-8:#9e1068;--kep-platform-magenta-9:#780650;--kep-platform-magenta-10:#520339;--kep-platform-pink-1:#fff0f6;--kep-platform-pink-2:#ffd6e7;--kep-platform-pink-3:#ffadd2;--kep-platform-pink-4:#ff85c0;--kep-platform-pink-5:#f759ab;--kep-platform-pink-6:#eb2f96;--kep-platform-pink-7:#c41d7f;--kep-platform-pink-8:#9e1068;--kep-platform-pink-9:#780650;--kep-platform-pink-10:#520339;--kep-platform-red-1:#fff1f0;--kep-platform-red-2:#ffccc7;--kep-platform-red-3:#ffa39e;--kep-platform-red-4:#ff7875;--kep-platform-red-5:#ff4d4f;--kep-platform-red-6:#f5222d;--kep-platform-red-7:#cf1322;--kep-platform-red-8:#a8071a;--kep-platform-red-9:#820014;--kep-platform-red-10:#5c0011;--kep-platform-orange-1:#fff7e6;--kep-platform-orange-2:#ffe7ba;--kep-platform-orange-3:#ffd591;--kep-platform-orange-4:#ffc069;--kep-platform-orange-5:#ffa940;--kep-platform-orange-6:#fa8c16;--kep-platform-orange-7:#d46b08;--kep-platform-orange-8:#ad4e00;--kep-platform-orange-9:#873800;--kep-platform-orange-10:#612500;--kep-platform-yellow-1:#feffe6;--kep-platform-yellow-2:#ffffb8;--kep-platform-yellow-3:#fffb8f;--kep-platform-yellow-4:#fff566;--kep-platform-yellow-5:#ffec3d;--kep-platform-yellow-6:#fadb14;--kep-platform-yellow-7:#d4b106;--kep-platform-yellow-8:#ad8b00;--kep-platform-yellow-9:#876800;--kep-platform-yellow-10:#614700;--kep-platform-volcano-1:#fff2e8;--kep-platform-volcano-2:#ffd8bf;--kep-platform-volcano-3:#ffbb96;--kep-platform-volcano-4:#ff9c6e;--kep-platform-volcano-5:#ff7a45;--kep-platform-volcano-6:#fa541c;--kep-platform-volcano-7:#d4380d;--kep-platform-volcano-8:#ad2102;--kep-platform-volcano-9:#871400;--kep-platform-volcano-10:#610b00;--kep-platform-geekblue-1:#f0f5ff;--kep-platform-geekblue-2:#d6e4ff;--kep-platform-geekblue-3:#adc6ff;--kep-platform-geekblue-4:#85a5ff;--kep-platform-geekblue-5:#597ef7;--kep-platform-geekblue-6:#2f54eb;--kep-platform-geekblue-7:#1d39c4;--kep-platform-geekblue-8:#10239e;--kep-platform-geekblue-9:#061178;--kep-platform-geekblue-10:#030852;--kep-platform-gold-1:#fffbe6;--kep-platform-gold-2:#fff1b8;--kep-platform-gold-3:#ffe58f;--kep-platform-gold-4:#ffd666;--kep-platform-gold-5:#ffc53d;--kep-platform-gold-6:#faad14;--kep-platform-gold-7:#d48806;--kep-platform-gold-8:#ad6800;--kep-platform-gold-9:#874d00;--kep-platform-gold-10:#613400;--kep-platform-lime-1:#fcffe6;--kep-platform-lime-2:#f4ffb8;--kep-platform-lime-3:#eaff8f;--kep-platform-lime-4:#d3f261;--kep-platform-lime-5:#bae637;--kep-platform-lime-6:#a0d911;--kep-platform-lime-7:#7cb305;--kep-platform-lime-8:#5b8c00;--kep-platform-lime-9:#3f6600;--kep-platform-lime-10:#254000;--kep-platform-color-text:rgba(0,0,0,0.88);--kep-platform-color-text-active:var(--kep-platform-blue-6);--kep-platform-color-text-secondary:rgba(0,0,0,0.65);--kep-platform-color-text-tertiary:rgba(0,0,0,0.45);--kep-platform-color-text-quaternary:rgba(0,0,0,0.25);--kep-platform-color-fill:rgba(0,0,0,0.15);--kep-platform-color-fill-secondary:rgba(0,0,0,0.06);--kep-platform-color-fill-tertiary:rgba(0,0,0,0.04);--kep-platform-color-fill-quaternary:rgba(0,0,0,0.02);--kep-platform-color-bg-hover:#f7f7f7;--kep-platform-color-bg-layout:#f5f5f5;--kep-platform-color-bg-container:#ffffff;--kep-platform-color-bg-elevated:#ffffff;--kep-platform-color-bg-spotlight:rgba(0,0,0,0.85);--kep-platform-color-bg-blur:transparent;--kep-platform-color-border:#e4e9ec;--kep-platform-color-border-secondary:#f0f0f0;--kep-platform-color-primary-bg:#e6f4ff;--kep-platform-color-primary-bg-hover:#bae0ff;--kep-platform-color-primary-border:#91caff;--kep-platform-color-primary-border-hover:#69b1ff;--kep-platform-color-primary-hover:#4096ff;--kep-platform-color-primary-active:#0958d9;--kep-platform-color-primary-text-hover:#4096ff;--kep-platform-color-primary-text:#1677ff;--kep-platform-color-primary-text-active:#0958d9;--kep-platform-color-success-bg:#f6ffed;--kep-platform-color-success-bg-hover:#d9f7be;--kep-platform-color-success-border:#b7eb8f;--kep-platform-color-success-border-hover:#95de64;--kep-platform-color-success-hover:#95de64;--kep-platform-color-success-active:#389e0d;--kep-platform-color-success-text-hover:#73d13d;--kep-platform-color-success-text:#52c41a;--kep-platform-color-success-text-active:#389e0d;--kep-platform-color-error-bg:#fff2f0;--kep-platform-color-error-bg-hover:#fff1f0;--kep-platform-color-error-bg-active:#ffccc7;--kep-platform-color-error-border:#ffccc7;--kep-platform-color-error-border-hover:#ffa39e;--kep-platform-color-error-hover:#ff7875;--kep-platform-color-error-active:#d9363e;--kep-platform-color-error-text-hover:#ff7875;--kep-platform-color-error-text:#ff4d4f;--kep-platform-color-error-text-active:#d9363e;--kep-platform-color-warning-bg:#fffbe6;--kep-platform-color-warning-bg-hover:#fff1b8;--kep-platform-color-warning-border:#ffe58f;--kep-platform-color-warning-border-hover:#ffd666;--kep-platform-color-warning-hover:#ffd666;--kep-platform-color-warning-active:#d48806;--kep-platform-color-warning-text-hover:#ffc53d;--kep-platform-color-warning-text:#faad14;--kep-platform-color-warning-text-active:#d48806;--kep-platform-color-info-bg:#e6f4ff;--kep-platform-color-info-bg-hover:#bae0ff;--kep-platform-color-info-border:#91caff;--kep-platform-color-info-border-hover:#69b1ff;--kep-platform-color-info-hover:#69b1ff;--kep-platform-color-info-active:#0958d9;--kep-platform-color-info-text-hover:#4096ff;--kep-platform-color-info-text:#1677ff;--kep-platform-color-info-text-active:#0958d9;--kep-platform-color-link-hover:#69b1ff;--kep-platform-color-link-active:#0958d9;--kep-platform-color-bg-mask:rgba(0,0,0,0.45);--kep-platform-color-white:#fff;--kep-platform-color-fill-content:rgba(0,0,0,0.06);--kep-platform-color-fill-content-hover:rgba(0,0,0,0.15);--kep-platform-color-fill-alter:rgba(0,0,0,0.02);--kep-platform-color-bg-container-disabled:rgba(0,0,0,0.04);--kep-platform-color-border-bg:#ffffff;--kep-platform-color-scrollbar-thumb:var(--kep-platform-color-border);--kep-platform-color-scrollbar-thumb-hover:var(--kep-platform-color-primary-hover);--kep-platform-color-split:rgba(5,5,5,0.06);--kep-platform-color-table-border:#f0f0f0;--kep-platform-color-text-placeholder:rgba(0,0,0,0.25);--kep-platform-color-text-disabled:rgba(0,0,0,0.25);--kep-platform-color-text-heading:rgba(0,0,0,0.88);--kep-platform-color-text-label:rgba(0,0,0,0.65);--kep-platform-color-text-description:rgba(0,0,0,0.45);--kep-platform-color-text-light-solid:#fff;--kep-platform-color-highlight:#ff4d4f;--kep-platform-color-bg-text-hover:rgba(0,0,0,0.06);--kep-platform-color-bg-text-active:rgba(0,0,0,0.15);--kep-platform-color-icon:rgba(0,0,0,0.45);--kep-platform-color-icon-hover:rgba(0,0,0,0.88);--kep-platform-color-error-outline:rgba(255,38,5,0.06);--kep-platform-color-warning-outline:rgba(255,215,5,0.1);--kep-platform-control-item-bg-hover:rgba(0,0,0,0.04);--kep-platform-control-item-bg-active:#e6f4ff;--kep-platform-control-item-bg-active-hover:#bae0ff;--kep-platform-control-item-bg-active-disabled:rgba(0,0,0,0.15);--kep-platform-control-tmp-outline:rgba(0,0,0,0.02);--kep-platform-control-outline:rgba(5,145,255,0.1);--kep-platform-box-shadow:0 6px 16px 0 rgba(0,0,0,0.08),0 3px 6px -4px rgba(0,0,0,0.12),0 9px 28px 8px rgba(0,0,0,0.05);--kep-platform-box-shadow-inset:inset  10px 0 8px -8px rgba(0,0,0,0.08);--kep-platform-box-shadow-secondary:0 6px 16px 0 rgba(0,0,0,0.08),0 3px 6px -4px rgba(0,0,0,0.12),0 9px 28px 8px rgba(0,0,0,0.05);--kep-platform-box-shadow-tertiary:0 1px 2px 0 rgba(0,0,0,0.03),0 1px 6px -1px rgba(0,0,0,0.02),0 2px 4px 0 rgba(0,0,0,0.02);--kep-platform-box-shadow-popover-arrow:2px 2px 5px rgba(0,0,0,0.05);--kep-platform-box-shadow-card:0 1px 2px -2px rgba(0,0,0,0.16),0 3px 6px 0 rgba(0,0,0,0.12),0 5px 12px 4px rgba(0,0,0,0.09);--kep-platform-box-shadow-drawer-right:-6px 0 16px 0 rgba(0,0,0,0.08),-3px 0 6px -4px rgba(0,0,0,0.12),-9px 0 28px 8px rgba(0,0,0,0.05);--kep-platform-box-shadow-drawer-left:6px 0 16px 0 rgba(0,0,0,0.08),3px 0 6px -4px rgba(0,0,0,0.12),9px 0 28px 8px rgba(0,0,0,0.05);--kep-platform-box-shadow-drawer-up:0 6px 16px 0 rgba(0,0,0,0.08),0 3px 6px -4px rgba(0,0,0,0.12),0 9px 28px 8px rgba(0,0,0,0.05);--kep-platform-box-shadow-drawer-down:0 -6px 16px 0 rgba(0,0,0,0.08),0 -3px 6px -4px rgba(0,0,0,0.12),0 -9px 28px 8px rgba(0,0,0,0.05);--kep-platform-color-tree-node-hover:#fafafa;--kep-platform-color-bg-active:#e6f4ff;--kep-platform-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0,0,0,0.08);--kep-platform-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0,0,0,0.08);--kep-platform-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0,0,0,0.08);--kep-platform-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0,0,0,0.08);--kep-platform-header-bg:#fafafa;--kep-platform-color-scrollbar-track:#fafafa;--kep-platform-motion-ease-out-circ:cubic-bezier(0.08,0.82,0.17,1);--kep-platform-motion-ease-in-out-circ:cubic-bezier(0.78,0.14,0.15,0.86);--kep-platform-motion-ease-out:cubic-bezier(0.215,0.61,0.355,1);--kep-platform-motion-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--kep-platform-motion-ease-out-back:cubic-bezier(0.12,0.4,0.29,1.46);--kep-platform-motion-ease-in-back:cubic-bezier(0.71,-0.46,0.88,0.6);--kep-platform-motion-ease-in-quint:cubic-bezier(0.755,0.05,0.855,0.06);--kep-platform-motion-ease-out-quint:cubic-bezier(0.23,1,0.32,1);--kep-platform-motion-duration-fast:0.1s;--kep-platform-motion-duration-mid:0.2s;--kep-platform-motion-duration-slow:0.3s;--kep-platform-font-size:16px;--kep-platform-font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--kep-platform-font-family-code:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace;--kep-platform-font-size-sm:14px;--kep-platform-font-size-lg:18px;--kep-platform-font-size-xl:20px;--kep-platform-font-size-heading-1:38px;--kep-platform-font-size-heading-2:30px;--kep-platform-font-size-heading-3:24px;--kep-platform-font-size-heading-4:20px;--kep-platform-font-size-heading-5:16px;--kep-platform-font-height:22px;--kep-platform-font-height-lg:24px;--kep-platform-font-height-sm:20px;--kep-platform-font-weight-base:400;--kep-platform-font-weight-strong:600;--kep-platform-link-decoration:none;--kep-platform-link-hover-decoration:none;--kep-platform-link-focus-decoration:none;--kep-platform-line-width:1px;--kep-platform-line-type:solid;--kep-platform-line-height:1.5714285714285714;--kep-platform-line-height-lg:1.5;--kep-platform-line-height-sm:1.6666666666666667;--kep-platform-line-height-heading-1:1.2105263157894737;--kep-platform-line-height-heading-2:1.2666666666666666;--kep-platform-line-height-heading-3:1.3333333333333333;--kep-platform-line-height-heading-4:1.4;--kep-platform-line-height-heading-5:1.5;--kep-platform-line-width-bold:2px;--kep-platform-font-size-icon:12px;--kep-platform-font-size-code:12px;--kep-platform-text-align:left;--kep-platform-border-radius:6px;--kep-platform-border-radius-xs:2px;--kep-platform-border-radius-sm:4px;--kep-platform-border-radius-lg:8px;--kep-platform-border-radius-outer:4px;--kep-platform-z-index-base:0;--kep-platform-z-index-popup-base:1000;--kep-platform-z-index-fixed:10;--kep-platform-opacity-loading:0.65;--kep-platform-control-padding-horizontal:12px;--kep-platform-control-padding-horizontal-sm:8px;--kep-platform-padding-xxs:4px;--kep-platform-padding-xs:8px;--kep-platform-padding-sm:12px;--kep-platform-padding:16px;--kep-platform-padding-md:20px;--kep-platform-padding-lg:24px;--kep-platform-padding-xl:32px;--kep-platform-padding-block-sm:0;--kep-platform-padding-block:4px;--kep-platform-padding-block-lg:7px;--kep-platform-padding-inline-sm:7px;--kep-platform-padding-inline:15px;--kep-platform-padding-inline-lg:15px;--kep-platform-padding-content-horizontal-lg:24px;--kep-platform-padding-content-vertical-lg:16px;--kep-platform-padding-content-horizontal:16px;--kep-platform-padding-content-vertical:12px;--kep-platform-padding-content-horizontal-sm:16px;--kep-platform-padding-content-vertical-sm:8px;--kep-platform-margin-xxxs:2px;--kep-platform-margin-xxs:4px;--kep-platform-margin-xs:8px;--kep-platform-margin-sm:12px;--kep-platform-margin:16px;--kep-platform-margin-md:20px;--kep-platform-margin-lg:24px;--kep-platform-margin-xl:32px;--kep-platform-margin-xxl:48px;--kep-platform-width-scrollbar:8px;--kep-platform-height-scrollbar:8px;--kep-platform-menu-item-height:40px;--kep-platform-menu-item-line-height:40px;}*,*::before,*::after{box-sizing:border-box;}body{margin:0;font-family:var(--kep-platform-font-family);font-size:var(--kep-platform-font-size);font-weight:var(--kep-platform-font-weight-base);line-height:var(--kep-platform-line-height);color:var(--kep-platform-color-text);text-align:var(--kep-platform-text-align);background-color:var(--kep-platform-color-bg-base);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:var(--kep-platform-black);}[tabindex='-1']:focus:not(:focus-visible){outline:0 !important;}hr{margin:--kep-platform-margin-sm 0;height:var(--kep-platform-line-width);color:var(--kep-platform-color-border);background-color:currentColor;border:0;}hr:not([size]){height:var(--kep-platform-line-width);}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;font-family:var(--kep-platform-font-family);font-style:var(--kep-platform-link-decoration);font-weight:var(--kep-platform-font-weight-strong);line-height:var(--kep-platform-line-height);color:var(--kep-platform-color-text-secondary);}h1{font-size:var(--kep-platform-font-size-heading-1);}h2{font-size:var(--kep-platform-font-size-heading-2);}h3{font-size:var(--kep-platform-font-size-heading-3);}h4{font-size:var(--kep-platform-font-size-heading-4);}h5{font-size:var(--kep-platform-font-size-heading-5);}h6{font-size:var(--kep-platform-font-size-heading-6);}p{margin-top:0;margin-bottom:0 !important;}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none;}address{margin-bottom:1rem;font-style:normal;line-height:inherit;}ol,ul{padding-left:0;list-style:none;}ol,ul,dl{margin-top:0;margin-bottom:0;}ol ol,ul ul,ol ul,ul ol{margin-bottom:0;}dt{font-weight:var(--kep-platform-font-weight-base);}dd{margin-bottom:0.5rem;margin-left:0;}blockquote{margin:0 0 1rem;}b,strong{font-weight:var(--kep-platform-font-weight-strong);}small{font-size:var(--kep-platform-font-size-sm);}sub,sup{position:relative;font-size:var(--kep-platform-font-size-sm);line-height:0;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}a{color:var(--kep-platform-color-link);text-decoration:var(--kep-platform-link-decoration);cursor:pointer;&:hover{color:var(--kep-platform-color-link-hover);text-decoration:--kep-platform-link-hover-decoration}}pre,code,kbd,samp{font-family:var(--kep-platform-font-family-code);font-size:var(--kep-platform-font-size-code);}pre{display:block;margin-top:0;margin-bottom:var(--kep-platform-margin);overflow:auto;font-size:var(--kep-platform-font-size-code);color:var(--kep-platform-color-text-label);code{font-size:inherit;color:inherit;word-break:normal;}}code{font-size:var(--kep-platform-font-size-code);color:var(--kep-platform-color-text-quaternary);word-wrap:break-word;a > &{color:inherit;}}figure{margin:0 0 1rem;}img{vertical-align:middle;}svg{overflow:hidden;vertical-align:middle;}table{border-collapse:collapse;}caption{padding-top:0.5rem;padding-bottom:0.5rem;color:var(--kep-platform-color-text-secondary);text-align:left;caption-side:bottom;}th{text-align:inherit;}label{display:inline-block;margin-bottom:0.5rem;}button{border-radius:0;}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}button,input{overflow:visible;}button,select{text-transform:none;}select{word-wrap:normal;}[list]::-webkit-calendar-picker-indicator{display:none;}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{appearance:button;&:not(:disabled){cursor:pointer;}}button:focus{outline:none;}input:focus{outline:none;}::-moz-focus-inner{padding:0;border-style:none;}input[type='date'],input[type='time'],input[type='datetime-local'],input[type='month']{appearance:textfield;}::-webkit-scrollbar{width:var(--kep-platform-width-scrollbar);height:var(--kep-platform-height-scrollbar);}::-webkit-scrollbar-track{border-radius:var(--kep-platform-border-radius);background-color:var(--kep-platform-color-scrollbar-track);}::-webkit-scrollbar-thumb{background-color:var(--kep-platform-color-scrollbar-thumb);border-radius:var(--kep-platform-border-radius);}::-webkit-scrollbar-thumb:hover{background-color:var(--kep-platform-color-scrollbar-thumb-hover);}textarea{overflow:auto;resize:vertical;}fieldset{min-width:0;padding:0;margin:0;border:0;}legend{float:left;width:100%;padding:0;margin-bottom:var(--kep-platform-margin);font-size:var(--kep-platform-font-size);font-weight:var(--kep-platform-font-weight-base);line-height:inherit;color:inherit;white-space:normal;}mark{padding:var(--kep-platform-padding-sm);background-color:var(--kep-platform-padding-sm);}progress{vertical-align:baseline;}::-webkit-datetime-edit{overflow:visible;line-height:0;}[type='search']{outline-offset:-2px;appearance:textfield;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-color-swatch-wrapper{padding:0;}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}output{display:inline-block;}summary{display:list-item;cursor:pointer;}template{display:none;}main{display:block;}[hidden]{display:none !important;}", ""], function (props) {
+  return props.$css;
+});
+export default GlobalStyles;

package/dist/__styles/index.d.ts

@@ -0,0 +1 @@
+export { default as GlobalStyles } from './GlobalStyles';

package/dist/__styles/index.js

@@ -0,0 +1 @@
+export { default as GlobalStyles } from "./GlobalStyles";