@tiny-design/react 1.0.4

package/es/layout/sidebar-context.js

@@ -0,0 +1,11 @@
+import React from "react";
+//#region src/layout/sidebar-context.ts
+const noop = () => {};
+const SidebarContext = React.createContext({
+	addSidebar: noop,
+	removeSidebar: noop
+});
+//#endregion
+export { SidebarContext };
+
+//# sourceMappingURL=sidebar-context.js.map

package/es/layout/sidebar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.js","names":[],"sources":["../../src/layout/sidebar-context.ts"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  addSidebar: () => void;\n  removeSidebar: () => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const SidebarContext = React.createContext<Props>({\n  addSidebar: noop,\n  removeSidebar: noop,\n});\n"],"mappings":";;AAQA,MAAM,aAAmB;AAEzB,MAAa,iBAAiB,MAAM,cAAqB;CACvD,YAAY;CACZ,eAAe;CAChB,CAAC"}

package/es/layout/sidebar.d.ts

@@ -0,0 +1,8 @@
+import { SidebarProps } from "./types.js";
+import React from "react";
+
+//#region src/layout/sidebar.d.ts
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<SidebarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Sidebar };
+//# sourceMappingURL=sidebar.d.ts.map

package/es/layout/sidebar.js

@@ -0,0 +1,63 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import icon_default from "../icon/index.js";
+import { SidebarContext } from "./sidebar-context.js";
+import React, { useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/layout/sidebar.tsx
+const Sidebar = React.forwardRef((props, ref) => {
+	const { defaultCollapsed = false, width = 200, collapsedWidth = 70, theme = "light", trigger = null, collapsible = false, onCollapse, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const [sideCollapsed, setSideCollapsed] = useState("collapsed" in props ? props.collapsed : defaultCollapsed);
+	const sidebarContext = useContext(SidebarContext);
+	const sidebarWidth = sideCollapsed ? collapsedWidth : width;
+	const outerStyle = {
+		...style,
+		width: sidebarWidth,
+		maxWidth: sidebarWidth,
+		minWidth: sidebarWidth
+	};
+	const prefixCls = getPrefixCls("layout-sidebar", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, { [`${prefixCls}_light`]: theme === "light" });
+	const _collapseBtnOnClick = () => {
+		const collapsedVal = !sideCollapsed;
+		if (!("collapsed" in props)) setSideCollapsed(collapsedVal);
+		onCollapse && onCollapse(collapsedVal);
+	};
+	const renderTrigger = () => {
+		if (!collapsible) return null;
+		if (trigger) return trigger;
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: `${prefixCls}__trigger`,
+			onClick: _collapseBtnOnClick,
+			"aria-label": "Toggle sidebar",
+			children: /* @__PURE__ */ jsx(icon_default, {
+				name: "left",
+				className: `${prefixCls}__trigger-icon`
+			})
+		});
+	};
+	useEffect(() => {
+		"collapsed" in props && setSideCollapsed(props.collapsed);
+		sidebarContext.addSidebar();
+		return () => {
+			sidebarContext.removeSidebar();
+		};
+	}, [props, sidebarContext]);
+	return /* @__PURE__ */ jsxs("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style: outerStyle,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}__children`,
+			children
+		}), renderTrigger()]
+	});
+});
+Sidebar.displayName = "Sidebar";
+//#endregion
+export { Sidebar as default };
+
+//# sourceMappingURL=sidebar.js.map

package/es/layout/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":["Icon"],"sources":["../../src/layout/sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport Icon from '../icon';\nimport { SidebarContext } from './sidebar-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SidebarProps } from './types';\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\n  (props: SidebarProps, ref): JSX.Element => {\n    const {\n      defaultCollapsed = false,\n      width = 200,\n      collapsedWidth = 70,\n      theme = 'light',\n      trigger = null,\n      collapsible = false,\n      onCollapse,\n      className,\n      style,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n\n    const [sideCollapsed, setSideCollapsed] = useState(\n      'collapsed' in props ? props.collapsed : defaultCollapsed\n    );\n    const sidebarContext = useContext(SidebarContext);\n    const sidebarWidth = sideCollapsed ? collapsedWidth : width;\n\n    const outerStyle = {\n      ...style,\n      width: sidebarWidth,\n      maxWidth: sidebarWidth,\n      minWidth: sidebarWidth,\n    };\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('layout-sidebar', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_light`]: theme === 'light',\n    });\n\n    const _collapseBtnOnClick = () => {\n      const collapsedVal = !sideCollapsed;\n      if (!('collapsed' in props)) {\n        setSideCollapsed(collapsedVal);\n      }\n      onCollapse && onCollapse(collapsedVal);\n    };\n\n    const renderTrigger = () => {\n      if (!collapsible) {\n        return null;\n      }\n\n      if (trigger) {\n        return trigger;\n      }\n\n      return (\n        <button type=\"button\" className={`${prefixCls}__trigger`} onClick={_collapseBtnOnClick} aria-label=\"Toggle sidebar\">\n          <Icon name=\"left\" className={`${prefixCls}__trigger-icon`} />\n        </button>\n      );\n    };\n\n    useEffect(() => {\n      'collapsed' in props && setSideCollapsed(props.collapsed);\n      sidebarContext.addSidebar();\n\n      return () => {\n        sidebarContext.removeSidebar();\n      };\n    }, [props, sidebarContext]);\n\n    return (\n      <div {...otherProps} ref={ref} className={cls} style={outerStyle}>\n        <div className={`${prefixCls}__children`}>{children}</div>\n        {renderTrigger()}\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = 'Sidebar';\n\nexport default Sidebar;\n"],"mappings":";;;;;;;;AASA,MAAM,UAAU,MAAM,YACnB,OAAqB,QAAqB;CACzC,MAAM,EACJ,mBAAmB,OACnB,QAAQ,KACR,iBAAiB,IACjB,QAAQ,SACR,UAAU,MACV,cAAc,OACd,YACA,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,CAAC,eAAe,oBAAoB,SACxC,eAAe,QAAQ,MAAM,YAAY,iBAC1C;CACD,MAAM,iBAAiB,WAAW,eAAe;CACjD,MAAM,eAAe,gBAAgB,iBAAiB;CAEtD,MAAM,aAAa;EACjB,GAAG;EACH,OAAO;EACP,UAAU;EACV,UAAU;EACX;CAGD,MAAM,YAAY,aAAa,kBADT,WAAW,cAAc,CACgB,WAAW,cAAc;CACxF,MAAM,MAAM,WAAW,WAAW,WAAW,GAC1C,GAAG,UAAU,UAAU,UAAU,SACnC,CAAC;CAEF,MAAM,4BAA4B;EAChC,MAAM,eAAe,CAAC;AACtB,MAAI,EAAE,eAAe,OACnB,kBAAiB,aAAa;AAEhC,gBAAc,WAAW,aAAa;;CAGxC,MAAM,sBAAsB;AAC1B,MAAI,CAAC,YACH,QAAO;AAGT,MAAI,QACF,QAAO;AAGT,SACE,oBAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,GAAG,UAAU;GAAY,SAAS;GAAqB,cAAW;aACjG,oBAACA,cAAD;IAAM,MAAK;IAAO,WAAW,GAAG,UAAU;IAAmB,CAAA;GACtD,CAAA;;AAIb,iBAAgB;AACd,iBAAe,SAAS,iBAAiB,MAAM,UAAU;AACzD,iBAAe,YAAY;AAE3B,eAAa;AACX,kBAAe,eAAe;;IAE/B,CAAC,OAAO,eAAe,CAAC;AAE3B,QACE,qBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;YAAtD,CACE,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAc;GAAe,CAAA,EACzD,eAAe,CACZ;;EAGX;AAED,QAAQ,cAAc"}

package/es/layout/style/_index.scss

@@ -0,0 +1,82 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-layout {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+
+  &_has-sidebar {
+    flex-direction: row;
+  }
+}
+
+.#{$prefix}-layout-header {
+  box-sizing: border-box;
+  height: $layout-header-height;
+  background-color: var(--ty-color-bg-layout);
+}
+
+.#{$prefix}-layout-footer {
+  box-sizing: border-box;
+  padding: $layout-footer-padding;
+  background-color: var(--ty-color-bg-layout);
+}
+
+.#{$prefix}-layout-content {
+  flex: 1;
+  box-sizing: border-box;
+  background-color: var(--ty-color-bg-layout);
+}
+
+.#{$prefix}-layout-sidebar {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  transition: all 200ms;
+  background: var(--ty-layout-sidebar-bg);
+  color: #fff;
+
+  &:last-child {
+    .#{$prefix}-layout-sidebar__trigger-icon {
+      transform: rotateY(180deg);
+    }
+  }
+
+  &__children {
+    height: 100%;
+  }
+
+  &__trigger {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    z-index: 1;
+    cursor: pointer;
+    height: 40px;
+    background-color: var(--ty-layout-sidebar-trigger-bg);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: none;
+    padding: 0;
+    color: inherit;
+    font-size: inherit;
+  }
+
+  &_light {
+    background-color: var(--ty-layout-sidebar-light-bg);
+    color: var(--ty-layout-sidebar-light-color);
+
+    .#{$prefix}-layout-sidebar {
+      &__trigger {
+        background-color: var(--ty-layout-sidebar-light-trigger-bg);
+      }
+
+      &__trigger-icon {
+        color: var(--ty-layout-sidebar-light-trigger-icon);
+      }
+    }
+  }
+}

package/es/layout/style/index.css

@@ -0,0 +1,69 @@
+.ty-layout {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.ty-layout_has-sidebar {
+  flex-direction: row;
+}
+
+.ty-layout-header {
+  box-sizing: border-box;
+  height: 60px;
+  background-color: var(--ty-color-bg-layout);
+}
+
+.ty-layout-footer {
+  box-sizing: border-box;
+  padding: 24px 50px;
+  background-color: var(--ty-color-bg-layout);
+}
+
+.ty-layout-content {
+  flex: 1;
+  box-sizing: border-box;
+  background-color: var(--ty-color-bg-layout);
+}
+
+.ty-layout-sidebar {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  transition: all 200ms;
+  background: var(--ty-layout-sidebar-bg);
+  color: #fff;
+}
+.ty-layout-sidebar:last-child .ty-layout-sidebar__trigger-icon {
+  transform: rotateY(180deg);
+}
+.ty-layout-sidebar__children {
+  height: 100%;
+}
+.ty-layout-sidebar__trigger {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  z-index: 1;
+  cursor: pointer;
+  height: 40px;
+  background-color: var(--ty-layout-sidebar-trigger-bg);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: none;
+  padding: 0;
+  color: inherit;
+  font-size: inherit;
+}
+.ty-layout-sidebar_light {
+  background-color: var(--ty-layout-sidebar-light-bg);
+  color: var(--ty-layout-sidebar-light-color);
+}
+.ty-layout-sidebar_light .ty-layout-sidebar__trigger {
+  background-color: var(--ty-layout-sidebar-light-trigger-bg);
+}
+.ty-layout-sidebar_light .ty-layout-sidebar__trigger-icon {
+  color: var(--ty-layout-sidebar-light-trigger-icon);
+}

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

@@ -0,0 +1 @@
+export { };

package/es/layout/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/layout/types.d.ts

@@ -0,0 +1,20 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/layout/types.d.ts
+interface LayoutProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {}
+type SidebarTheme = 'light' | 'dark';
+interface SidebarProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
+  collapsible?: boolean;
+  collapsed?: boolean;
+  defaultCollapsed?: boolean;
+  onCollapse?: (collapsed: boolean) => void;
+  trigger?: React.ReactNode;
+  width?: number | string;
+  collapsedWidth?: number | string;
+  theme?: SidebarTheme;
+  children?: React.ReactNode;
+}
+//#endregion
+export { LayoutProps, SidebarProps };
+//# sourceMappingURL=types.d.ts.map

package/es/link/index.d.ts

@@ -0,0 +1 @@
+import { Link } from "./link.js";

package/es/link/index.js

@@ -0,0 +1,9 @@
+import '../style/base.css';
+import './style/index.css';
+import Link from "./link.js";
+//#region src/link/index.tsx
+var link_default = Link;
+//#endregion
+export { link_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/link/index.tsx"],"sourcesContent":["import Link from './link';\n\nexport default Link;\n"],"mappings":";;AAEA,IAAA,eAAe"}

package/es/link/link.d.ts

@@ -0,0 +1,8 @@
+import { LinkProps } from "./types.js";
+import React from "react";
+
+//#region src/link/link.d.ts
+declare const Link: React.MemoExoticComponent<(props: LinkProps) => React.ReactElement>;
+//#endregion
+export { Link };
+//# sourceMappingURL=link.d.ts.map

package/es/link/link.js

@@ -0,0 +1,34 @@
+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 src/link/link.tsx
+const Link = React.memo((props) => {
+	const { disabled = false, external = true, underline = true, className, style, children, target, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = getPrefixCls("link", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, {
+		[`${prefixCls}_disabled`]: disabled,
+		[`${prefixCls}_no-underline`]: !underline
+	});
+	if (disabled) return /* @__PURE__ */ jsx("span", {
+		className: cls,
+		style,
+		role: "link",
+		"aria-disabled": "true",
+		children: /* @__PURE__ */ jsx("span", { children })
+	});
+	return /* @__PURE__ */ jsx("a", {
+		...otherProps,
+		target: target ? target : external ? "_blank" : "_self",
+		className: cls,
+		style,
+		role: "link",
+		children: /* @__PURE__ */ jsx("span", { children })
+	});
+});
+Link.displayName = "Link";
+//#endregion
+export { Link as default };
+
+//# sourceMappingURL=link.js.map

package/es/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":[],"sources":["../../src/link/link.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { LinkProps } from './types';\n\nconst Link = React.memo((props: LinkProps): React.ReactElement => {\n  const {\n    disabled = false,\n    external = true,\n    underline = true,\n    className,\n    style,\n    children,\n    target,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('link', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_disabled`]: disabled,\n    [`${prefixCls}_no-underline`]: !underline,\n  });\n\n  if (disabled) {\n    return (\n      <span className={cls} style={style} role=\"link\" aria-disabled=\"true\">\n        <span>{children}</span>\n      </span>\n    );\n  }\n  return (\n    <a\n      {...otherProps}\n      target={target ? target : external ? '_blank' : '_self'}\n      className={cls}\n      style={style}\n      role=\"link\">\n      <span>{children}</span>\n    </a>\n  );\n});\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"mappings":";;;;;;AAMA,MAAM,OAAO,MAAM,MAAM,UAAyC;CAChE,MAAM,EACJ,WAAW,OACX,WAAW,MACX,YAAY,MACZ,WACA,OACA,UACA,QACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,QADT,WAAW,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,MAAM,WAAW,WAAW,WAAW;GAC1C,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,iBAAiB,CAAC;EACjC,CAAC;AAEF,KAAI,SACF,QACE,oBAAC,QAAD;EAAM,WAAW;EAAY;EAAO,MAAK;EAAO,iBAAc;YAC5D,oBAAC,QAAD,EAAO,UAAgB,CAAA;EAClB,CAAA;AAGX,QACE,oBAAC,KAAD;EACE,GAAI;EACJ,QAAQ,SAAS,SAAS,WAAW,WAAW;EAChD,WAAW;EACJ;EACP,MAAK;YACL,oBAAC,QAAD,EAAO,UAAgB,CAAA;EACrB,CAAA;EAEN;AAEF,KAAK,cAAc"}

package/es/link/style/_index.scss

@@ -0,0 +1,17 @@
+@use "../../style/variables" as *;
+
+.#{$prefix}-link {
+  color: var(--ty-color-primary);
+  text-decoration-line: none;
+
+  &_disabled {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+
+  &_no-underline{
+    &:hover {
+      text-decoration-line: none;
+    }
+  }
+}

package/es/link/style/index.css

@@ -0,0 +1,11 @@
+.ty-link {
+  color: var(--ty-color-primary);
+  text-decoration-line: none;
+}
+.ty-link_disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.ty-link_no-underline:hover {
+  text-decoration-line: none;
+}

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

@@ -0,0 +1 @@
+export { };

package/es/link/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/link/types.d.ts

@@ -0,0 +1,13 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/link/types.d.ts
+interface LinkProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['a']> {
+  external?: boolean;
+  disabled?: boolean;
+  underline?: boolean;
+  children?: React.ReactNode;
+}
+//#endregion
+export { LinkProps };
+//# sourceMappingURL=types.d.ts.map

package/es/list/index.d.ts

@@ -0,0 +1,13 @@
+import { List } from "./list.js";
+import { ListItem } from "./list-item.js";
+import { ListItemMeta } from "./list-item-meta.js";
+
+//#region src/list/index.d.ts
+type IList = typeof List & {
+  Item: typeof ListItem;
+  ItemMeta: typeof ListItemMeta;
+};
+declare const DefaultList: IList;
+//#endregion
+export { DefaultList };
+//# sourceMappingURL=index.d.ts.map

package/es/list/index.js

@@ -0,0 +1,13 @@
+import '../style/base.css';
+import './style/index.css';
+import List from "./list.js";
+import ListItem from "./list-item.js";
+import ListItemMeta from "./list-item-meta.js";
+//#region src/list/index.tsx
+const DefaultList = List;
+DefaultList.Item = ListItem;
+DefaultList.ItemMeta = ListItemMeta;
+//#endregion
+export { DefaultList as default };
+
+//# sourceMappingURL=index.js.map

package/es/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/list/index.tsx"],"sourcesContent":["import List from './list';\nimport ListItem from './list-item';\nimport ListItemMeta from './list-item-meta';\n\ntype IList = typeof List & {\n  Item: typeof ListItem;\n  ItemMeta: typeof ListItemMeta;\n};\n\nconst DefaultList = List as IList;\nDefaultList.Item = ListItem;\nDefaultList.ItemMeta = ListItemMeta;\n\nexport default DefaultList;\n"],"mappings":";;;;AASA,MAAM,cAAc;AACpB,YAAY,OAAO;AACnB,YAAY,WAAW"}

package/es/list/list-item-meta.d.ts

@@ -0,0 +1,11 @@
+import { ListItemMetaProps } from "./types.js";
+import React from "react";
+
+//#region src/list/list-item-meta.d.ts
+declare const ListItemMeta: {
+  (props: ListItemMetaProps): React.ReactElement;
+  displayName: string;
+};
+//#endregion
+export { ListItemMeta };
+//# sourceMappingURL=list-item-meta.d.ts.map

package/es/list/list-item-meta.js

@@ -0,0 +1,32 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { useContext } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/list/list-item-meta.tsx
+const ListItemMeta = (props) => {
+	const { avatar, title, description, prefixCls: customisedCls, className, style } = props;
+	const prefixCls = getPrefixCls("list-item-meta", useContext(ConfigContext).prefixCls, customisedCls);
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames(prefixCls, className),
+		style,
+		children: [avatar && /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}__avatar`,
+			children: avatar
+		}), /* @__PURE__ */ jsxs("div", {
+			className: `${prefixCls}__content`,
+			children: [title && /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__title`,
+				children: title
+			}), description && /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__description`,
+				children: description
+			})]
+		})]
+	});
+};
+ListItemMeta.displayName = "ListItemMeta";
+//#endregion
+export { ListItemMeta as default };
+
+//# sourceMappingURL=list-item-meta.js.map

package/es/list/list-item-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-meta.js","names":[],"sources":["../../src/list/list-item-meta.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ListItemMetaProps } from './types';\n\nconst ListItemMeta = (props: ListItemMetaProps): React.ReactElement => {\n  const { avatar, title, description, prefixCls: customisedCls, className, style } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('list-item-meta', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  return (\n    <div className={cls} style={style}>\n      {avatar && <div className={`${prefixCls}__avatar`}>{avatar}</div>}\n      <div className={`${prefixCls}__content`}>\n        {title && <div className={`${prefixCls}__title`}>{title}</div>}\n        {description && <div className={`${prefixCls}__description`}>{description}</div>}\n      </div>\n    </div>\n  );\n};\n\nListItemMeta.displayName = 'ListItemMeta';\nexport default ListItemMeta;\n"],"mappings":";;;;;;AAMA,MAAM,gBAAgB,UAAiD;CACrE,MAAM,EAAE,QAAQ,OAAO,aAAa,WAAW,eAAe,WAAW,UAAU;CAEnF,MAAM,YAAY,aAAa,kBADT,WAAW,cAAc,CACgB,WAAW,cAAc;AAGxF,QACE,qBAAC,OAAD;EAAK,WAHK,WAAW,WAAW,UAAU;EAGd;YAA5B,CACG,UAAU,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAAY;GAAa,CAAA,EACjE,qBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAA7B,CACG,SAAS,oBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAW;IAAY,CAAA,EAC7D,eAAe,oBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAiB;IAAkB,CAAA,CAC5E;KACF;;;AAIV,aAAa,cAAc"}

package/es/list/list-item.d.ts

@@ -0,0 +1,8 @@
+import { ListItemProps } from "./types.js";
+import React from "react";
+
+//#region src/list/list-item.d.ts
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ListItem };
+//# sourceMappingURL=list-item.d.ts.map

package/es/list/list-item.js

@@ -0,0 +1,38 @@
+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, jsxs } from "react/jsx-runtime";
+//#region src/list/list-item.tsx
+const ListItem = React.forwardRef((props, ref) => {
+	const { extra, actions, prefixCls: customisedCls, className, style, children, ...otherProps } = props;
+	const prefixCls = getPrefixCls("list-item", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className);
+	return /* @__PURE__ */ jsxs("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: `${prefixCls}__main`,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__content`,
+				children
+			}), actions && actions.length > 0 && /* @__PURE__ */ jsx("ul", {
+				className: `${prefixCls}__actions`,
+				children: actions.map((action, i) => /* @__PURE__ */ jsx("li", {
+					className: `${prefixCls}__action`,
+					children: action
+				}, i))
+			})]
+		}), extra && /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}__extra`,
+			children: extra
+		})]
+	});
+});
+ListItem.displayName = "ListItem";
+//#endregion
+export { ListItem as default };
+
+//# sourceMappingURL=list-item.js.map

package/es/list/list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.js","names":[],"sources":["../../src/list/list-item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ListItemProps } from './types';\n\nconst ListItem = React.forwardRef<HTMLDivElement, ListItemProps>((props, ref) => {\n  const {\n    extra,\n    actions,\n    prefixCls: customisedCls,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('list-item', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      <div className={`${prefixCls}__main`}>\n        <div className={`${prefixCls}__content`}>{children}</div>\n        {actions && actions.length > 0 && (\n          <ul className={`${prefixCls}__actions`}>\n            {actions.map((action, i) => (\n              <li key={i} className={`${prefixCls}__action`}>\n                {action}\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n      {extra && <div className={`${prefixCls}__extra`}>{extra}</div>}\n    </div>\n  );\n});\n\nListItem.displayName = 'ListItem';\nexport default ListItem;\n"],"mappings":";;;;;;AAMA,MAAM,WAAW,MAAM,YAA2C,OAAO,QAAQ;CAC/E,MAAM,EACJ,OACA,SACA,WAAW,eACX,WACA,OACA,UACA,GAAG,eACD;CAGJ,MAAM,YAAY,aAAa,aADT,WAAW,cAAc,CACW,WAAW,cAAc;CACnF,MAAM,MAAM,WAAW,WAAW,UAAU;AAE5C,QACE,qBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAY;YAAtD,CACE,qBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAA7B,CACE,oBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;IAAa;IAAe,CAAA,EACxD,WAAW,QAAQ,SAAS,KAC3B,oBAAC,MAAD;IAAI,WAAW,GAAG,UAAU;cACzB,QAAQ,KAAK,QAAQ,MACpB,oBAAC,MAAD;KAAY,WAAW,GAAG,UAAU;eACjC;KACE,EAFI,EAEJ,CACL;IACC,CAAA,CAEH;MACL,SAAS,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAAW;GAAY,CAAA,CAC1D;;EAER;AAEF,SAAS,cAAc"}

package/es/list/list.d.ts

@@ -0,0 +1,8 @@
+import { ListProps } from "./types.js";
+import React from "react";
+
+//#region src/list/list.d.ts
+declare const List: React.ForwardRefExoticComponent<ListProps<any> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { List };
+//# sourceMappingURL=list.d.ts.map