react-public-components 1.2.1 → 1.2.2

package/dist/chunk-VIJ3PXCW.cjs

@@ -0,0 +1,104 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// BorderBeam/index.tsx
+var formatSizeUnit = (value, defaultValue) => {
+  if (value === void 0 || value === null) {
+    return defaultValue;
+  }
+  if (typeof value === "number") {
+    return `${value}px`;
+  }
+  return value;
+};
+var buildGradientString = (color) => {
+  if (!color) {
+    return "linear-gradient(to left, #1677ff 0%, transparent 100%)";
+  }
+  if (typeof color === "string") {
+    return `linear-gradient(to left, ${color} 0%, transparent 100%)`;
+  }
+  if (Array.isArray(color)) {
+    if (color.length === 0) {
+      return "linear-gradient(to left, #1677ff 0%, transparent 100%)";
+    }
+    const sorted = [...color].sort((a, b) => a.percent - b.percent);
+    const mappedStops = sorted.map((stop) => {
+      const mappedPercent = Math.min(Math.max(stop.percent / 100 * 80, 0), 80);
+      return `${stop.color} ${mappedPercent.toFixed(2)}%`;
+    });
+    return `linear-gradient(to left, ${mappedStops.join(", ")}, transparent 100%)`;
+  }
+  return "linear-gradient(to left, #1677ff 0%, transparent 100%)";
+};
+var BorderBeam = (props) => {
+  const {
+    children,
+    color,
+    count = 1,
+    duration = 6,
+    lineWidth = "1px",
+    outset = "0px",
+    size = 100,
+    className,
+    style,
+    ...restProps
+  } = props;
+  const formattedLineWidth = formatSizeUnit(lineWidth, "1px");
+  const formattedOutset = formatSizeUnit(outset, "0px");
+  const formattedSize = formatSizeUnit(size, "100px");
+  const gradientCss = buildGradientString(color);
+  const maskStyle = {
+    "--border-beam-line-width": formattedLineWidth,
+    "--border-beam-outset": formattedOutset,
+    "--border-beam-size": formattedSize,
+    "--border-beam-duration": `${duration}s`,
+    "--border-beam-gradient": gradientCss
+  };
+  const beamCount = Math.max(1, count);
+  const beams = Array.from({ length: beamCount }).map((_, index) => {
+    const delaySeconds = -(duration * index / beamCount);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "react-public-border-beam-item",
+        style: {
+          animationDelay: `${delaySeconds}s`
+        }
+      },
+      index
+    );
+  });
+  if (children !== void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `react-public-border-beam-container ${className || ""}`.trim(),
+        style,
+        ...restProps,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "react-public-border-beam-mask", style: maskStyle, children: beams })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `react-public-border-beam-mask ${className || ""}`.trim(),
+      style: {
+        ...maskStyle,
+        ...style
+      },
+      ...restProps,
+      children: beams
+    }
+  );
+};
+var BorderBeam_default = BorderBeam;
+
+exports.BorderBeam_default = BorderBeam_default;
+//# sourceMappingURL=chunk-VIJ3PXCW.cjs.map
+//# sourceMappingURL=chunk-VIJ3PXCW.cjs.map

package/dist/chunk-VIJ3PXCW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../BorderBeam/index.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-VIJ3PXCW.cjs","sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport './index.less';\n\nexport type BorderBeamColorStop = {\n\tcolor: string;\n\tpercent: number;\n};\n\nexport interface BorderBeamProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n\t/** 装饰内容 */\n\tchildren?: ReactNode;\n\t/** 流光颜色配置，支持单色字符串或渐变停靠点数组 */\n\tcolor?: string | BorderBeamColorStop[];\n\t/** 流光数量，默认为 1 */\n\tcount?: number;\n\t/** 流光完成一圈动画的时间，单位秒，默认为 6 */\n\tduration?: number;\n\t/** 流光线宽，数字类型按像素处理，默认为 1px */\n\tlineWidth?: number | string;\n\t/** 流光层相对容器边缘的外扩距离，遇到裁剪容器时可设为 0 */\n\toutset?: number | string;\n\t/** 流光可见段的尺寸，数字类型按像素处理，默认为 100 */\n\tsize?: number | string;\n}\n\nconst formatSizeUnit = (value: number | string | undefined, defaultValue: string): string => {\n\tif (value === undefined || value === null) {\n\t\treturn defaultValue;\n\t}\n\tif (typeof value === 'number') {\n\t\treturn `${value}px`;\n\t}\n\treturn value;\n};\n\nconst buildGradientString = (color?: string | BorderBeamColorStop[]): string => {\n\tif (!color) {\n\t\treturn 'linear-gradient(to left, #1677ff 0%, transparent 100%)';\n\t}\n\tif (typeof color === 'string') {\n\t\treturn `linear-gradient(to left, ${color} 0%, transparent 100%)`;\n\t}\n\tif (Array.isArray(color)) {\n\t\tif (color.length === 0) {\n\t\t\treturn 'linear-gradient(to left, #1677ff 0%, transparent 100%)';\n\t\t}\n\t\tconst sorted = [...color].sort((a, b) => a.percent - b.percent);\n\t\tconst mappedStops = sorted.map((stop) => {\n\t\t\tconst mappedPercent = Math.min(Math.max((stop.percent / 100) * 80, 0), 80);\n\t\t\treturn `${stop.color} ${mappedPercent.toFixed(2)}%`;\n\t\t});\n\t\treturn `linear-gradient(to left, ${mappedStops.join(', ')}, transparent 100%)`;\n\t}\n\treturn 'linear-gradient(to left, #1677ff 0%, transparent 100%)';\n};\n\nconst BorderBeam = (props: BorderBeamProps) => {\n\tconst {\n\t\tchildren,\n\t\tcolor,\n\t\tcount = 1,\n\t\tduration = 6,\n\t\tlineWidth = '1px',\n\t\toutset = '0px',\n\t\tsize = 100,\n\t\tclassName,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst formattedLineWidth = formatSizeUnit(lineWidth, '1px');\n\tconst formattedOutset = formatSizeUnit(outset, '0px');\n\tconst formattedSize = formatSizeUnit(size, '100px');\n\tconst gradientCss = buildGradientString(color);\n\n\tconst maskStyle: CSSProperties = {\n\t\t'--border-beam-line-width': formattedLineWidth,\n\t\t'--border-beam-outset': formattedOutset,\n\t\t'--border-beam-size': formattedSize,\n\t\t'--border-beam-duration': `${duration}s`,\n\t\t'--border-beam-gradient': gradientCss,\n\t} as CSSProperties;\n\n\tconst beamCount = Math.max(1, count);\n\tconst beams = Array.from({ length: beamCount }).map((_, index) => {\n\t\tconst delaySeconds = -((duration * index) / beamCount);\n\t\treturn (\n\t\t\t<div\n\t\t\t\tkey={index}\n\t\t\t\tclassName=\"react-public-border-beam-item\"\n\t\t\t\tstyle={{\n\t\t\t\t\tanimationDelay: `${delaySeconds}s`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t});\n\n\tif (children !== undefined) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`react-public-border-beam-container ${className || ''}`.trim()}\n\t\t\t\tstyle={style}\n\t\t\t\t{...restProps}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<div className=\"react-public-border-beam-mask\" style={maskStyle}>\n\t\t\t\t\t{beams}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`react-public-border-beam-mask ${className || ''}`.trim()}\n\t\t\tstyle={{\n\t\t\t\t...maskStyle,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{beams}\n\t\t</div>\n\t);\n};\n\nexport default BorderBeam;\n"]}

package/dist/chunk-VJM2XBHZ.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// FilterChips/index.tsx
+var FilterChips = ({
+  chips = [],
+  onRemove,
+  onClearAll,
+  clearText = "\u6E05\u7A7A\u7B5B\u9009",
+  className = "",
+  style
+}) => {
+  if (chips.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_filter_chips ${className}`, style, children: [
+    chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_filter_chips_chip", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_filter_chips_label", children: [
+        chip.label,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_filter_chips_val", children: chip.value }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_filter_chips_close", onClick: () => onRemove == null ? void 0 : onRemove(chip.id), children: "\u2715" })
+    ] }, chip.id)),
+    onClearAll && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rpc_filter_chips_clear_all", onClick: onClearAll, children: clearText })
+  ] });
+};
+var FilterChips_default = FilterChips;
+
+exports.FilterChips_default = FilterChips_default;
+//# sourceMappingURL=chunk-VJM2XBHZ.cjs.map
+//# sourceMappingURL=chunk-VJM2XBHZ.cjs.map

package/dist/chunk-VJM2XBHZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../FilterChips/index.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;AAwBA,IAAM,cAA0C,CAAC;AAAA,EAChD,QAAQ,EAAC;AAAA,EACT,QAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA,GAAY,0BAAA;AAAA,EACZ,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAE/B,EAAA,uCACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,iBAAA,EAAoB,SAAS,IAAI,KAAA,EAC/C,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,IAAI,CAAC,IAAA,qBACXA,eAAA,CAAC,MAAA,EAAA,EAAmB,WAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,wBAAA,EAA0B,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,KAAA;AAAA,QAAM;AAAA,OAAA,EAAC,CAAA;AAAA,sBACtDC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAwB,eAAK,KAAA,EAAM,CAAA;AAAA,sBACnDA,cAAA,CAAC,UAAK,SAAA,EAAU,wBAAA,EAAyB,SAAS,MAAM,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,IAAA,CAAK,EAAA,CAAA,EAAK,QAAA,EAAA,QAAA,EAE7E;AAAA,KAAA,EAAA,EALU,IAAA,CAAK,EAMhB,CACA,CAAA;AAAA,IAEA,UAAA,mCACC,QAAA,EAAA,EAAO,IAAA,EAAK,UAAS,SAAA,EAAU,4BAAA,EAA6B,OAAA,EAAS,UAAA,EACpE,QAAA,EAAA,SAAA,EACF;AAAA,GAAA,EAEF,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-VJM2XBHZ.cjs","sourcesContent":["import React, { CSSProperties } from 'react';\nimport './index.less';\n\nexport interface FilterChipItem {\n\tid: string;\n\tlabel: string;\n\tvalue: string;\n}\n\nexport interface FilterChipsProps {\n\t/** 筛选胶囊列表 */\n\tchips: FilterChipItem[];\n\t/** 单项删除回调 */\n\tonRemove?: (id: string) => void;\n\t/** 全部清空回调 */\n\tonClearAll?: () => void;\n\t/** 清空按钮文案，默认为 '清空筛选' */\n\tclearText?: string;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst FilterChips: React.FC<FilterChipsProps> = ({\n\tchips = [],\n\tonRemove,\n\tonClearAll,\n\tclearText = '清空筛选',\n\tclassName = '',\n\tstyle,\n}) => {\n\tif (chips.length === 0) return null;\n\n\treturn (\n\t\t<div className={`rpc_filter_chips ${className}`} style={style}>\n\t\t\t{chips.map((chip) => (\n\t\t\t\t<span key={chip.id} className=\"rpc_filter_chips_chip\">\n\t\t\t\t\t<span className=\"rpc_filter_chips_label\">{chip.label}:</span>\n\t\t\t\t\t<span className=\"rpc_filter_chips_val\">{chip.value}</span>\n\t\t\t\t\t<span className=\"rpc_filter_chips_close\" onClick={() => onRemove?.(chip.id)}>\n\t\t\t\t\t\t✕\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t))}\n\n\t\t\t{onClearAll && (\n\t\t\t\t<button type=\"button\" className=\"rpc_filter_chips_clear_all\" onClick={onClearAll}>\n\t\t\t\t\t{clearText}\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default FilterChips;\n"]}

package/dist/chunk-VPHHGQWP.js

@@ -0,0 +1,104 @@
+import { RightOutlined, LeftOutlined, DownOutlined, UpOutlined } from './chunk-TGSKTHTV.js';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var formatDimension = (value) => {
+  if (value === void 0 || value === null) return void 0;
+  return typeof value === "number" ? `${value}px` : value;
+};
+var ChevronLeft = () => /* @__PURE__ */ jsx(LeftOutlined, {});
+var ChevronRight = () => /* @__PURE__ */ jsx(RightOutlined, {});
+var ChevronUp = () => /* @__PURE__ */ jsx(UpOutlined, {});
+var ChevronDown = () => /* @__PURE__ */ jsx(DownOutlined, {});
+var CollapsibleBox = ({
+  children,
+  title = "\u5185\u5BB9\u533A\u57DF",
+  direction = "horizontal",
+  buttonPosition = "right",
+  defaultWidth = 600,
+  defaultHeight = 300,
+  contentPadding = "16px",
+  headerHeight = 16,
+  className
+}) => {
+  const [isExpanded, setIsExpanded] = useState(true);
+  const getContentMaxHeight = () => {
+    if (typeof defaultHeight === "number") {
+      return `${defaultHeight - headerHeight}px`;
+    }
+    if (typeof defaultHeight === "string") {
+      return headerHeight ? `calc(${defaultHeight} - ${headerHeight}px)` : defaultHeight;
+    }
+    return "100%";
+  };
+  const getIcon = () => {
+    if (direction === "horizontal") {
+      if (buttonPosition === "right") {
+        return isExpanded ? /* @__PURE__ */ jsx(ChevronRight, {}) : /* @__PURE__ */ jsx(ChevronLeft, {});
+      }
+      return isExpanded ? /* @__PURE__ */ jsx(ChevronLeft, {}) : /* @__PURE__ */ jsx(ChevronRight, {});
+    }
+    if (buttonPosition === "bottom") {
+      return isExpanded ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronUp, {});
+    }
+    return isExpanded ? /* @__PURE__ */ jsx(ChevronUp, {}) : /* @__PURE__ */ jsx(ChevronDown, {});
+  };
+  const getButtonClass = () => {
+    if (direction === "horizontal") {
+      return buttonPosition === "right" ? "button-right" : "button-left";
+    }
+    return buttonPosition === "bottom" ? "button-bottom" : "button-top";
+  };
+  const getContainerStyle = () => {
+    if (direction === "horizontal") {
+      return {
+        width: isExpanded ? "100%" : "0px",
+        height: "100%"
+      };
+    }
+    return {
+      height: isExpanded ? "100%" : "0px",
+      width: "100%"
+    };
+  };
+  const baseWrapperClass = direction === "horizontal" ? "collapsible-wrapper horizontal" : "collapsible-wrapper vertical";
+  const wrapperClass = className ? `${baseWrapperClass} ${className}` : baseWrapperClass;
+  const containerClass = [
+    "collapsible-container",
+    direction === "horizontal" && buttonPosition === "right" ? "align-right" : "",
+    direction === "vertical" && buttonPosition === "bottom" ? "align-bottom" : ""
+  ].filter(Boolean).join(" ");
+  const height = getContentMaxHeight();
+  const contentStyle = {
+    maxHeight: direction === "vertical" ? isExpanded ? height : "0px" : height,
+    overflowY: "auto",
+    padding: contentPadding,
+    boxSizing: "border-box"
+  };
+  const formattedWidth = formatDimension(defaultWidth);
+  const formattedHeight = formatDimension(defaultHeight);
+  const wrapperStyle = {
+    width: formattedWidth,
+    height: formattedHeight
+  };
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, style: wrapperStyle, children: [
+    /* @__PURE__ */ jsxs("div", { style: getContainerStyle(), className: containerClass, children: [
+      title && /* @__PURE__ */ jsx("div", { className: "collapsible-header", style: { display: "none" }, children: /* @__PURE__ */ jsx("h3", { children: title }) }),
+      /* @__PURE__ */ jsx("div", { className: "collapsible-content", style: contentStyle, children })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        onClick: () => setIsExpanded(!isExpanded),
+        className: `toggle-button ${getButtonClass()}`,
+        title: isExpanded ? "\u9690\u85CF" : "\u5C55\u5F00",
+        children: getIcon()
+      }
+    )
+  ] });
+};
+var CollapseBox_default = CollapsibleBox;
+
+export { CollapseBox_default };
+//# sourceMappingURL=chunk-VPHHGQWP.js.map
+//# sourceMappingURL=chunk-VPHHGQWP.js.map

package/dist/chunk-VPHHGQWP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CollapseBox/index.tsx"],"names":[],"mappings":"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","file":"chunk-VPHHGQWP.js","sourcesContent":["import { useState, type CSSProperties, type ReactNode } from 'react';\nimport { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '../src/icons';\nimport './index.less';\n\nexport type CollapseBoxDirection = 'horizontal' | 'vertical';\nexport type CollapseBoxButtonPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface CollapseBoxProps {\n\tchildren?: ReactNode;\n\ttitle?: string;\n\tdirection?: CollapseBoxDirection;\n\tbuttonPosition?: CollapseBoxButtonPosition;\n\tdefaultWidth?: number | string;\n\tdefaultHeight?: number | string;\n\tcontentPadding?: string;\n\theaderHeight?: number;\n\tclassName?: string;\n}\n\nconst formatDimension = (value?: number | string): string | undefined => {\n\tif (value === undefined || value === null) return undefined;\n\treturn typeof value === 'number' ? `${value}px` : value;\n};\n\nconst ChevronLeft = () => <LeftOutlined />;\n\nconst ChevronRight = () => <RightOutlined />;\n\nconst ChevronUp = () => <UpOutlined />;\n\nconst ChevronDown = () => <DownOutlined />;\n\nconst CollapsibleBox = ({\n\tchildren,\n\ttitle = '内容区域',\n\tdirection = 'horizontal',\n\tbuttonPosition = 'right',\n\tdefaultWidth = 600,\n\tdefaultHeight = 300,\n\tcontentPadding = '16px',\n\theaderHeight = 16,\n\tclassName,\n}: CollapseBoxProps) => {\n\tconst [isExpanded, setIsExpanded] = useState(true);\n\n\tconst getContentMaxHeight = () => {\n\t\tif (typeof defaultHeight === 'number') {\n\t\t\treturn `${defaultHeight - headerHeight}px`;\n\t\t}\n\t\tif (typeof defaultHeight === 'string') {\n\t\t\treturn headerHeight ? `calc(${defaultHeight} - ${headerHeight}px)` : defaultHeight;\n\t\t}\n\t\treturn '100%';\n\t};\n\n\tconst getIcon = () => {\n\t\tif (direction === 'horizontal') {\n\t\t\tif (buttonPosition === 'right') {\n\t\t\t\treturn isExpanded ? <ChevronRight /> : <ChevronLeft />;\n\t\t\t}\n\t\t\treturn isExpanded ? <ChevronLeft /> : <ChevronRight />;\n\t\t}\n\t\tif (buttonPosition === 'bottom') {\n\t\t\treturn isExpanded ? <ChevronDown /> : <ChevronUp />;\n\t\t}\n\t\treturn isExpanded ? <ChevronUp /> : <ChevronDown />;\n\t};\n\n\tconst getButtonClass = () => {\n\t\tif (direction === 'horizontal') {\n\t\t\treturn buttonPosition === 'right' ? 'button-right' : 'button-left';\n\t\t}\n\t\treturn buttonPosition === 'bottom' ? 'button-bottom' : 'button-top';\n\t};\n\n\tconst getContainerStyle = (): CSSProperties => {\n\t\tif (direction === 'horizontal') {\n\t\t\treturn {\n\t\t\t\twidth: isExpanded ? '100%' : '0px',\n\t\t\t\theight: '100%',\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\theight: isExpanded ? '100%' : '0px',\n\t\t\twidth: '100%',\n\t\t};\n\t};\n\n\tconst baseWrapperClass =\n\t\tdirection === 'horizontal' ? 'collapsible-wrapper horizontal' : 'collapsible-wrapper vertical';\n\tconst wrapperClass = className ? `${baseWrapperClass} ${className}` : baseWrapperClass;\n\n\tconst containerClass = [\n\t\t'collapsible-container',\n\t\tdirection === 'horizontal' && buttonPosition === 'right' ? 'align-right' : '',\n\t\tdirection === 'vertical' && buttonPosition === 'bottom' ? 'align-bottom' : '',\n\t]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n\n\tconst height = getContentMaxHeight();\n\tconst contentStyle: CSSProperties = {\n\t\tmaxHeight: direction === 'vertical' ? (isExpanded ? height : '0px') : height,\n\t\toverflowY: 'auto',\n\t\tpadding: contentPadding,\n\t\tboxSizing: 'border-box',\n\t};\n\n\tconst formattedWidth = formatDimension(defaultWidth);\n\tconst formattedHeight = formatDimension(defaultHeight);\n\tconst wrapperStyle: CSSProperties = {\n\t\twidth: formattedWidth,\n\t\theight: formattedHeight,\n\t};\n\n\treturn (\n\t\t<div className={wrapperClass} style={wrapperStyle}>\n\t\t\t<div style={getContainerStyle()} className={containerClass}>\n\t\t\t\t{title && (\n\t\t\t\t\t<div className=\"collapsible-header\" style={{ display: 'none' }}>\n\t\t\t\t\t\t<h3>{title}</h3>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"collapsible-content\" style={contentStyle}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tonClick={() => setIsExpanded(!isExpanded)}\n\t\t\t\tclassName={`toggle-button ${getButtonClass()}`}\n\t\t\t\ttitle={isExpanded ? '隐藏' : '展开'}\n\t\t\t>\n\t\t\t\t{getIcon()}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default CollapsibleBox;\n"]}

package/dist/chunk-VQKPZ4YE.cjs

@@ -0,0 +1,251 @@
+'use strict';
+
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// Masonry/index.tsx
+var BREAKPOINT_ORDER = ["xs", "sm", "md", "lg", "xl", "xxl"];
+function getBreakpoint(width) {
+  if (width >= 1600) return "xxl";
+  if (width >= 1200) return "xl";
+  if (width >= 992) return "lg";
+  if (width >= 768) return "md";
+  if (width >= 576) return "sm";
+  return "xs";
+}
+function resolveResponsiveValue(value, currentBp, defaultValue) {
+  if (value === void 0 || value === null) return defaultValue;
+  if (typeof value === "object") {
+    const obj = value;
+    if (obj[currentBp] !== void 0) return obj[currentBp];
+    const currentIdx = BREAKPOINT_ORDER.indexOf(currentBp);
+    for (let i = currentIdx - 1; i >= 0; i--) {
+      const bp = BREAKPOINT_ORDER[i];
+      if (obj[bp] !== void 0) return obj[bp];
+    }
+    for (let i = currentIdx + 1; i < BREAKPOINT_ORDER.length; i++) {
+      const bp = BREAKPOINT_ORDER[i];
+      if (obj[bp] !== void 0) return obj[bp];
+    }
+    return defaultValue;
+  }
+  return value;
+}
+function resolveGutter(gutter, currentBp) {
+  if (!gutter) return [0, 0];
+  if (Array.isArray(gutter)) {
+    const h = resolveResponsiveValue(gutter[0], currentBp, 0);
+    const v = resolveResponsiveValue(gutter[1], currentBp, 0);
+    return [h, v];
+  }
+  const g = resolveResponsiveValue(gutter, currentBp, 0);
+  return [g, g];
+}
+var Masonry = (props) => {
+  const {
+    classNames,
+    columns = 3,
+    fresh = false,
+    gutter = 0,
+    items,
+    itemRender,
+    styles,
+    onLayoutChange,
+    className,
+    style,
+    children
+  } = props;
+  const rootRef = React.useRef(null);
+  const [containerWidth, setContainerWidth] = React.useState(0);
+  const [measuredHeights, setMeasuredHeights] = React.useState({});
+  const itemRefs = React.useRef(/* @__PURE__ */ new Map());
+  const normalizedItems = React.useMemo(() => {
+    if (items) return items;
+    if (!children) return [];
+    return React__default.default.Children.toArray(children).map((child, index) => {
+      var _a;
+      if (React__default.default.isValidElement(child)) {
+        const key = (_a = child.key) != null ? _a : `masonry-item-${index}`;
+        return {
+          key,
+          children: child
+        };
+      }
+      return {
+        key: `masonry-item-${index}`,
+        children: child
+      };
+    });
+  }, [items, children]);
+  const currentBreakpoint = React.useMemo(() => getBreakpoint(containerWidth), [containerWidth]);
+  const resolvedColumns = React.useMemo(() => {
+    const count = resolveResponsiveValue(columns, currentBreakpoint, 3);
+    return Math.max(1, Math.floor(count));
+  }, [columns, currentBreakpoint]);
+  const [horizontalGap, verticalGap] = React.useMemo(
+    () => resolveGutter(gutter, currentBreakpoint),
+    [gutter, currentBreakpoint]
+  );
+  React.useEffect(() => {
+    if (!rootRef.current) return;
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const width = entry.contentRect.width;
+        if (width > 0) {
+          setContainerWidth(width);
+        }
+      }
+    });
+    observer.observe(rootRef.current);
+    return () => observer.disconnect();
+  }, []);
+  const measureItems = React.useCallback(() => {
+    let hasChange = false;
+    const newHeights = {};
+    itemRefs.current.forEach((el, key) => {
+      if (el) {
+        const strKey = String(key);
+        const h = el.offsetHeight;
+        if (h > 0) {
+          newHeights[strKey] = h;
+          if (measuredHeights[strKey] !== h) {
+            hasChange = true;
+          }
+        }
+      }
+    });
+    if (hasChange) {
+      setMeasuredHeights((prev) => ({ ...prev, ...newHeights }));
+    }
+  }, [measuredHeights]);
+  React.useLayoutEffect(() => {
+    const handle = requestAnimationFrame(() => {
+      measureItems();
+    });
+    return () => cancelAnimationFrame(handle);
+  }, [measureItems]);
+  React.useEffect(() => {
+    if (!fresh) return;
+    const observer = new ResizeObserver(() => {
+      measureItems();
+    });
+    itemRefs.current.forEach((el) => {
+      if (el) observer.observe(el);
+    });
+    return () => observer.disconnect();
+  }, [fresh, measureItems, normalizedItems]);
+  const columnWidth = React.useMemo(() => {
+    if (containerWidth <= 0) return 0;
+    const totalGap = (resolvedColumns - 1) * horizontalGap;
+    return Math.max(0, (containerWidth - totalGap) / resolvedColumns);
+  }, [containerWidth, resolvedColumns, horizontalGap]);
+  const { layoutItems, containerHeight, layoutChangeData } = React.useMemo(() => {
+    const colHeights = new Array(resolvedColumns).fill(0);
+    const changeData = [];
+    const computedList = normalizedItems.map((item) => {
+      var _a, _b;
+      const h = (_b = (_a = item.height) != null ? _a : measuredHeights[String(item.key)]) != null ? _b : 0;
+      let targetCol = 0;
+      if (typeof item.column === "number" && item.column >= 0 && item.column < resolvedColumns) {
+        targetCol = Math.floor(item.column);
+      } else {
+        let minH = colHeights[0];
+        for (let i = 1; i < resolvedColumns; i++) {
+          if (colHeights[i] < minH) {
+            minH = colHeights[i];
+            targetCol = i;
+          }
+        }
+      }
+      const left = targetCol * (columnWidth + horizontalGap);
+      const top = colHeights[targetCol];
+      colHeights[targetCol] += h + (h > 0 ? verticalGap : 0);
+      changeData.push({ key: item.key, column: targetCol });
+      return {
+        item,
+        left,
+        top,
+        width: columnWidth,
+        height: h,
+        column: targetCol
+      };
+    });
+    const totalH = Math.max(0, ...colHeights);
+    return {
+      layoutItems: computedList,
+      containerHeight: totalH,
+      layoutChangeData: changeData
+    };
+  }, [normalizedItems, resolvedColumns, horizontalGap, verticalGap, columnWidth, measuredHeights]);
+  const prevLayoutRef = React.useRef("");
+  React.useEffect(() => {
+    const layoutKey = JSON.stringify(layoutChangeData);
+    if (layoutKey !== prevLayoutRef.current) {
+      prevLayoutRef.current = layoutKey;
+      onLayoutChange == null ? void 0 : onLayoutChange(layoutChangeData);
+    }
+  }, [layoutChangeData, onLayoutChange]);
+  const semanticClassNames = React.useMemo(() => {
+    var _a;
+    if (typeof classNames === "function") {
+      return (_a = classNames({ props })) != null ? _a : {};
+    }
+    return classNames != null ? classNames : {};
+  }, [classNames, props]);
+  const semanticStyles = React.useMemo(() => {
+    var _a;
+    if (typeof styles === "function") {
+      return (_a = styles({ props })) != null ? _a : {};
+    }
+    return styles != null ? styles : {};
+  }, [styles, props]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: rootRef,
+      className: ["masonry_root", semanticClassNames.root, className].filter(Boolean).join(" "),
+      style: {
+        minHeight: containerHeight > 0 ? containerHeight : void 0,
+        height: containerHeight > 0 ? containerHeight : void 0,
+        ...semanticStyles.root,
+        ...style
+      },
+      children: layoutItems.map(({ item, left, top, width, height }) => {
+        var _a;
+        const content = (_a = item.children) != null ? _a : itemRender == null ? void 0 : itemRender(item);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: (node) => {
+              if (node) {
+                itemRefs.current.set(item.key, node);
+              } else {
+                itemRefs.current.delete(item.key);
+              }
+            },
+            className: ["masonry_item", semanticClassNames.item].filter(Boolean).join(" "),
+            style: {
+              width: containerWidth > 0 ? width : "100%",
+              height: height > 0 ? height : void 0,
+              transform: containerWidth > 0 ? `translate3d(${left}px, ${top}px, 0)` : void 0,
+              opacity: containerWidth > 0 ? 1 : 0,
+              ...semanticStyles.item
+            },
+            onLoad: measureItems,
+            children: content
+          },
+          item.key
+        );
+      })
+    }
+  );
+};
+var Masonry_default = Masonry;
+
+exports.Masonry_default = Masonry_default;
+//# sourceMappingURL=chunk-VQKPZ4YE.cjs.map
+//# sourceMappingURL=chunk-VQKPZ4YE.cjs.map

package/dist/chunk-VQKPZ4YE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../Masonry/index.tsx"],"names":["useRef","useState","useMemo","React","useEffect","useCallback","useLayoutEffect","jsx"],"mappings":"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","file":"chunk-VQKPZ4YE.cjs","sourcesContent":["import type { CSSProperties, ReactNode, Key } from 'react';\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport './index.less';\n\n/** 响应式断点名称 */\nexport type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n\n/** 间距配置项 */\nexport type Gap = undefined | number | Partial<Record<Breakpoint, number>>;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/** 瀑布流单项结构 */\nexport interface MasonryItem<T = any> {\n\t/** 自定义展示内容，相对 itemRender 具有更高优先级 */\n\tchildren?: ReactNode;\n\t/** 自定义所在列（0-indexed） */\n\tcolumn?: number;\n\t/** 自定义存储数据 */\n\tdata?: T;\n\t/** 高度（手指定时优先使用，否则通过测量动态计算） */\n\theight?: number;\n\t/** 唯一标识 */\n\tkey: Key;\n}\n\n/** 语义化 DOM 节点 */\nexport type MasonrySemanticDOM = 'root' | 'item';\n\nexport type MasonryClassNames =\n\t| Partial<Record<MasonrySemanticDOM, string>>\n\t| ((info: { props: MasonryProps<any> }) => Partial<Record<MasonrySemanticDOM, string>>);\n\nexport type MasonryStyles =\n\t| Partial<Record<MasonrySemanticDOM, CSSProperties>>\n\t| ((info: { props: MasonryProps<any> }) => Partial<Record<MasonrySemanticDOM, CSSProperties>>);\n\n/** Masonry 组件属性 */\nexport interface MasonryProps<T = any> {\n\t/** 用于自定义组件内部各语义化结构的 class，支持对象或函数 */\n\tclassNames?: MasonryClassNames;\n\t/** 列数，可以是固定值或响应式配置，默认 3 */\n\tcolumns?: number | Partial<Record<Breakpoint, number>>;\n\t/** 是否持续监听子项尺寸变化，默认 false */\n\tfresh?: boolean;\n\t/** 间距，可以是固定值、响应式配置或水平垂直间距配置 [horizontalGap, verticalGap]，默认 0 */\n\tgutter?: Gap | [Gap, Gap];\n\t/** 瀑布流项列表 */\n\titems?: MasonryItem<T>[];\n\t/** 自定义项渲染 */\n\titemRender?: (item: MasonryItem<T>) => ReactNode;\n\t/** 语义化结构 style，支持对象和函数形式 */\n\tstyles?: MasonryStyles;\n\t/** 列排序回调 */\n\tonLayoutChange?: (layout: { key: Key; column: number }[]) => void;\n\t/** 根节点自定义类名 */\n\tclassName?: string;\n\t/** 根节点自定义 CSS 样式 */\n\tstyle?: CSSProperties;\n\t/** JSX 子节点支持 */\n\tchildren?: ReactNode;\n}\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nconst BREAKPOINT_ORDER: Breakpoint[] = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];\n\n/** 计算当前容器宽度对应的响应式断点 */\nfunction getBreakpoint(width: number): Breakpoint {\n\tif (width >= 1600) return 'xxl';\n\tif (width >= 1200) return 'xl';\n\tif (width >= 992) return 'lg';\n\tif (width >= 768) return 'md';\n\tif (width >= 576) return 'sm';\n\treturn 'xs';\n}\n\n/** 解析响应式配置值 */\nfunction resolveResponsiveValue<T>(\n\tvalue: T | Partial<Record<Breakpoint, T>> | undefined,\n\tcurrentBp: Breakpoint,\n\tdefaultValue: T,\n): T {\n\tif (value === undefined || value === null) return defaultValue;\n\tif (typeof value === 'object') {\n\t\tconst obj = value as Partial<Record<Breakpoint, T>>;\n\t\tif (obj[currentBp] !== undefined) return obj[currentBp]!;\n\t\tconst currentIdx = BREAKPOINT_ORDER.indexOf(currentBp);\n\t\tfor (let i = currentIdx - 1; i >= 0; i--) {\n\t\t\tconst bp = BREAKPOINT_ORDER[i];\n\t\t\tif (obj[bp] !== undefined) return obj[bp]!;\n\t\t}\n\t\tfor (let i = currentIdx + 1; i < BREAKPOINT_ORDER.length; i++) {\n\t\t\tconst bp = BREAKPOINT_ORDER[i];\n\t\t\tif (obj[bp] !== undefined) return obj[bp]!;\n\t\t}\n\t\treturn defaultValue;\n\t}\n\treturn value;\n}\n\n/** 解析水平和垂直 Gutter */\nfunction resolveGutter(\n\tgutter: Gap | [Gap, Gap] | undefined,\n\tcurrentBp: Breakpoint,\n): [number, number] {\n\tif (!gutter) return [0, 0];\n\tif (Array.isArray(gutter)) {\n\t\tconst h = resolveResponsiveValue(gutter[0], currentBp, 0);\n\t\tconst v = resolveResponsiveValue(gutter[1], currentBp, 0);\n\t\treturn [h, v];\n\t}\n\tconst g = resolveResponsiveValue(gutter, currentBp, 0);\n\treturn [g, g];\n}\n\nconst Masonry = <T = unknown,>(props: MasonryProps<T>) => {\n\tconst {\n\t\tclassNames,\n\t\tcolumns = 3,\n\t\tfresh = false,\n\t\tgutter = 0,\n\t\titems,\n\t\titemRender,\n\t\tstyles,\n\t\tonLayoutChange,\n\t\tclassName,\n\t\tstyle,\n\t\tchildren,\n\t} = props;\n\n\tconst rootRef = useRef<HTMLDivElement>(null);\n\tconst [containerWidth, setContainerWidth] = useState<number>(0);\n\tconst [measuredHeights, setMeasuredHeights] = useState<Record<string, number>>({});\n\tconst itemRefs = useRef<Map<Key, HTMLDivElement>>(new Map());\n\n\t// 规范化 items 列表（支持 items 属性或 JSX children）\n\tconst normalizedItems: MasonryItem<T>[] = useMemo(() => {\n\t\tif (items) return items;\n\t\tif (!children) return [];\n\t\treturn React.Children.toArray(children).map((child, index) => {\n\t\t\tif (React.isValidElement(child)) {\n\t\t\t\tconst key = child.key ?? `masonry-item-${index}`;\n\t\t\t\treturn {\n\t\t\t\t\tkey,\n\t\t\t\t\tchildren: child,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tkey: `masonry-item-${index}`,\n\t\t\t\tchildren: child,\n\t\t\t};\n\t\t});\n\t}, [items, children]);\n\n\t// 计算当前响应式断点\n\tconst currentBreakpoint = useMemo(() => getBreakpoint(containerWidth), [containerWidth]);\n\n\t// 解析实际列数与间隔\n\tconst resolvedColumns = useMemo(() => {\n\t\tconst count = resolveResponsiveValue(columns, currentBreakpoint, 3);\n\t\treturn Math.max(1, Math.floor(count));\n\t}, [columns, currentBreakpoint]);\n\n\tconst [horizontalGap, verticalGap] = useMemo(\n\t\t() => resolveGutter(gutter, currentBreakpoint),\n\t\t[gutter, currentBreakpoint],\n\t);\n\n\t// 监听容器宽度变化\n\tuseEffect(() => {\n\t\tif (!rootRef.current) return;\n\t\tconst observer = new ResizeObserver((entries) => {\n\t\t\tfor (const entry of entries) {\n\t\t\t\tconst width = entry.contentRect.width;\n\t\t\t\tif (width > 0) {\n\t\t\t\t\tsetContainerWidth(width);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\tobserver.observe(rootRef.current);\n\t\treturn () => observer.disconnect();\n\t}, []);\n\n\t// 测量每个 item DOM 的实际高度\n\tconst measureItems = useCallback(() => {\n\t\tlet hasChange = false;\n\t\tconst newHeights: Record<string, number> = {};\n\n\t\titemRefs.current.forEach((el, key) => {\n\t\t\tif (el) {\n\t\t\t\tconst strKey = String(key);\n\t\t\t\tconst h = el.offsetHeight;\n\t\t\t\tif (h > 0) {\n\t\t\t\t\tnewHeights[strKey] = h;\n\t\t\t\t\tif (measuredHeights[strKey] !== h) {\n\t\t\t\t\t\thasChange = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tif (hasChange) {\n\t\t\tsetMeasuredHeights((prev) => ({ ...prev, ...newHeights }));\n\t\t}\n\t}, [measuredHeights]);\n\n\tuseLayoutEffect(() => {\n\t\tconst handle = requestAnimationFrame(() => {\n\t\t\tmeasureItems();\n\t\t});\n\t\treturn () => cancelAnimationFrame(handle);\n\t}, [measureItems]);\n\n\t// 监听 fresh 配置：持续监听每个 item 的 DOM 尺寸变动（例如图片加载、文本折叠）\n\tuseEffect(() => {\n\t\tif (!fresh) return;\n\t\tconst observer = new ResizeObserver(() => {\n\t\t\tmeasureItems();\n\t\t});\n\n\t\titemRefs.current.forEach((el) => {\n\t\t\tif (el) observer.observe(el);\n\t\t});\n\n\t\treturn () => observer.disconnect();\n\t}, [fresh, measureItems, normalizedItems]);\n\n\t// 计算单个列宽\n\tconst columnWidth = useMemo(() => {\n\t\tif (containerWidth <= 0) return 0;\n\t\tconst totalGap = (resolvedColumns - 1) * horizontalGap;\n\t\treturn Math.max(0, (containerWidth - totalGap) / resolvedColumns);\n\t}, [containerWidth, resolvedColumns, horizontalGap]);\n\n\t// 瀑布流核心布局算法计算\n\tconst { layoutItems, containerHeight, layoutChangeData } = useMemo(() => {\n\t\tconst colHeights = new Array(resolvedColumns).fill(0);\n\t\tconst changeData: { key: Key; column: number }[] = [];\n\n\t\tconst computedList = normalizedItems.map((item) => {\n\t\t\t// 如果显式指定了 height，优先使用；否则使用 DOM 测量的 height\n\t\t\tconst h = item.height ?? measuredHeights[String(item.key)] ?? 0;\n\n\t\t\t// 判断目标放置列（指定列数或者找当前高度最小的列）\n\t\t\tlet targetCol = 0;\n\t\t\tif (typeof item.column === 'number' && item.column >= 0 && item.column < resolvedColumns) {\n\t\t\t\ttargetCol = Math.floor(item.column);\n\t\t\t} else {\n\t\t\t\tlet minH = colHeights[0];\n\t\t\t\tfor (let i = 1; i < resolvedColumns; i++) {\n\t\t\t\t\tif (colHeights[i] < minH) {\n\t\t\t\t\t\tminH = colHeights[i];\n\t\t\t\t\t\ttargetCol = i;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst left = targetCol * (columnWidth + horizontalGap);\n\t\t\tconst top = colHeights[targetCol];\n\n\t\t\t// 更新该列高度\n\t\t\tcolHeights[targetCol] += h + (h > 0 ? verticalGap : 0);\n\n\t\t\tchangeData.push({ key: item.key, column: targetCol });\n\n\t\t\treturn {\n\t\t\t\titem,\n\t\t\t\tleft,\n\t\t\t\ttop,\n\t\t\t\twidth: columnWidth,\n\t\t\t\theight: h,\n\t\t\t\tcolumn: targetCol,\n\t\t\t};\n\t\t});\n\n\t\tconst totalH = Math.max(0, ...colHeights);\n\n\t\treturn {\n\t\t\tlayoutItems: computedList,\n\t\t\tcontainerHeight: totalH,\n\t\t\tlayoutChangeData: changeData,\n\t\t};\n\t}, [normalizedItems, resolvedColumns, horizontalGap, verticalGap, columnWidth, measuredHeights]);\n\n\t// 触发 onLayoutChange 回调\n\tconst prevLayoutRef = useRef<string>('');\n\tuseEffect(() => {\n\t\tconst layoutKey = JSON.stringify(layoutChangeData);\n\t\tif (layoutKey !== prevLayoutRef.current) {\n\t\t\tprevLayoutRef.current = layoutKey;\n\t\t\tonLayoutChange?.(layoutChangeData);\n\t\t}\n\t}, [layoutChangeData, onLayoutChange]);\n\n\t// 解析语义化 className 和 styles\n\tconst semanticClassNames = useMemo(() => {\n\t\tif (typeof classNames === 'function') {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\treturn classNames({ props: props as MasonryProps<any> }) ?? {};\n\t\t}\n\t\treturn classNames ?? {};\n\t}, [classNames, props]);\n\n\tconst semanticStyles = useMemo(() => {\n\t\tif (typeof styles === 'function') {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\treturn styles({ props: props as MasonryProps<any> }) ?? {};\n\t\t}\n\t\treturn styles ?? {};\n\t}, [styles, props]);\n\n\treturn (\n\t\t<div\n\t\t\tref={rootRef}\n\t\t\tclassName={['masonry_root', semanticClassNames.root, className].filter(Boolean).join(' ')}\n\t\t\tstyle={{\n\t\t\t\tminHeight: containerHeight > 0 ? containerHeight : undefined,\n\t\t\t\theight: containerHeight > 0 ? containerHeight : undefined,\n\t\t\t\t...semanticStyles.root,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t{layoutItems.map(({ item, left, top, width, height }) => {\n\t\t\t\tconst content = item.children ?? itemRender?.(item);\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={item.key}\n\t\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\t\tif (node) {\n\t\t\t\t\t\t\t\titemRefs.current.set(item.key, node);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\titemRefs.current.delete(item.key);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={['masonry_item', semanticClassNames.item].filter(Boolean).join(' ')}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: containerWidth > 0 ? width : '100%',\n\t\t\t\t\t\t\theight: height > 0 ? height : undefined,\n\t\t\t\t\t\t\ttransform: containerWidth > 0 ? `translate3d(${left}px, ${top}px, 0)` : undefined,\n\t\t\t\t\t\t\topacity: containerWidth > 0 ? 1 : 0,\n\t\t\t\t\t\t\t...semanticStyles.item,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonLoad={measureItems}\n\t\t\t\t\t>\n\t\t\t\t\t\t{content}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default Masonry;\n"]}

package/dist/chunk-VTANPKPT.js

@@ -0,0 +1,71 @@
+import { useRef, useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// Marquee/index.tsx
+var Marquee = ({
+  children,
+  direction = "left",
+  speed = 50,
+  pauseOnHover = true,
+  gradient = false,
+  gradientColor = "#ffffff",
+  gap = 24,
+  play = true,
+  className = "",
+  style
+}) => {
+  const containerRef = useRef(null);
+  const contentRef = useRef(null);
+  const [duration, setDuration] = useState(20);
+  const isVertical = direction === "up" || direction === "down";
+  useEffect(() => {
+    const calculateDuration = () => {
+      if (!contentRef.current) return;
+      const size = isVertical ? contentRef.current.clientHeight : contentRef.current.clientWidth;
+      if (size > 0 && speed > 0) {
+        setDuration(size / speed);
+      }
+    };
+    calculateDuration();
+    window.addEventListener("resize", calculateDuration);
+    return () => window.removeEventListener("resize", calculateDuration);
+  }, [children, speed, isVertical, gap]);
+  let animName = "rpcMarqueeLeft";
+  if (direction === "right") animName = "rpcMarqueeRight";
+  else if (direction === "up") animName = "rpcMarqueeUp";
+  else if (direction === "down") animName = "rpcMarqueeDown";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: `rpc_marquee ${isVertical ? "rpc_marquee_vertical" : ""} ${pauseOnHover ? "rpc_marquee_pause_on_hover" : ""} ${gradient ? "rpc_marquee_gradient" : ""} ${className}`,
+      style: {
+        ["--rpc-marquee-gap"]: `${gap}px`,
+        ["--rpc-marquee-gradient-color"]: gradientColor,
+        ...style
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rpc_marquee_container",
+          style: {
+            animationName: animName,
+            animationDuration: `${duration}s`,
+            animationTimingFunction: "linear",
+            animationIterationCount: "infinite",
+            animationPlayState: play ? "running" : "paused"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { ref: contentRef, className: "rpc_marquee_content", children }),
+            /* @__PURE__ */ jsx("div", { className: "rpc_marquee_content", "aria-hidden": "true", children })
+          ]
+        }
+      )
+    }
+  );
+};
+var Marquee_default = Marquee;
+
+export { Marquee_default };
+//# sourceMappingURL=chunk-VTANPKPT.js.map
+//# sourceMappingURL=chunk-VTANPKPT.js.map