@bifrostui/react 1.3.0 → 1.3.1-beta.0

package/dist/Collapse/Collapse.css

@@ -0,0 +1,6 @@
+.bui-collapse {
+  overflow: hidden;
+  white-space: nowrap;
+  height: fit-content;
+  width: fit-content;
+}

package/dist/Collapse/Collapse.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CollapseProps } from './Collapse.types';
+import './Collapse.less';
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<unknown>>;
+export default Collapse;

package/dist/Collapse/Collapse.js

@@ -0,0 +1,165 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Collapse_exports = {};
+__export(Collapse_exports, {
+  default: () => Collapse_default
+});
+module.exports = __toCommonJS(Collapse_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@bifrostui/utils");
+var import_Transition = require("../Transition");
+var import_Collapse2 = require("./Collapse.css");
+const defaultEasing = {
+  enter: import_utils.easing.easeOut,
+  exit: import_utils.easing.sharp
+};
+const defaultTimeout = {
+  enter: import_utils.duration.enteringScreen,
+  exit: import_utils.duration.leavingScreen
+};
+const Collapse = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+  const _a = props, {
+    appear = false,
+    in: inProp,
+    easing: easingProp = defaultEasing,
+    direction = "vertical",
+    timeout = defaultTimeout,
+    delay = 0,
+    collapsedSize: collapsedSizeProp = 0,
+    style,
+    className,
+    children
+  } = _a, other = __objRest(_a, [
+    "appear",
+    "in",
+    "easing",
+    "direction",
+    "timeout",
+    "delay",
+    "collapsedSize",
+    "style",
+    "className",
+    "children"
+  ]);
+  const nodeRef = (0, import_utils.useForkRef)(ref);
+  const wrapperRef = (0, import_react.useRef)(null);
+  const collapseRef = (0, import_utils.useForkRef)(wrapperRef, ref);
+  const transitions = (0, import_utils.createTransitions)();
+  const isHorizontal = direction === "horizontal";
+  const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
+  const size = isHorizontal ? "width" : "height";
+  const getCollapseWrapperSize = (reactNode) => {
+    return reactNode ? `${reactNode[isHorizontal ? "clientWidth" : "clientHeight"]}px` : "fit-content";
+  };
+  (0, import_react.useEffect)(() => {
+    var _a2, _b, _c, _d;
+    if (appear === false && inProp === true && ((_b = (_a2 = wrapperRef.current) == null ? void 0 : _a2.style) == null ? void 0 : _b[size]) === "fit-content") {
+      wrapperRef.current.style[size] = getCollapseWrapperSize(
+        (_d = (_c = wrapperRef.current) == null ? void 0 : _c.children) == null ? void 0 : _d[0]
+      );
+    }
+  }, [appear, inProp]);
+  if (!children)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Transition.Transition,
+    __spreadProps(__spreadValues({}, other), {
+      ref: nodeRef,
+      in: inProp,
+      timeout,
+      delay,
+      appear
+    }),
+    (state, childProps) => {
+      var _a2;
+      const transition = transitions.create(
+        size,
+        (0, import_utils.getTransitionProps)(
+          { timeout, style, easing: easingProp, delay },
+          { mode: state }
+        )
+      );
+      const wrapperSize = () => {
+        var _a3, _b;
+        const collapseWrapperSize = state === "entering" || state === "entered" ? getCollapseWrapperSize((_b = (_a3 = wrapperRef.current) == null ? void 0 : _a3.children) == null ? void 0 : _b[0]) : collapsedSize;
+        return isHorizontal ? {
+          width: collapseWrapperSize,
+          WebKitWidth: collapseWrapperSize
+        } : {
+          height: collapseWrapperSize,
+          WebKitHeight: collapseWrapperSize
+        };
+      };
+      return import_react.default.createElement(
+        "div",
+        {
+          className: `bui-collapse ${className}`,
+          style: __spreadValues(__spreadProps(__spreadValues({}, style), {
+            transition,
+            WebkitTransition: transition
+          }), wrapperSize()),
+          ref: collapseRef
+        },
+        import_react.default.cloneElement(children, __spreadValues({
+          style: __spreadValues({}, (_a2 = children.props) == null ? void 0 : _a2.style)
+        }, childProps))
+      );
+    }
+  );
+});
+Collapse.displayName = "BuiCollapse";
+var Collapse_default = Collapse;

package/dist/Collapse/Collapse.types.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TransitionProps } from '../Transition';
+export interface CollapseProps extends Omit<TransitionProps, 'children'> {
+    easing?: string | {
+        enter?: string;
+        exit?: string;
+    };
+    children?: React.ReactElement;
+    /**
+     * 折叠的方向
+     * horizontal - 水平方向
+     * vertical - 垂直方向
+     */
+    direction?: 'horizontal' | 'vertical';
+    collapsedSize?: string | number;
+}

package/dist/Collapse/Collapse.types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Collapse_types_exports = {};
+module.exports = __toCommonJS(Collapse_types_exports);

package/dist/Collapse/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as Collapse } from './Collapse';
+export * from './Collapse.types';

package/dist/Collapse/index.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Collapse_exports = {};
+__export(Collapse_exports, {
+  Collapse: () => import_Collapse.default,
+  default: () => import_Collapse.default
+});
+module.exports = __toCommonJS(Collapse_exports);
+var import_Collapse = __toESM(require("./Collapse"));
+__reExport(Collapse_exports, require("./Collapse.types"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Collapse,
+  ...require("./Collapse.types")
+});

package/dist/CollapsePanel/CollapsePanel.css

@@ -0,0 +1,32 @@
+.bui-collapse-panel {
+  --width: var(--bui-collapse-panel-width, 100%);
+  --header-padding: var(--bui-collapse-panel-header-padding, var(--bui-spacing-lg) 0);
+  --content-padding: var(--bui-collapse-panel-content-padding, var(--bui-spacing-lg) 0);
+  width: var(--width);
+  background-color: var(--bui-color-bg-view);
+  color: var(--bui-color-fg-default);
+}
+.bui-collapse-panel-item-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: solid 1px #eee;
+  cursor: pointer;
+}
+.bui-collapse-panel-item-header-label {
+  padding: var(--header-padding);
+  font-size: var(--bui-title-size-2);
+}
+.bui-collapse-panel-item-header-icon-arrow {
+  transform: rotate(0deg);
+  transition: all 0.3s ease;
+}
+.bui-collapse-panel-item-header-icon-arrow-active {
+  transform: rotate(-180deg);
+}
+.bui-collapse-panel-item-content {
+  padding: var(--content-padding);
+  font-size: var(--bui-text-size-1);
+  transition: height 0.5s ease;
+  overflow: hidden;
+}

package/dist/CollapsePanel/CollapsePanel.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CollapsePanelProps } from './CollapsePanel.types';
+import './CollapsePanel.less';
+declare const CollapsePanel: React.ForwardRefExoticComponent<Omit<CollapsePanelProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CollapsePanel;

package/dist/CollapsePanel/CollapsePanel.js

@@ -0,0 +1,159 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CollapsePanel_exports = {};
+__export(CollapsePanel_exports, {
+  default: () => CollapsePanel_default
+});
+module.exports = __toCommonJS(CollapsePanel_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_icons = require("@bifrostui/icons");
+var import_utils = require("@bifrostui/utils");
+var import_CollapsePanelItem = __toESM(require("./CollapsePanelItem"));
+var import_CollapsePanel2 = require("./CollapsePanel.css");
+const prefixCls = "bui-collapse-panel";
+const CollapsePanel = /* @__PURE__ */ import_react.default.forwardRef(
+  (props, ref) => {
+    const _a = props, {
+      className,
+      style,
+      accordion = false,
+      activeKeys,
+      defaultActiveKeys,
+      items,
+      children,
+      arrowIcon,
+      onChange
+    } = _a, others = __objRest(_a, [
+      "className",
+      "style",
+      "accordion",
+      "activeKeys",
+      "defaultActiveKeys",
+      "items",
+      "children",
+      "arrowIcon",
+      "onChange"
+    ]);
+    const [openKeys, setOpenKeys] = (0, import_utils.useValue)({
+      defaultValue: defaultActiveKeys || [],
+      value: activeKeys
+    });
+    const handleClick = (event, target) => {
+      var _a2;
+      const targetKey = target == null ? void 0 : target.key;
+      let newOpenKeys = [];
+      if (accordion) {
+        newOpenKeys = openKeys.includes(targetKey) ? [] : [targetKey];
+      } else {
+        newOpenKeys = openKeys.includes(targetKey) ? openKeys.filter((k) => k !== targetKey) : [targetKey, ...openKeys];
+      }
+      setOpenKeys(event, newOpenKeys);
+      onChange == null ? void 0 : onChange(event, { activeKeys: newOpenKeys });
+      (_a2 = target == null ? void 0 : target.onClick) == null ? void 0 : _a2.call(target, event);
+    };
+    const getArrowIcon = () => {
+      if (arrowIcon) {
+        return arrowIcon;
+      }
+      return /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowDownwardLargeIcon, null);
+    };
+    const renderList = () => {
+      if (Array.isArray(items)) {
+        return items.map((item) => {
+          const _a2 = item, { key } = _a2, otherProps = __objRest(_a2, ["key"]);
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_CollapsePanelItem.default,
+            __spreadProps(__spreadValues({
+              key,
+              icon: getArrowIcon(),
+              active: openKeys.includes(item.key)
+            }, otherProps), {
+              onClick: (e) => handleClick(e, item)
+            })
+          );
+        });
+      }
+      const enhancedChildren = import_react.default.Children.map(children, (child) => {
+        if (import_react.default.isValidElement(child)) {
+          const newProps = {
+            icon: getArrowIcon(),
+            active: openKeys.includes(child.key),
+            onClick: (e) => handleClick(e, child)
+          };
+          return import_react.default.cloneElement(child, newProps);
+        }
+        return child;
+      });
+      return enhancedChildren;
+    };
+    if (items == null && children == null) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      __spreadValues({
+        className: (0, import_clsx.default)(prefixCls, className),
+        style,
+        ref
+      }, others),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-list` }, renderList())
+    );
+  }
+);
+CollapsePanel.displayName = "BuiCollapsePanel";
+var CollapsePanel_default = CollapsePanel;

package/dist/CollapsePanel/CollapsePanel.types.d.ts

@@ -0,0 +1,64 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type CollapsePanelItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 唯一标识，对应 activeKey
+         */
+        key?: string | number;
+        /**
+         * 面板标题
+         */
+        label?: React.ReactNode;
+        /**
+         * 自定义 icon
+         */
+        icon?: React.ReactNode | ((active: boolean) => React.ReactNode);
+        /**
+         * 是否展开
+         * @default false
+         */
+        active?: boolean;
+        /**
+         * body 区域内容
+         */
+        children?: React.ReactNode;
+    };
+    defaultComponent: D;
+}, D>;
+export type CollapsePanelProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 是否开启手风琴模式
+         * @default false
+         */
+        accordion?: boolean;
+        /**
+         * 当前激活面板的 key
+         */
+        activeKeys?: (number | string)[];
+        /**
+         * 默认展开面板的 key
+         */
+        defaultActiveKeys?: (number | string)[];
+        /**
+         * 折叠项目内容
+         */
+        items?: Array<CollapsePanelItemProps>;
+        /**
+         * body 区域内容，使用 CollapseItem 进行渲染
+         */
+        children?: React.ReactNode;
+        /**
+         * 自定义箭头图标
+         */
+        arrowIcon?: React.ReactNode | ((active: boolean) => React.ReactNode);
+        /**
+         * 切换面板时触发
+         */
+        onChange?: (e: React.SyntheticEvent, params: {
+            activeKeys: (number | string)[];
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/dist/CollapsePanel/CollapsePanel.types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CollapsePanel_types_exports = {};
+module.exports = __toCommonJS(CollapsePanel_types_exports);

package/dist/CollapsePanel/CollapsePanelItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CollapsePanelItemProps } from './CollapsePanel.types';
+declare const CollapsePanelItem: React.ForwardRefExoticComponent<Omit<CollapsePanelItemProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CollapsePanelItem;

package/dist/CollapsePanel/CollapsePanelItem.js

@@ -0,0 +1,112 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CollapsePanelItem_exports = {};
+__export(CollapsePanelItem_exports, {
+  default: () => CollapsePanelItem_default
+});
+module.exports = __toCommonJS(CollapsePanelItem_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_Collapse = require("../Collapse");
+const prefixCls = "bui-collapse-panel-item";
+const CollapsePanelItem = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    style,
+    label,
+    children,
+    icon,
+    active,
+    onClick
+  } = _a, others = __objRest(_a, [
+    "className",
+    "style",
+    "label",
+    "children",
+    "icon",
+    "active",
+    "onClick"
+  ]);
+  const isControlledIcon = typeof icon === "function";
+  const getIcon = () => {
+    return typeof icon === "function" ? icon(active) : icon;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    __spreadValues({
+      className: (0, import_clsx.default)(prefixCls, active && `${prefixCls}-active`, className),
+      style,
+      ref
+    }, others),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_clsx.default)(
+          `${prefixCls}-header-icon`,
+          `${prefixCls}-header-icon-arrow`,
+          {
+            [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
+          }
+        )
+      },
+      getIcon()
+    )),
+    /* @__PURE__ */ import_react.default.createElement(import_Collapse.Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, children))
+  );
+});
+CollapsePanelItem.displayName = "BuiCollapsePanelItem";
+CollapsePanelItem.defaultProps = {
+  active: false
+};
+var CollapsePanelItem_default = CollapsePanelItem;

package/dist/CollapsePanel/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './CollapsePanel';
+export { default as CollapsePanel } from './CollapsePanel';
+export { default as CollapsePanelItem } from './CollapsePanelItem';
+export * from './CollapsePanel.types';