tiny-ui 1.0.3 → 1.0.4

package/es/tree/tree.js

@@ -1,32 +1,50 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import React, { useContext, useRef, useState } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { TreeInstance } from './tree-instance';
-import TreeNode from './tree-node';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { TreeInstance } from "./tree-instance.js";
+import TreeNode from "./tree-node.js";
+import React, { createElement, useContext, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region components/tree/tree.tsx
 const Tree = React.forwardRef((props, ref) => {
-    const { data = [], defaultCheckedKeys = [], defaultExpandedKeys = [], defaultExpandAll = false, indent = 20, blockNode = true, checkable = false, disabled = false, onCheck, onExpand, className, prefixCls: customisedCls, } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('tree', configContext.prefixCls, customisedCls);
-    const cls = classNames(prefixCls, className);
-    const treeInstance = useRef(new TreeInstance(data, defaultCheckedKeys, defaultExpandedKeys, defaultExpandAll));
-    const [treeNodes, setTreeNodes] = useState(treeInstance.current.nodes);
-    const onCheckboxChange = (key, e) => {
-        const tree = treeInstance.current;
-        tree.setNodeChecked(key, e.currentTarget.checked);
-        setTreeNodes([...treeInstance.current.nodes]);
-        onCheck && onCheck(tree.getCheckedKeys(), e);
-    };
-    const onExpandChange = (key, isExpanded, e) => {
-        const tree = treeInstance.current;
-        tree.setNodeExpanded(key, isExpanded);
-        setTreeNodes([...treeInstance.current.nodes]);
-        onExpand && onExpand(tree.getExpandedKeys(), e);
-    };
-    return (_jsx("ul", { className: cls, ref: ref, role: "tree", "aria-level": 0, children: treeNodes.map((item) => (_createElement(TreeNode, { ...props, key: item.uniqueKey, node: item, level: 0, indent: indent, blockNode: blockNode, checkable: checkable, disabled: disabled, treeClassName: cls, onCheckboxChange: onCheckboxChange, onExpandChange: onExpandChange }))) }));
+	const { data = [], defaultCheckedKeys = [], defaultExpandedKeys = [], defaultExpandAll = false, indent = 20, blockNode = true, checkable = false, disabled = false, onCheck, onExpand, className, prefixCls: customisedCls } = props;
+	const cls = classNames(getPrefixCls("tree", useContext(ConfigContext).prefixCls, customisedCls), className);
+	const treeInstance = useRef(new TreeInstance(data, defaultCheckedKeys, defaultExpandedKeys, defaultExpandAll));
+	const [treeNodes, setTreeNodes] = useState(treeInstance.current.nodes);
+	const onCheckboxChange = (key, e) => {
+		const tree = treeInstance.current;
+		tree.setNodeChecked(key, e.currentTarget.checked);
+		setTreeNodes([...treeInstance.current.nodes]);
+		onCheck && onCheck(tree.getCheckedKeys(), e);
+	};
+	const onExpandChange = (key, isExpanded, e) => {
+		const tree = treeInstance.current;
+		tree.setNodeExpanded(key, isExpanded);
+		setTreeNodes([...treeInstance.current.nodes]);
+		onExpand && onExpand(tree.getExpandedKeys(), e);
+	};
+	return /* @__PURE__ */ jsx("ul", {
+		className: cls,
+		ref,
+		role: "tree",
+		"aria-level": 0,
+		children: treeNodes.map((item) => /* @__PURE__ */ createElement(TreeNode, {
+			...props,
+			key: item.uniqueKey,
+			node: item,
+			level: 0,
+			indent,
+			blockNode,
+			checkable,
+			disabled,
+			treeClassName: cls,
+			onCheckboxChange,
+			onExpandChange
+		}))
+	});
 });
-Tree.displayName = 'Tree';
-export default Tree;
+Tree.displayName = "Tree";
+//#endregion
+export { Tree as default };
+
 //# sourceMappingURL=tree.js.map

package/es/tree/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../components/tree/tree.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tree.js","names":[],"sources":["../../components/tree/tree.tsx"],"sourcesContent":["import React, { useContext, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { TreeProps } from './types';\nimport { TreeInstance } from './tree-instance';\nimport TreeNode from './tree-node';\n\nconst Tree = React.forwardRef<HTMLUListElement, TreeProps>(\n  (props: TreeProps, ref): JSX.Element => {\n    const {\n      data = [],\n      defaultCheckedKeys = [],\n      defaultExpandedKeys = [],\n      defaultExpandAll = false,\n      indent = 20,\n      blockNode = true,\n      checkable = false,\n      disabled = false,\n      onCheck,\n      onExpand,\n      className,\n      prefixCls: customisedCls,\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('tree', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const treeInstance = useRef(\n      new TreeInstance(data, defaultCheckedKeys, defaultExpandedKeys, defaultExpandAll)\n    );\n    const [treeNodes, setTreeNodes] = useState(treeInstance.current.nodes);\n\n    const onCheckboxChange = (key: string, e: React.ChangeEvent<HTMLInputElement>) => {\n      const tree = treeInstance.current;\n      tree.setNodeChecked(key, e.currentTarget.checked);\n      setTreeNodes([...treeInstance.current.nodes]);\n      onCheck && onCheck(tree.getCheckedKeys(), e);\n    };\n\n    const onExpandChange = (key: string, isExpanded: boolean, e: React.MouseEvent) => {\n      const tree = treeInstance.current;\n      tree.setNodeExpanded(key, isExpanded);\n      setTreeNodes([...treeInstance.current.nodes]);\n      onExpand && onExpand(tree.getExpandedKeys(), e);\n    };\n\n    return (\n      <ul className={cls} ref={ref} role=\"tree\" aria-level={0}>\n        {treeNodes.map((item) => (\n          <TreeNode\n            {...props}\n            key={item.uniqueKey}\n            node={item}\n            level={0}\n            indent={indent}\n            blockNode={blockNode}\n            checkable={checkable}\n            disabled={disabled}\n            treeClassName={cls}\n            onCheckboxChange={onCheckboxChange}\n            onExpandChange={onExpandChange}\n          />\n        ))}\n      </ul>\n    );\n  }\n);\n\nTree.displayName = 'Tree';\n\nexport default Tree;\n"],"mappings":";;;;;;;;AAQA,MAAM,OAAO,MAAM,YAChB,OAAkB,QAAqB;CACtC,MAAM,EACJ,OAAO,EAAE,EACT,qBAAqB,EAAE,EACvB,sBAAsB,EAAE,EACxB,mBAAmB,OACnB,SAAS,IACT,YAAY,MACZ,YAAY,OACZ,WAAW,OACX,SACA,UACA,WACA,WAAW,kBACT;CAGJ,MAAM,MAAM,WADM,aAAa,QADT,WAAW,cAAc,CACM,WAAW,cAAc,EAC5C,UAAU;CAC5C,MAAM,eAAe,OACnB,IAAI,aAAa,MAAM,oBAAoB,qBAAqB,iBAAiB,CAClF;CACD,MAAM,CAAC,WAAW,gBAAgB,SAAS,aAAa,QAAQ,MAAM;CAEtE,MAAM,oBAAoB,KAAa,MAA2C;EAChF,MAAM,OAAO,aAAa;AAC1B,OAAK,eAAe,KAAK,EAAE,cAAc,QAAQ;AACjD,eAAa,CAAC,GAAG,aAAa,QAAQ,MAAM,CAAC;AAC7C,aAAW,QAAQ,KAAK,gBAAgB,EAAE,EAAE;;CAG9C,MAAM,kBAAkB,KAAa,YAAqB,MAAwB;EAChF,MAAM,OAAO,aAAa;AAC1B,OAAK,gBAAgB,KAAK,WAAW;AACrC,eAAa,CAAC,GAAG,aAAa,QAAQ,MAAM,CAAC;AAC7C,cAAY,SAAS,KAAK,iBAAiB,EAAE,EAAE;;AAGjD,QACE,oBAAC,MAAD;EAAI,WAAW;EAAU;EAAK,MAAK;EAAO,cAAY;YACnD,UAAU,KAAK,SACd,8BAAC,UAAD;GACE,GAAI;GACJ,KAAK,KAAK;GACV,MAAM;GACN,OAAO;GACC;GACG;GACA;GACD;GACV,eAAe;GACG;GACF;GAChB,CAAA,CACF;EACC,CAAA;EAGV;AAED,KAAK,cAAc"}

package/es/tree/types.d.ts

@@ -1,23 +1,28 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-export type TreeData = {
-    key?: string;
-    title?: React.ReactNode;
-    disableCheckbox?: boolean;
-    disabled?: boolean;
-    icon?: (isExpanded: boolean) => React.ReactNode;
-    children?: TreeData[];
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region components/tree/types.d.ts
+type TreeData = {
+  key?: string;
+  title?: React.ReactNode;
+  disableCheckbox?: boolean;
+  disabled?: boolean;
+  icon?: (isExpanded: boolean) => React.ReactNode;
+  children?: TreeData[];
 };
-export interface TreeProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['ul']>, 'onSelect'> {
-    data?: TreeData[];
-    indent?: number;
-    checkable?: boolean;
-    blockNode?: boolean;
-    disabled?: boolean;
-    defaultCheckedKeys?: string[];
-    defaultExpandedKeys?: string[];
-    defaultExpandAll?: boolean;
-    icon?: (isExpanded: boolean) => React.ReactNode;
-    onCheck?: (checkedKeys: string[], e: React.ChangeEvent) => void;
-    onExpand?: (expandedKeys: string[], e: React.MouseEvent) => void;
+interface TreeProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['ul']>, 'onSelect'> {
+  data?: TreeData[];
+  indent?: number;
+  checkable?: boolean;
+  blockNode?: boolean;
+  disabled?: boolean;
+  defaultCheckedKeys?: string[];
+  defaultExpandedKeys?: string[];
+  defaultExpandAll?: boolean;
+  icon?: (isExpanded: boolean) => React.ReactNode;
+  onCheck?: (checkedKeys: string[], e: React.ChangeEvent) => void;
+  onExpand?: (expandedKeys: string[], e: React.MouseEvent) => void;
 }
+//#endregion
+export { TreeProps };
+//# sourceMappingURL=types.d.ts.map

package/es/typography/heading.d.ts

@@ -1,3 +1,7 @@
-import { HeadingProps } from './types';
+import { HeadingProps } from "./types.js";
+
+//#region components/typography/heading.d.ts
 declare const Heading: (props: HeadingProps) => JSX.Element | null;
-export default Heading;
+//#endregion
+export { Heading };
+//# sourceMappingURL=heading.d.ts.map

package/es/typography/heading.js

@@ -1,31 +1,31 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region components/typography/heading.tsx
 const headingGenerator = (htmlType, displayName) => {
-    const Component = React.forwardRef((props, ref) => {
-        const { prefixCls: customisedCls, className, children, ...otherProps } = props;
-        const configContext = useContext(ConfigContext);
-        const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);
-        const cls = classNames(prefixCls, className);
-        return React.createElement(htmlType, {
-            ...otherProps,
-            ref,
-            className: cls,
-        }, children);
-    });
-    Component.displayName = displayName;
-    return Component;
+	const Component = React.forwardRef((props, ref) => {
+		const { prefixCls: customisedCls, className, children, ...otherProps } = props;
+		const cls = classNames(getPrefixCls("typography", useContext(ConfigContext).prefixCls, customisedCls), className);
+		return React.createElement(htmlType, {
+			...otherProps,
+			ref,
+			className: cls
+		}, children);
+	});
+	Component.displayName = displayName;
+	return Component;
 };
 const Heading = (props) => {
-    const { level = 1, ...otherProps } = props;
-    if (level < 1 || level > 6) {
-        console.warn('The heading level parameter is invalid.');
-        return null;
-    }
-    const Component = headingGenerator(`h${level}`, `H${level}`);
-    return _jsx(Component, { ...otherProps });
+	const { level = 1, ...otherProps } = props;
+	if (level < 1 || level > 6) {
+		console.warn("The heading level parameter is invalid.");
+		return null;
+	}
+	return /* @__PURE__ */ jsx(headingGenerator(`h${level}`, `H${level}`), { ...otherProps });
 };
-export default Heading;
+//#endregion
+export { Heading as default };
+
 //# sourceMappingURL=heading.js.map

package/es/typography/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../components/typography/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,WAAmB,EAAE,EAAE;IACjE,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,KAAmB,EAAE,GAAG,EAAe,EAAE;QACxC,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;QAC/E,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;QAChD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACrF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE7C,OAAO,KAAK,CAAC,aAAa,CACxB,QAAQ,EACR;YACE,GAAG,UAAU;YACb,GAAG;YACH,SAAS,EAAE,GAAG;SACf,EACD,QAAQ,CACT,CAAC;IACJ,CAAC,CACF,CAAC;IAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IAEpC,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAsB,EAAE;IAC1D,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC3C,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAC;QACxD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,KAAK,EAAE,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC;IAC7D,OAAO,KAAC,SAAS,OAAK,UAAU,GAAI,CAAC;AACvC,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../components/typography/heading.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { HeadingProps } from './types';\n\nconst headingGenerator = (htmlType: string, displayName: string) => {\n  const Component = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n    (props: HeadingProps, ref): JSX.Element => {\n      const { prefixCls: customisedCls, className, children, ...otherProps } = props;\n      const configContext = useContext(ConfigContext);\n      const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n      const cls = classNames(prefixCls, className);\n\n      return React.createElement(\n        htmlType,\n        {\n          ...otherProps,\n          ref,\n          className: cls,\n        },\n        children\n      );\n    }\n  );\n\n  Component.displayName = displayName;\n\n  return Component;\n};\n\nconst Heading = (props: HeadingProps): JSX.Element | null => {\n  const { level = 1, ...otherProps } = props;\n  if (level < 1 || level > 6) {\n    console.warn('The heading level parameter is invalid.');\n    return null;\n  }\n  const Component = headingGenerator(`h${level}`, `H${level}`);\n  return <Component {...otherProps} />;\n};\n\nexport default Heading;\n"],"mappings":";;;;;;AAMA,MAAM,oBAAoB,UAAkB,gBAAwB;CAClE,MAAM,YAAY,MAAM,YACrB,OAAqB,QAAqB;EACzC,MAAM,EAAE,WAAW,eAAe,WAAW,UAAU,GAAG,eAAe;EAGzE,MAAM,MAAM,WADM,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc,EAClD,UAAU;AAE5C,SAAO,MAAM,cACX,UACA;GACE,GAAG;GACH;GACA,WAAW;GACZ,EACD,SACD;GAEJ;AAED,WAAU,cAAc;AAExB,QAAO;;AAGT,MAAM,WAAW,UAA4C;CAC3D,MAAM,EAAE,QAAQ,GAAG,GAAG,eAAe;AACrC,KAAI,QAAQ,KAAK,QAAQ,GAAG;AAC1B,UAAQ,KAAK,0CAA0C;AACvD,SAAO;;AAGT,QAAO,oBADW,iBAAiB,IAAI,SAAS,IAAI,QAAQ,EACrD,EAAW,GAAI,YAAc,CAAA"}

package/es/typography/index.d.ts

@@ -1,11 +1,15 @@
-import Heading from './heading';
-import Typography from './typography';
-import Paragraph from './paragraph';
-import Text from './text';
+import { Heading } from "./heading.js";
+import { Typography } from "./typography.js";
+import { Paragraph } from "./paragraph.js";
+import { Text } from "./text.js";
+
+//#region components/typography/index.d.ts
 type ITypography = typeof Typography & {
-    Heading: typeof Heading;
-    Paragraph: typeof Paragraph;
-    Text: typeof Text;
+  Heading: typeof Heading;
+  Paragraph: typeof Paragraph;
+  Text: typeof Text;
 };
 declare const DefaultTypo: ITypography;
-export default DefaultTypo;
+//#endregion
+export { DefaultTypo };
+//# sourceMappingURL=index.d.ts.map

package/es/typography/index.js

@@ -1,10 +1,15 @@
-import Heading from './heading';
-import Typography from './typography';
-import Paragraph from './paragraph';
-import Text from './text';
+import '../style/base.css';
+import './style/index.css';
+import Heading from "./heading.js";
+import Typography from "./typography.js";
+import Paragraph from "./paragraph.js";
+import Text from "./text.js";
+//#region components/typography/index.tsx
 const DefaultTypo = Typography;
 DefaultTypo.Heading = Heading;
 DefaultTypo.Paragraph = Paragraph;
 DefaultTypo.Text = Text;
-export default DefaultTypo;
+//#endregion
+export { DefaultTypo as default };
+
 //# sourceMappingURL=index.js.map

package/es/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAQ1B,MAAM,WAAW,GAAG,UAAyB,CAAC;AAC9C,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,SAAS,GAAG,SAAS,CAAC;AAClC,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;AAExB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/typography/index.tsx"],"sourcesContent":["import Heading from './heading';\nimport Typography from './typography';\nimport Paragraph from './paragraph';\nimport Text from './text';\n\ntype ITypography = typeof Typography & {\n  Heading: typeof Heading;\n  Paragraph: typeof Paragraph;\n  Text: typeof Text;\n};\n\nconst DefaultTypo = Typography as ITypography;\nDefaultTypo.Heading = Heading;\nDefaultTypo.Paragraph = Paragraph;\nDefaultTypo.Text = Text;\n\nexport default DefaultTypo;\n"],"mappings":";;;;;AAWA,MAAM,cAAc;AACpB,YAAY,UAAU;AACtB,YAAY,YAAY;AACxB,YAAY,OAAO"}

package/es/typography/paragraph.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { ParagraphProps } from './types';
+import { ParagraphProps } from "./types.js";
+import React from "react";
+
+//#region components/typography/paragraph.d.ts
 declare const Paragraph: React.ForwardRefExoticComponent<Omit<ParagraphProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export default Paragraph;
+//#endregion
+export { Paragraph };
+//# sourceMappingURL=paragraph.d.ts.map

package/es/typography/paragraph.js

@@ -1,15 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region components/typography/paragraph.tsx
 const Paragraph = React.forwardRef((props, ref) => {
-    const { className, children, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);
-    const cls = classNames(className, prefixCls);
-    return (_jsx("p", { ref: ref, className: cls, ...otherProps, children: children }));
+	const { className, children, prefixCls: customisedCls, ...otherProps } = props;
+	return /* @__PURE__ */ jsx("p", {
+		ref,
+		className: classNames(className, getPrefixCls("typography", useContext(ConfigContext).prefixCls, customisedCls)),
+		...otherProps,
+		children
+	});
 });
-Paragraph.displayName = 'Paragraph';
-export default Paragraph;
+Paragraph.displayName = "Paragraph";
+//#endregion
+export { Paragraph as default };
+
 //# sourceMappingURL=paragraph.js.map

package/es/typography/paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../../components/typography/paragraph.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,KAAqB,EAAE,GAAG,EAAe,EAAE;IAC1C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACrF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CACL,YAAG,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAM,UAAU,YACxC,QAAQ,GACP,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"paragraph.js","names":[],"sources":["../../components/typography/paragraph.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ParagraphProps } from './types';\n\nconst Paragraph = React.forwardRef<HTMLParagraphElement, ParagraphProps>(\n  (props: ParagraphProps, ref): JSX.Element => {\n    const { className, children, prefixCls: customisedCls, ...otherProps } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n    const cls = classNames(className, prefixCls);\n    return (\n      <p ref={ref} className={cls} {...otherProps}>\n        {children}\n      </p>\n    );\n  }\n);\n\nParagraph.displayName = 'Paragraph';\n\nexport default Paragraph;\n"],"mappings":";;;;;;AAMA,MAAM,YAAY,MAAM,YACrB,OAAuB,QAAqB;CAC3C,MAAM,EAAE,WAAW,UAAU,WAAW,eAAe,GAAG,eAAe;AAIzE,QACE,oBAAC,KAAD;EAAQ;EAAK,WAFH,WAAW,WADL,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc,CACxC;EAEb,GAAI;EAC9B;EACC,CAAA;EAGT;AAED,UAAU,cAAc"}

package/es/typography/style/index.css

@@ -0,0 +1,105 @@
+.ty-typography {
+  box-sizing: border-box;
+  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";
+}
+.ty-typography + h1.ty-typography, .ty-typography + h2.ty-typography, .ty-typography + h3.ty-typography, .ty-typography + h4.ty-typography {
+  margin-top: 1.2em;
+}
+.ty-typography + h5.ty-typography, .ty-typography + h6.ty-typography {
+  margin-top: 1.1em;
+}
+.ty-typography ul {
+  list-style-type: circle;
+}
+.ty-typography ul, .ty-typography ol {
+  margin: 0 0 1em;
+  padding: 0;
+}
+.ty-typography ul li, .ty-typography ol li {
+  margin: 0 0 0 20px;
+  padding: 0 0 0 4px;
+}
+.ty-typography code {
+  margin: 0 0.1em;
+  padding: 0.2em 0.4em 0.1em;
+  font-size: 85%;
+  background: var(--ty-typography-code-bg);
+  border: 1px solid var(--ty-typography-code-border);
+  border-radius: 2px;
+}
+.ty-typography mark {
+  padding: 0;
+  background-color: var(--ty-typography-mark-bg);
+}
+.ty-typography u {
+  text-decoration: underline;
+}
+.ty-typography del {
+  text-decoration: line-through;
+}
+.ty-typography strong {
+  font-weight: 600;
+}
+.ty-typography i {
+  font-style: italic;
+}
+.ty-typography sup {
+  vertical-align: super;
+}
+.ty-typography sub {
+  vertical-align: baseline;
+}
+
+h1.ty-typography,
+h2.ty-typography,
+h3.ty-typography,
+h4.ty-typography,
+h5.ty-typography,
+h6.ty-typography {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+  color: var(--ty-typography-heading-color);
+  font-weight: 600;
+}
+
+h1.ty-typography {
+  font-size: 2.5rem;
+  line-height: 1.23;
+}
+
+h2.ty-typography {
+  font-size: 2rem;
+  line-height: 1.35;
+}
+
+h3.ty-typography {
+  font-size: 1.75rem;
+  line-height: 1.35;
+}
+
+h4.ty-typography {
+  font-size: 1.5rem;
+  line-height: 1.4;
+}
+
+h5.ty-typography {
+  font-size: 1.25rem;
+  line-height: 1.2;
+}
+
+h6.ty-typography {
+  font-size: 1rem;
+  line-height: 1.2;
+}
+
+p.ty-typography, div.ty-typography {
+  margin-top: 0;
+  margin-bottom: 1em;
+  color: var(--ty-typography-body-color);
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+span.ty-typography {
+  color: var(--ty-typography-body-color);
+}

package/es/typography/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/typography/style/index.js

@@ -1,2 +1 @@
-import './index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";

package/es/typography/text.d.ts

@@ -1,3 +1,7 @@
-import { TextProps } from './types';
+import { TextProps } from "./types.js";
+
+//#region components/typography/text.d.ts
 declare const Text: (props: TextProps) => JSX.Element;
-export default Text;
+//#endregion
+export { Text };
+//# sourceMappingURL=text.d.ts.map

package/es/typography/text.js

@@ -1,27 +1,31 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region components/typography/text.tsx
 const tagGenerator = (isRequired, tag, element) => {
-    if (!isRequired)
-        return element;
-    return React.createElement(tag, {}, element);
+	if (!isRequired) return element;
+	return React.createElement(tag, {}, element);
 };
 const Text = (props) => {
-    const { code = false, del = false, underline = false, strong = false, italic = false, mark = false, sub = false, sup = false, className, children, prefixCls: customisedCls, ...otherProps } = props;
-    let Node = tagGenerator(code, 'code', children);
-    Node = tagGenerator(del, 'del', Node);
-    Node = tagGenerator(underline, 'u', Node);
-    Node = tagGenerator(strong, 'strong', Node);
-    Node = tagGenerator(italic, 'i', Node);
-    Node = tagGenerator(mark, 'mark', Node);
-    Node = tagGenerator(sub, 'sub', Node);
-    Node = tagGenerator(sup, 'sup', Node);
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);
-    const cls = classNames(className, prefixCls);
-    return (_jsx("span", { ...otherProps, className: cls, children: Node }));
+	const { code = false, del = false, underline = false, strong = false, italic = false, mark = false, sub = false, sup = false, className, children, prefixCls: customisedCls, ...otherProps } = props;
+	let Node = tagGenerator(code, "code", children);
+	Node = tagGenerator(del, "del", Node);
+	Node = tagGenerator(underline, "u", Node);
+	Node = tagGenerator(strong, "strong", Node);
+	Node = tagGenerator(italic, "i", Node);
+	Node = tagGenerator(mark, "mark", Node);
+	Node = tagGenerator(sub, "sub", Node);
+	Node = tagGenerator(sup, "sup", Node);
+	const cls = classNames(className, getPrefixCls("typography", useContext(ConfigContext).prefixCls, customisedCls));
+	return /* @__PURE__ */ jsx("span", {
+		...otherProps,
+		className: cls,
+		children: Node
+	});
 };
-export default Text;
+//#endregion
+export { Text as default };
+
 //# sourceMappingURL=text.js.map

package/es/typography/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../components/typography/text.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,YAAY,GAAG,CACnB,UAAmB,EACnB,GAAW,EACX,OAAwB,EACP,EAAE;IACnB,IAAI,CAAC,UAAU;QAAE,OAAO,OAAO,CAAC;IAChC,OAAO,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAe,EAAE;IAC7C,MAAM,EACJ,IAAI,GAAG,KAAK,EACZ,GAAG,GAAG,KAAK,EACX,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,KAAK,EACZ,GAAG,GAAG,KAAK,EACX,GAAG,GAAG,KAAK,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,IAAI,IAAI,GAAG,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChD,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACtC,IAAI,GAAG,YAAY,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAC1C,IAAI,GAAG,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IAC5C,IAAI,GAAG,YAAY,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IACvC,IAAI,GAAG,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IACxC,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACtC,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAEtC,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACrF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,kBAAU,UAAU,EAAE,SAAS,EAAE,GAAG,YACjC,IAAI,GACA,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"text.js","names":[],"sources":["../../components/typography/text.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { TextProps } from './types';\n\nconst tagGenerator = (\n  isRequired: boolean,\n  tag: string,\n  element: React.ReactNode\n): React.ReactNode => {\n  if (!isRequired) return element;\n  return React.createElement(tag, {}, element);\n};\n\nconst Text = (props: TextProps): JSX.Element => {\n  const {\n    code = false,\n    del = false,\n    underline = false,\n    strong = false,\n    italic = false,\n    mark = false,\n    sub = false,\n    sup = false,\n    className,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n\n  let Node = tagGenerator(code, 'code', children);\n  Node = tagGenerator(del, 'del', Node);\n  Node = tagGenerator(underline, 'u', Node);\n  Node = tagGenerator(strong, 'strong', Node);\n  Node = tagGenerator(italic, 'i', Node);\n  Node = tagGenerator(mark, 'mark', Node);\n  Node = tagGenerator(sub, 'sub', Node);\n  Node = tagGenerator(sup, 'sup', Node);\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n  const cls = classNames(className, prefixCls);\n\n  return (\n    <span {...otherProps} className={cls}>\n      {Node}\n    </span>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;;;AAMA,MAAM,gBACJ,YACA,KACA,YACoB;AACpB,KAAI,CAAC,WAAY,QAAO;AACxB,QAAO,MAAM,cAAc,KAAK,EAAE,EAAE,QAAQ;;AAG9C,MAAM,QAAQ,UAAkC;CAC9C,MAAM,EACJ,OAAO,OACP,MAAM,OACN,YAAY,OACZ,SAAS,OACT,SAAS,OACT,OAAO,OACP,MAAM,OACN,MAAM,OACN,WACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,IAAI,OAAO,aAAa,MAAM,QAAQ,SAAS;AAC/C,QAAO,aAAa,KAAK,OAAO,KAAK;AACrC,QAAO,aAAa,WAAW,KAAK,KAAK;AACzC,QAAO,aAAa,QAAQ,UAAU,KAAK;AAC3C,QAAO,aAAa,QAAQ,KAAK,KAAK;AACtC,QAAO,aAAa,MAAM,QAAQ,KAAK;AACvC,QAAO,aAAa,KAAK,OAAO,KAAK;AACrC,QAAO,aAAa,KAAK,OAAO,KAAK;CAIrC,MAAM,MAAM,WAAW,WADL,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc,CACxC;AAE5C,QACE,oBAAC,QAAD;EAAM,GAAI;EAAY,WAAW;YAC9B;EACI,CAAA"}

package/es/typography/types.d.ts

@@ -1,23 +1,28 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-export interface TypographyProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
-    children?: React.ReactNode;
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region components/typography/types.d.ts
+interface TypographyProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
+  children?: React.ReactNode;
 }
-export interface ParagraphProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['p']> {
-    children?: React.ReactNode;
+interface ParagraphProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['p']> {
+  children?: React.ReactNode;
 }
-export interface HeadingProps extends BaseProps, React.PropsWithRef<React.HTMLAttributes<HTMLHeadingElement>> {
-    level?: number;
-    children?: React.ReactNode;
+interface HeadingProps extends BaseProps, React.PropsWithRef<React.HTMLAttributes<HTMLHeadingElement>> {
+  level?: number;
+  children?: React.ReactNode;
 }
-export interface TextProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['span']> {
-    code?: boolean;
-    del?: boolean;
-    underline?: boolean;
-    strong?: boolean;
-    italic?: boolean;
-    mark?: boolean;
-    sub?: boolean;
-    sup?: boolean;
-    children: React.ReactNode;
+interface TextProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['span']> {
+  code?: boolean;
+  del?: boolean;
+  underline?: boolean;
+  strong?: boolean;
+  italic?: boolean;
+  mark?: boolean;
+  sub?: boolean;
+  sup?: boolean;
+  children: React.ReactNode;
 }
+//#endregion
+export { HeadingProps, ParagraphProps, TextProps, TypographyProps };
+//# sourceMappingURL=types.d.ts.map

package/es/typography/typography.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { TypographyProps } from './types';
+import { TypographyProps } from "./types.js";
+import React from "react";
+
+//#region components/typography/typography.d.ts
 declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export default Typography;
+//#endregion
+export { Typography };
+//# sourceMappingURL=typography.d.ts.map