@cfxjs/sirius-next-common 0.0.0

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare const PageHeader: ({ children, subtitle, }: {
+    subtitle?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+export { PageHeader };

package/dist/components/PageHeader/index.js

@@ -0,0 +1,25 @@
+// src/components/PageHeader/index.tsx
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PageHeader = ({
+  children,
+  subtitle
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx(
+        "text-1.7143rem font-medium lh-2.2857rem text-#1a1a1a mb-1.1429rem mt-2.2857rem",
+        "lt-sm:text-1.2857rem lt-sm:lh-1.8571rem lt-sm:text-#050505"
+      ),
+      children: [
+        children,
+        /* @__PURE__ */ jsx("div", { className: "text-1rem mt-0.8571rem lh-1.2857rem text-#74798c", children: subtitle })
+      ]
+    }
+  );
+};
+export {
+  PageHeader
+};
+//# sourceMappingURL=index.js.map

package/dist/components/PageHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PageHeader/index.tsx"],"sourcesContent":["/**\n *\n * PageHeader\n *\n */\nimport React from 'react';\nimport clsx from 'clsx';\n\nexport const PageHeader = ({\n  children,\n  subtitle,\n}: {\n  subtitle?: React.ReactNode;\n  children?: React.ReactNode;\n}) => {\n  return (\n    <div\n      className={clsx(\n        'text-1.7143rem font-medium lh-2.2857rem text-#1a1a1a mb-1.1429rem mt-2.2857rem',\n        'lt-sm:text-1.2857rem lt-sm:lh-1.8571rem lt-sm:text-#050505',\n      )}\n    >\n      {children}\n      <div className=\"text-1rem mt-0.8571rem lh-1.2857rem text-#74798c\">\n        {subtitle}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";AAMA,OAAO,UAAU;AAUb,SAOE,KAPF;AARG,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AACF,MAGM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,QACD,oBAAC,SAAI,WAAU,oDACZ,oBACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Price: ({ children, showTooltip, }: {
+    children: string | number;
+    showTooltip?: boolean | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+export { Price };

package/dist/components/Price/index.js

@@ -0,0 +1,39 @@
+import {
+  formatPrice
+} from "../../chunk-AGOKIWZZ.js";
+import "../../chunk-CJQCVR64.js";
+import {
+  Tooltip
+} from "../../chunk-YVIZX6QJ.js";
+import "../../chunk-5IEZKHNQ.js";
+
+// src/components/Price/index.tsx
+import { jsx } from "react/jsx-runtime";
+var Price = ({
+  children,
+  showTooltip = true
+}) => {
+  if (["NaN", "undefined", "null"].includes(String(children))) {
+    return /* @__PURE__ */ jsx("span", { children: "--" });
+  }
+  const [fPrice, fullPrice] = formatPrice(children);
+  return fullPrice && showTooltip ? /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: {
+            whiteSpace: "nowrap"
+          },
+          children: fullPrice
+        }
+      ),
+      children: /* @__PURE__ */ jsx("span", { children: fPrice })
+    }
+  ) : /* @__PURE__ */ jsx("span", { children: fPrice });
+};
+export {
+  Price
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Price/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Price/index.tsx"],"sourcesContent":["/**\n *\n * Footer\n *\n */\nimport React from 'react';\nimport { formatPrice } from '../../utils';\nimport { Tooltip } from '../Tooltip';\n\nexport const Price = ({\n  children,\n  showTooltip = true,\n}: {\n  children: string | number;\n  showTooltip?: boolean;\n}) => {\n  if (['NaN', 'undefined', 'null'].includes(String(children))) {\n    return <span>--</span>;\n  }\n\n  const [fPrice, fullPrice] = formatPrice(children);\n\n  return fullPrice && showTooltip ? (\n    <Tooltip\n      title={\n        <span\n          style={{\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {fullPrice}\n        </span>\n      }\n    >\n      <span>{fPrice}</span>\n    </Tooltip>\n  ) : (\n    <span>{fPrice}</span>\n  );\n};\n"],"mappings":";;;;;;;;;;AAiBW;AARJ,IAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,cAAc;AAChB,MAGM;AACJ,MAAI,CAAC,OAAO,aAAa,MAAM,EAAE,SAAS,OAAO,QAAQ,CAAC,GAAG;AAC3D,WAAO,oBAAC,UAAK,gBAAE;AAAA,EACjB;AAEA,QAAM,CAAC,QAAQ,SAAS,IAAI,YAAY,QAAQ;AAEhD,SAAO,aAAa,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,OACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,UACd;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAGF,8BAAC,UAAM,kBAAO;AAAA;AAAA,EAChB,IAEA,oBAAC,UAAM,kBAAO;AAElB;","names":[]}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare const Remark: ({ title: outerTitle, items, hideTitle, className, }: {
+    title?: React__default.ReactNode;
+    items: Array<React__default.ReactNode>;
+    hideTitle?: boolean | undefined;
+    className?: string | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+export { Remark };

package/dist/components/Remark/index.js

@@ -0,0 +1,25 @@
+import {
+  useI18n
+} from "../../chunk-25QWXIAS.js";
+
+// src/components/Remark/index.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Remark = function({
+  title: outerTitle,
+  items,
+  hideTitle,
+  className
+}) {
+  const { t } = useTranslation();
+  const { translations } = useI18n();
+  const title = outerTitle || t(translations.general.remark);
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    hideTitle ? null : /* @__PURE__ */ jsx("div", { className: "remark-title text-1.1429rem font-bold text-#1a1a1a mb-0.8571rem", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "remark-content text-#7e8598 lh-1.5714rem text-1rem font-normal", children: items.map((i, index) => /* @__PURE__ */ jsx("div", { children: i }, index)) })
+  ] });
+};
+export {
+  Remark
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Remark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Remark/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useI18n } from 'src/store';\n\nexport const Remark = function ({\n  title: outerTitle,\n  items,\n  hideTitle,\n  className,\n}: {\n  title?: React.ReactNode;\n  items: Array<React.ReactNode>;\n  hideTitle?: boolean;\n  className?: string;\n}) {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n  const title = outerTitle || t(translations.general.remark);\n\n  return (\n    <div className={className}>\n      {hideTitle ? null : (\n        <div className=\"remark-title text-1.1429rem font-bold text-#1a1a1a mb-0.8571rem\">\n          {title}\n        </div>\n      )}\n      <div className=\"remark-content text-#7e8598 lh-1.5714rem text-1rem font-normal\">\n        {items.map((i, index) => (\n          <div key={index}>{i}</div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AACA,SAAS,sBAAsB;AAmB3B,SAEI,KAFJ;AAhBG,IAAM,SAAS,SAAU;AAAA,EAC9B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,QAAM,QAAQ,cAAc,EAAE,aAAa,QAAQ,MAAM;AAEzD,SACE,qBAAC,SAAI,WACF;AAAA,gBAAY,OACX,oBAAC,SAAI,WAAU,mEACZ,iBACH;AAAA,IAEF,oBAAC,SAAI,WAAU,kEACZ,gBAAM,IAAI,CAAC,GAAG,UACb,oBAAC,SAAiB,eAAR,KAAU,CACrB,GACH;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+interface Props {
+    color?: string;
+}
+declare const SearchIcon: React__default.FC<Props>;
+
+export { SearchIcon };

package/dist/components/SearchIcon/index.js

@@ -0,0 +1,22 @@
+// src/components/SearchIcon/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SearchIcon = (props) => {
+  const { color = "#1e3de4" } = props;
+  return /* @__PURE__ */ jsx("svg", { width: "16px", height: "16px", viewBox: "0 0 16 16", version: "1.1", children: /* @__PURE__ */ jsx("g", { id: "Web", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { transform: "translate(-1208.000000, -28.000000)", children: /* @__PURE__ */ jsx("g", { transform: "translate(884.000000, 20.000000)", children: /* @__PURE__ */ jsxs("g", { transform: "translate(324.000000, 8.000000)", children: [
+    /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "16", height: "16" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M7,13 C10.3137085,13 13,10.3137085 13,7 C13,3.6862915 10.3137085,1 7,1 C3.6862915,1 1,3.6862915 1,7 C1,10.3137085 3.6862915,13 7,13 Z M15,15 L12,12",
+        stroke: color,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] }) }) }) }) });
+};
+export {
+  SearchIcon
+};
+//# sourceMappingURL=index.js.map

package/dist/components/SearchIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SearchIcon/index.tsx"],"sourcesContent":["/* -*- mode: typescript -*- */\nimport React from 'react';\ninterface Props {\n  color?: string;\n}\n\nexport const SearchIcon: React.FC<Props> = props => {\n  const { color = '#1e3de4' } = props;\n  return (\n    <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" version=\"1.1\">\n      <g id=\"Web\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n        <g transform=\"translate(-1208.000000, -28.000000)\">\n          <g transform=\"translate(884.000000, 20.000000)\">\n            <g transform=\"translate(324.000000, 8.000000)\">\n              <rect x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n              <path\n                d=\"M7,13 C10.3137085,13 13,10.3137085 13,7 C13,3.6862915 10.3137085,1 7,1 C3.6862915,1 1,3.6862915 1,7 C1,10.3137085 3.6862915,13 7,13 Z M15,15 L12,12\"\n                stroke={color}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              ></path>\n            </g>\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n};\n"],"mappings":";AAaY,SACE,KADF;AAPL,IAAM,aAA8B,WAAS;AAClD,QAAM,EAAE,QAAQ,UAAU,IAAI;AAC9B,SACE,oBAAC,SAAI,OAAM,QAAO,QAAO,QAAO,SAAQ,aAAY,SAAQ,OAC1D,8BAAC,OAAE,IAAG,OAAM,QAAO,QAAO,aAAY,KAAI,MAAK,QAAO,UAAS,WAC7D,8BAAC,OAAE,WAAU,uCACX,8BAAC,OAAE,WAAU,oCACX,+BAAC,OAAE,WAAU,mCACX;AAAA,wBAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK;AAAA,IACzC;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAQ;AAAA,QACR,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA;AAAA,IAChB;AAAA,KACH,GACF,GACF,GACF,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+interface SelectProps {
+    className?: string;
+    disableMatchWidth?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    value: string;
+    onChange: (value: string) => void;
+    width?: string | number;
+    children: React__default.ReactNode;
+}
+interface OptionProps {
+    className?: string;
+    children: React__default.ReactNode;
+    value: string;
+}
+declare const Select: React__default.FC<SelectProps> & {
+    Option: React__default.FC<OptionProps>;
+};
+
+export { Select };

package/dist/components/Select/index.js

@@ -0,0 +1,79 @@
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../chunk-GKAPQ7LN.js";
+import {
+  cn
+} from "../../chunk-AGOKIWZZ.js";
+import "../../chunk-CJQCVR64.js";
+import "../../chunk-5IEZKHNQ.js";
+
+// src/components/Select/index.tsx
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Select2 = ({
+  className,
+  disableMatchWidth,
+  size = "medium",
+  value,
+  onChange,
+  width = "auto",
+  children,
+  ...props
+}) => {
+  const selectedText = useMemo(() => {
+    let text = "Select an option...";
+    React.Children.forEach(children, (child) => {
+      if (React.isValidElement(child) && child.props.value === value) {
+        text = child.props.children;
+      }
+    });
+    return text;
+  }, [value, children]);
+  console.log(children);
+  return /* @__PURE__ */ jsxs(Select, { value, onValueChange: onChange, children: [
+    /* @__PURE__ */ jsx(
+      SelectTrigger,
+      {
+        className: cn(
+          "bg-[rgba(30, 61, 228, 0.04)] hover:bg-[rgba(30, 61, 228, 0.08)]",
+          size === "small" && "h-8 text-xs",
+          size === "medium" && "h-10 text-sm",
+          size === "large" && "h-12 text-lg",
+          className
+        ),
+        style: { width },
+        ...props,
+        children: /* @__PURE__ */ jsx(SelectValue, { children: selectedText })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SelectContent,
+      {
+        className: cn(
+          "relative z-50 max-h-96 overflow-hidden rounded-md bg-[#FFF] shadow-md",
+          !disableMatchWidth && "w-full"
+        ),
+        children: /* @__PURE__ */ jsx(SelectGroup, { children: React.Children.map(children, (child) => {
+          console.log(child);
+          if (React.isValidElement(child)) {
+            const props2 = child.props;
+            return /* @__PURE__ */ jsx(Option, { ...props2, children: child });
+          }
+          return null;
+        }) })
+      }
+    )
+  ] });
+};
+var Option = React.forwardRef(({ className, children, value, ...props }, ref) => /* @__PURE__ */ jsx(SelectItem, { ref, value, className: cn("", className), ...props, children }));
+Option.displayName = "Option";
+Select2.Option = Option;
+export {
+  Select2 as Select
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Select/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  Select as RadixUISelect,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  SelectGroup,\n} from './select';\nimport { cn } from '../../utils';\n\ninterface SelectProps {\n  className?: string;\n  disableMatchWidth?: boolean;\n  size?: 'small' | 'medium' | 'large';\n  value: string;\n  onChange: (value: string) => void;\n  width?: string | number;\n  children: React.ReactNode;\n}\n\ninterface OptionProps {\n  className?: string;\n  children: React.ReactNode;\n  value: string;\n}\n\nconst Select: React.FC<SelectProps> & { Option: React.FC<OptionProps> } = ({\n  className,\n  disableMatchWidth,\n  size = 'medium',\n  value,\n  onChange,\n  width = 'auto',\n  children,\n  ...props\n}) => {\n  const selectedText = useMemo(() => {\n    let text = 'Select an option...';\n    React.Children.forEach(children, child => {\n      if (React.isValidElement(child) && child.props.value === value) {\n        text = child.props.children;\n      }\n    });\n    return text;\n  }, [value, children]);\n  console.log(children);\n  return (\n    <RadixUISelect value={value} onValueChange={onChange}>\n      <SelectTrigger\n        className={cn(\n          'bg-[rgba(30, 61, 228, 0.04)] hover:bg-[rgba(30, 61, 228, 0.08)]',\n          size === 'small' && 'h-8 text-xs',\n          size === 'medium' && 'h-10 text-sm',\n          size === 'large' && 'h-12 text-lg',\n          className,\n        )}\n        style={{ width }}\n        {...props}\n      >\n        <SelectValue>{selectedText}</SelectValue>\n      </SelectTrigger>\n      <SelectContent\n        className={cn(\n          'relative z-50 max-h-96 overflow-hidden rounded-md bg-[#FFF] shadow-md',\n          !disableMatchWidth && 'w-full',\n        )}\n      >\n        <SelectGroup>\n          {React.Children.map(children, child => {\n            console.log(child);\n            if (React.isValidElement(child)) {\n              const props = child.props;\n              return <Option {...props}>{child}</Option>;\n            }\n            return null;\n          })}\n        </SelectGroup>\n      </SelectContent>\n    </RadixUISelect>\n  );\n};\n\nconst Option: React.FC<OptionProps> = React.forwardRef<\n  HTMLDivElement,\n  OptionProps\n>(({ className, children, value, ...props }, ref) => (\n  <SelectItem ref={ref} value={value} className={cn('', className)} {...props}>\n    {children}\n  </SelectItem>\n));\n\nOption.displayName = 'Option';\n\nSelect.Option = Option;\n\nexport { Select };\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,SAAS,eAAe;AAgD3B,SAYI,KAZJ;AArBJ,IAAMA,UAAoE,CAAC;AAAA,EACzE;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,OAAO;AACX,UAAM,SAAS,QAAQ,UAAU,WAAS;AACxC,UAAI,MAAM,eAAe,KAAK,KAAK,MAAM,MAAM,UAAU,OAAO;AAC9D,eAAO,MAAM,MAAM;AAAA,MACrB;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,QAAQ,CAAC;AACpB,UAAQ,IAAI,QAAQ;AACpB,SACE,qBAAC,UAAc,OAAc,eAAe,UAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,WAAW;AAAA,UACpB,SAAS,YAAY;AAAA,UACrB,SAAS,WAAW;AAAA,UACpB;AAAA,QACF;AAAA,QACA,OAAO,EAAE,MAAM;AAAA,QACd,GAAG;AAAA,QAEJ,8BAAC,eAAa,wBAAa;AAAA;AAAA,IAC7B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,CAAC,qBAAqB;AAAA,QACxB;AAAA,QAEA,8BAAC,eACE,gBAAM,SAAS,IAAI,UAAU,WAAS;AACrC,kBAAQ,IAAI,KAAK;AACjB,cAAI,MAAM,eAAe,KAAK,GAAG;AAC/B,kBAAMC,SAAQ,MAAM;AACpB,mBAAO,oBAAC,UAAQ,GAAGA,QAAQ,iBAAM;AAAA,UACnC;AACA,iBAAO;AAAA,QACT,CAAC,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAM,SAAgC,MAAM,WAG1C,CAAC,EAAE,WAAW,UAAU,OAAO,GAAG,MAAM,GAAG,QAC3C,oBAAC,cAAW,KAAU,OAAc,WAAW,GAAG,IAAI,SAAS,GAAI,GAAG,OACnE,UACH,CACD;AAED,OAAO,cAAc;AAErBD,QAAO,SAAS;","names":["Select","props"]}

package/dist/components/Select/select.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/Select/select.js

@@ -0,0 +1,28 @@
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+} from "../../chunk-GKAPQ7LN.js";
+import "../../chunk-AGOKIWZZ.js";
+import "../../chunk-CJQCVR64.js";
+import "../../chunk-5IEZKHNQ.js";
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+};
+//# sourceMappingURL=select.js.map

package/dist/components/Select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+type SkeletonVariants = 'text' | 'circle' | 'rect';
+type SkeletonAnimations = 'none' | 'pulse' | 'wave';
+interface SkeletonBaseProps {
+    animation?: SkeletonAnimations;
+    width?: string;
+    height?: string;
+    variant?: SkeletonVariants;
+    style?: React__default.CSSProperties;
+}
+type NativeAttrs = Omit<React__default.HTMLAttributes<any>, keyof SkeletonBaseProps>;
+type SkeletonProps = React__default.PropsWithChildren<SkeletonBaseProps & NativeAttrs>;
+declare const Skeleton: React__default.FC<SkeletonProps>;
+
+export { Skeleton, type SkeletonProps };

package/dist/components/Skeleton/index.js

@@ -0,0 +1,7 @@
+import {
+  Skeleton
+} from "../../chunk-H3V3K4DD.js";
+export {
+  Skeleton
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+interface SkeletonContainerProps {
+    children?: React__default.ReactNode;
+    shown?: boolean;
+    style?: React__default.CSSProperties;
+}
+type NativeAttrs = Omit<React__default.HTMLAttributes<any>, keyof SkeletonContainerProps>;
+declare type Props = SkeletonContainerProps & NativeAttrs;
+declare const SkeletonContainer: ({ children, shown, style, }: Props) => react_jsx_runtime.JSX.Element;
+
+export { type Props, SkeletonContainer };

package/dist/components/SkeletonContainer/index.js

@@ -0,0 +1,8 @@
+import {
+  SkeletonContainer
+} from "../../chunk-OGYP6XKU.js";
+import "../../chunk-H3V3K4DD.js";
+export {
+  SkeletonContainer
+};
+//# sourceMappingURL=index.js.map

package/dist/components/SkeletonContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/SkeletonContainer copy/index.js

@@ -0,0 +1,18 @@
+import {
+  Skeleton
+} from "../../chunk-H3V3K4DD.js";
+
+// src/components/SkeletonContainer copy/index.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+var SkeletonStyle = { display: "flex", flex: 1, maxWidth: "initial" };
+var SkeletonContainer = ({
+  children,
+  shown = false,
+  style
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: shown ? /* @__PURE__ */ jsx(Skeleton, { style: { ...SkeletonStyle, ...style }, children }) : children });
+};
+export {
+  SkeletonContainer
+};
+//# sourceMappingURL=index.js.map

package/dist/components/SkeletonContainer copy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SkeletonContainer copy/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Skeleton } from '../Skeleton';\n\ninterface SkeletonContainerProps {\n  children?: React.ReactNode;\n  shown?: boolean;\n  style?: React.CSSProperties;\n}\ntype NativeAttrs = Omit<\n  React.HTMLAttributes<any>,\n  keyof SkeletonContainerProps\n>;\nexport declare type Props = SkeletonContainerProps & NativeAttrs;\nconst SkeletonStyle = { display: 'flex', flex: 1, maxWidth: 'initial' };\nexport const SkeletonContainer = ({\n  children,\n  shown = false,\n  style,\n}: Props) => {\n  return (\n    <>\n      {shown ? (\n        <Skeleton style={{ ...SkeletonStyle, ...style }}>{children}</Skeleton>\n      ) : (\n        children\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;AAoBI,mBAEI,WAFJ;AAPJ,IAAM,gBAAgB,EAAE,SAAS,QAAQ,MAAM,GAAG,UAAU,UAAU;AAC/D,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR;AACF,MAAa;AACX,SACE,gCACG,kBACC,oBAAC,YAAS,OAAO,EAAE,GAAG,eAAe,GAAG,MAAM,GAAI,UAAS,IAE3D,UAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,9 @@
+import { FC, ComponentProps } from 'react';
+
+interface SpinProps extends ComponentProps<'div'> {
+    size?: 'default' | 'small';
+    spinning?: boolean;
+}
+declare const Spin: FC<SpinProps>;
+
+export { Spin };

package/dist/components/Spin/index.js

@@ -0,0 +1,7 @@
+import {
+  Spin
+} from "../../chunk-XCKMXAL2.js";
+export {
+  Spin
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Spin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,18 @@
+import { TooltipProps } from '../Tooltip/index.js';
+import React__default from 'react';
+import '@cfx-kit/ui-components/dist/Tooltip';
+
+type NormalTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error' | 'primary';
+type TextProps = {
+    children?: React__default.ReactNode;
+    maxWidth?: string;
+    maxCount?: number;
+    hoverValue?: React__default.ReactNode;
+    hoverValueMaxCount?: number;
+    tag?: 'p' | 'span';
+    type?: NormalTypes;
+};
+type NativeAttrs = Omit<React__default.HTMLAttributes<any>, keyof TextProps>;
+declare const Text: React__default.MemoExoticComponent<({ className, children, maxWidth, maxCount, hoverValue, hoverValueMaxCount: outerHoverValueMaxCount, tag, type, ...props }: NativeAttrs & TextProps) => React__default.FunctionComponentElement<TooltipProps>>;
+
+export { Text };

package/dist/components/Text/index.js

@@ -0,0 +1,12 @@
+import {
+  Text
+} from "../../chunk-4V4K4OJ4.js";
+import "../../chunk-FXBVUGRI.js";
+import "../../chunk-AGOKIWZZ.js";
+import "../../chunk-CJQCVR64.js";
+import "../../chunk-YVIZX6QJ.js";
+import "../../chunk-5IEZKHNQ.js";
+export {
+  Text
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+/**
+ *
+ * TextLogo
+ *
+ */
+
+declare const TextLogo: React__default.FC<{
+    color?: string;
+}>;
+
+export { TextLogo };

package/dist/components/TextLogo/index.js

@@ -0,0 +1,32 @@
+// src/components/TextLogo/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TextLogo = function({
+  color = "currentColor"
+} = {}) {
+  return /* @__PURE__ */ jsxs("svg", { width: "58px", height: "22px", viewBox: "0 0 79 30", children: [
+    /* @__PURE__ */ jsx("title", { children: "scan text" }),
+    /* @__PURE__ */ jsx("g", { id: "Page-1", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs("g", { id: "scan-text", fillRule: "nonzero", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.4198632,0.271168831 L9.4198632,2.39953901 L2.26599481,2.39953901 L2.26599481,7.41818623 L9.4198632,7.41818623 L9.4198632,9.54655641 L0.135584416,9.54655641 L0.135584416,0.271168831 L9.4198632,0.271168831 Z M20.6704196,0.271168831 L20.6704196,9.54655641 L11.3861408,9.54655641 L11.3861408,0.271168831 L20.6704196,0.271168831 Z M31.9209759,0.271168831 L31.9209759,9.54655641 L29.7905655,9.54655641 L29.7905655,2.39953901 L24.7654496,2.39953901 L24.7654496,9.54655641 L22.6366972,9.54655641 L22.6366972,0.271168831 L31.9209759,0.271168831 Z M43.0621104,0.271168831 L43.0621104,2.39953901 L35.9612952,2.39953901 L35.9612952,3.81734827 L40.7128565,3.81734827 L40.7128565,6.00037697 L35.9612952,6.00037697 L35.9612952,9.54655641 L33.7778317,9.54655641 L33.7778317,0.271168831 L43.0621104,0.271168831 Z M47.1571406,0.271168831 L47.1571406,7.41818623 L52.1822565,7.41818623 L52.1822565,4.90886262 L54.3126669,4.90886262 L54.3126669,9.54655641 L45.0283882,9.54655641 L45.0283882,0.271168831 L47.1571406,0.271168831 Z M58.1905112,0.271168831 L58.1905112,7.41818623 L63.2139691,7.41818623 L63.2139691,0.271168831 L65.3443795,0.271168831 L65.3443795,9.54655641 L56.0601008,9.54655641 L56.0601008,0.271168831 L58.1905112,0.271168831 Z M69.7676753,0.271168831 L69.7676753,1.21030182 L72.1699824,3.61030837 L74.5739475,1.21030182 L74.5739475,0.271168831 L76.8121217,0.271168831 L76.8121217,2.44260332 L74.3451562,4.90886262 L74.5739475,5.13743466 L76.8121217,7.37512193 L76.8121217,9.54655641 L74.5739475,9.54655641 L74.5739475,8.60742343 L72.1699824,6.20576057 L69.7676753,8.60742343 L69.7676753,9.54655641 L67.527843,9.54655641 L67.527843,7.37512193 L69.7676753,5.13743466 L69.9964664,4.90886262 L67.527843,2.44260332 L67.527843,0.271168831 L69.7676753,0.271168831 Z M18.5383513,2.39953901 L13.5165511,2.39953901 L13.5165511,7.41818623 L18.5383513,7.41818623 L18.5383513,2.39953901 Z",
+          id: "Conflux",
+          fillOpacity: "0.8",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18.0680004,29.4675208 L18.0680004,18.2585447 L4.62112091,18.2585447 L4.62112091,16.0206414 L18.0680004,16.0206414 L18.0680004,11.5351049 L0.135584416,11.5351049 L0.135584416,22.7440811 L13.582464,22.7440811 L13.582464,24.9819843 L0.135584416,24.9819843 L0.135584416,29.4675208 L18.0680004,29.4675208 Z M37.8554938,29.4675208 L37.8554938,24.9819843 L24.4086145,24.9819843 L24.4086145,16.0206414 L37.8554938,16.0206414 L37.8554938,11.5351049 L19.9230779,11.5351049 L19.9230779,29.4675208 L37.8554938,29.4675208 Z M57.5149678,29.3395012 L57.5149678,11.5351049 L39.7105715,11.5351049 L39.7105715,15.9807691 L53.0693034,15.9807691 L53.0693034,18.2090361 L39.7105715,18.2090361 L39.7105715,24.8829673 L39.7105715,29.3395012 L57.5149678,29.3395012 Z M53.0693034,24.8829673 L43.6544227,24.8829673 L43.6544227,22.6764395 L53.0693034,22.6818743 L53.0693034,24.8829673 Z M63.9836014,29.4675208 L63.9836014,16.0206414 L72.9449444,16.0206414 L72.9449444,29.4675208 L77.4304809,29.4675208 L77.4304809,11.5351049 L59.4980649,11.5351049 L59.4980649,29.4675208 L63.9836014,29.4675208 Z",
+          id: "SCAN",
+          fill: color
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  TextLogo
+};
+//# sourceMappingURL=index.js.map

package/dist/components/TextLogo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TextLogo/index.tsx"],"sourcesContent":["/**\n *\n * TextLogo\n *\n */\nimport React from 'react';\n\nexport const TextLogo: React.FC<{ color?: string }> = function ({\n  color = 'currentColor',\n} = {}) {\n  return (\n    <svg width=\"58px\" height=\"22px\" viewBox=\"0 0 79 30\">\n      <title>scan text</title>\n      <g id=\"Page-1\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n        <g id=\"scan-text\" fillRule=\"nonzero\">\n          <path\n            d=\"M9.4198632,0.271168831 L9.4198632,2.39953901 L2.26599481,2.39953901 L2.26599481,7.41818623 L9.4198632,7.41818623 L9.4198632,9.54655641 L0.135584416,9.54655641 L0.135584416,0.271168831 L9.4198632,0.271168831 Z M20.6704196,0.271168831 L20.6704196,9.54655641 L11.3861408,9.54655641 L11.3861408,0.271168831 L20.6704196,0.271168831 Z M31.9209759,0.271168831 L31.9209759,9.54655641 L29.7905655,9.54655641 L29.7905655,2.39953901 L24.7654496,2.39953901 L24.7654496,9.54655641 L22.6366972,9.54655641 L22.6366972,0.271168831 L31.9209759,0.271168831 Z M43.0621104,0.271168831 L43.0621104,2.39953901 L35.9612952,2.39953901 L35.9612952,3.81734827 L40.7128565,3.81734827 L40.7128565,6.00037697 L35.9612952,6.00037697 L35.9612952,9.54655641 L33.7778317,9.54655641 L33.7778317,0.271168831 L43.0621104,0.271168831 Z M47.1571406,0.271168831 L47.1571406,7.41818623 L52.1822565,7.41818623 L52.1822565,4.90886262 L54.3126669,4.90886262 L54.3126669,9.54655641 L45.0283882,9.54655641 L45.0283882,0.271168831 L47.1571406,0.271168831 Z M58.1905112,0.271168831 L58.1905112,7.41818623 L63.2139691,7.41818623 L63.2139691,0.271168831 L65.3443795,0.271168831 L65.3443795,9.54655641 L56.0601008,9.54655641 L56.0601008,0.271168831 L58.1905112,0.271168831 Z M69.7676753,0.271168831 L69.7676753,1.21030182 L72.1699824,3.61030837 L74.5739475,1.21030182 L74.5739475,0.271168831 L76.8121217,0.271168831 L76.8121217,2.44260332 L74.3451562,4.90886262 L74.5739475,5.13743466 L76.8121217,7.37512193 L76.8121217,9.54655641 L74.5739475,9.54655641 L74.5739475,8.60742343 L72.1699824,6.20576057 L69.7676753,8.60742343 L69.7676753,9.54655641 L67.527843,9.54655641 L67.527843,7.37512193 L69.7676753,5.13743466 L69.9964664,4.90886262 L67.527843,2.44260332 L67.527843,0.271168831 L69.7676753,0.271168831 Z M18.5383513,2.39953901 L13.5165511,2.39953901 L13.5165511,7.41818623 L18.5383513,7.41818623 L18.5383513,2.39953901 Z\"\n            id=\"Conflux\"\n            fillOpacity=\"0.8\"\n            fill={color}\n          ></path>\n          <path\n            d=\"M18.0680004,29.4675208 L18.0680004,18.2585447 L4.62112091,18.2585447 L4.62112091,16.0206414 L18.0680004,16.0206414 L18.0680004,11.5351049 L0.135584416,11.5351049 L0.135584416,22.7440811 L13.582464,22.7440811 L13.582464,24.9819843 L0.135584416,24.9819843 L0.135584416,29.4675208 L18.0680004,29.4675208 Z M37.8554938,29.4675208 L37.8554938,24.9819843 L24.4086145,24.9819843 L24.4086145,16.0206414 L37.8554938,16.0206414 L37.8554938,11.5351049 L19.9230779,11.5351049 L19.9230779,29.4675208 L37.8554938,29.4675208 Z M57.5149678,29.3395012 L57.5149678,11.5351049 L39.7105715,11.5351049 L39.7105715,15.9807691 L53.0693034,15.9807691 L53.0693034,18.2090361 L39.7105715,18.2090361 L39.7105715,24.8829673 L39.7105715,29.3395012 L57.5149678,29.3395012 Z M53.0693034,24.8829673 L43.6544227,24.8829673 L43.6544227,22.6764395 L53.0693034,22.6818743 L53.0693034,24.8829673 Z M63.9836014,29.4675208 L63.9836014,16.0206414 L72.9449444,16.0206414 L72.9449444,29.4675208 L77.4304809,29.4675208 L77.4304809,11.5351049 L59.4980649,11.5351049 L59.4980649,29.4675208 L63.9836014,29.4675208 Z\"\n            id=\"SCAN\"\n            fill={color}\n          ></path>\n        </g>\n      </g>\n    </svg>\n  );\n};\n"],"mappings":";AAYM,cAEE,YAFF;AALC,IAAM,WAAyC,SAAU;AAAA,EAC9D,QAAQ;AACV,IAAI,CAAC,GAAG;AACN,SACE,qBAAC,SAAI,OAAM,QAAO,QAAO,QAAO,SAAQ,aACtC;AAAA,wBAAC,WAAM,uBAAS;AAAA,IAChB,oBAAC,OAAE,IAAG,UAAS,aAAY,KAAI,MAAK,QAAO,UAAS,WAClD,+BAAC,OAAE,IAAG,aAAY,UAAS,WACzB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,IAAG;AAAA,UACH,aAAY;AAAA,UACZ,MAAM;AAAA;AAAA,MACP;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,IAAG;AAAA,UACH,MAAM;AAAA;AAAA,MACP;AAAA,OACH,GACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,11 @@
+import React__default, { ComponentProps, HTMLAttributes } from 'react';
+import _Tooltip from '@cfx-kit/ui-components/dist/Tooltip';
+
+interface TooltipProps extends Omit<ComponentProps<typeof _Tooltip>, 'trigger' | 'containerClassName'> {
+    title: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    triggerProps?: HTMLAttributes<HTMLElement>;
+}
+declare const Tooltip: React__default.FC<TooltipProps>;
+
+export { Tooltip, type TooltipProps };

package/dist/components/Tooltip/index.js

@@ -0,0 +1,8 @@
+import {
+  Tooltip
+} from "../../chunk-YVIZX6QJ.js";
+import "../../chunk-5IEZKHNQ.js";
+export {
+  Tooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/icon-gas-5GGIE2EY.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1455_21176)">
+<path d="M10.4278 13.7648V7.08978H10.883C11.1347 7.08978 11.3379 7.29303 11.3379 7.54486V11.7926C11.3379 12.8817 12.2209 13.7648 13.3101 13.7648C14.3993 13.7648 15.2823 12.8818 15.2823 11.7926V3.62489C15.2823 3.197 15.1063 2.81183 14.8242 2.53565L13.216 0.936888C12.9249 0.645325 12.4545 0.645325 12.1632 0.936888C11.872 1.22812 11.872 1.69839 12.1632 1.98936L13.2071 3.03617L12.4364 3.84033C12.1847 4.09803 12.1847 4.51378 12.4364 4.77184C12.5605 4.90517 12.7277 4.96889 12.8945 4.96594L13.7653 4.963V11.7926C13.7653 12.0445 13.5621 12.2477 13.3102 12.2477C13.0584 12.2477 12.8551 12.0445 12.8551 11.7926V7.54483C12.8551 6.45565 11.9722 5.57275 10.883 5.57275H10.4279V1.93183C10.4279 1.26136 9.88466 0.718263 9.21417 0.718263H2.84263C2.17211 0.718263 1.62895 1.2614 1.62895 1.93183V13.7647H1.47725C1.05859 13.7647 0.71875 14.1045 0.71875 14.5233C0.71875 14.942 1.05859 15.2817 1.47725 15.2817H10.5795C10.9982 15.2817 11.3379 14.942 11.3379 14.5233C11.3379 14.1046 10.9982 13.7647 10.5795 13.7647H10.4278L10.4278 13.7648ZM3.8135 2.23525H8.24319C8.61322 2.23525 8.91074 2.53273 8.91074 2.90283V6.11878C8.91074 6.48889 8.61319 6.78631 8.24319 6.78631H3.8135C3.44344 6.78631 3.14597 6.48887 3.14597 6.11878V2.90283C3.14598 2.53272 3.4435 2.23525 3.8135 2.23525Z" fill="#424A71"/>
+</g>
+<defs>
+<clipPath id="clip0_1455_21176">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/info-LDHHCVQK.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>info  18px</title>
+    <g id="Token-ERC20/721/1155-Topacc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="增加-FC-质押-CFX-的入口" transform="translate(-334.000000, -538.000000)" fill="#9B9EAC" fill-rule="nonzero">
+            <g id="info--18px" transform="translate(334.000000, 538.000000)">
+                <path d="M9,0.75 C13.5563492,0.75 17.25,4.44365081 17.25,9 C17.25,13.5563492 13.5563492,17.25 9,17.25 C4.44365081,17.25 0.75,13.5563492 0.75,9 C0.75,4.44365081 4.44365081,0.75 9,0.75 Z M9,2.25 C5.27207794,2.25 2.25,5.27207794 2.25,9 C2.25,12.7279221 5.27207794,15.75 9,15.75 C12.7279221,15.75 15.75,12.7279221 15.75,9 C15.75,5.27207794 12.7279221,2.25 9,2.25 Z M9,8.25 C9.38462688,8.25 9.70163037,8.53953014 9.7449542,8.91253416 L9.75,9 L9.75,12 C9.75,12.4142136 9.41421356,12.75 9,12.75 C8.61537312,12.75 8.29836963,12.4604699 8.2550458,12.0874658 L8.25,12 L8.25,9 C8.25,8.58578644 8.58578644,8.25 9,8.25 Z M9.0075,5.25 C9.42171356,5.25 9.7575,5.58578644 9.7575,6 C9.7575,6.38462688 9.46796986,6.70163037 9.09496584,6.7449542 L9,6.75 C8.58578644,6.75 8.25,6.41421356 8.25,6 C8.25,5.61537312 8.53953014,5.29836963 8.91253416,5.2550458 L9.0075,5.25 Z" id="形状结合"></path>
+            </g>
+        </g>
+    </g>
+</svg>