@rescui/collapse 0.8.5 → 0.9.0

package/lib/_virtual/right.js

@@ -1,4 +1,5 @@
 import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -15,85 +16,315 @@ const Size = {
   "m": "m",
   "l": "l"
 };
-const RightIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 16 16"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M5.97 4.47a.75.75 0 0 0 0 1.06L8.44 8l-2.47 2.47a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0"
-})));
+const RightIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = c(4);
+  let t0;
+
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M5.97 4.47a.75.75 0 0 0 0 1.06L8.44 8l-2.47 2.47a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+
+  let t1;
+
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 16 16"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+
+  return t1;
+});
 RightIcon16.displayName = 'RightIcon16';
-const RightIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 20 20"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M7.293 5.293a1 1 0 0 0 0 1.414L10.586 10l-3.293 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0"
-})));
+const RightIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = c(4);
+  let t0;
+
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M7.293 5.293a1 1 0 0 0 0 1.414L10.586 10l-3.293 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+
+  let t1;
+
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 20 20"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+
+  return t1;
+});
 RightIcon20.displayName = 'RightIcon20';
-const RightIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 24 24"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M7.94 4.94a1.5 1.5 0 0 0 0 2.12L12.878 12l-4.94 4.94a1.5 1.5 0 0 0 2.122 2.12l6-6a1.5 1.5 0 0 0 0-2.12l-6-6a1.5 1.5 0 0 0-2.122 0"
-})));
+const RightIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = c(4);
+  let t0;
+
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M7.94 4.94a1.5 1.5 0 0 0 0 2.12L12.878 12l-4.94 4.94a1.5 1.5 0 0 0 2.122 2.12l6-6a1.5 1.5 0 0 0 0-2.12l-6-6a1.5 1.5 0 0 0-2.122 0"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+
+  let t1;
+
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 24 24"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+
+  return t1;
+});
 RightIcon24.displayName = 'RightIcon24';
-const RightIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 28 28"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M9.44 5.94a1.5 1.5 0 0 0 0 2.12L15.378 14l-5.94 5.94a1.5 1.5 0 0 0 2.122 2.12l7-7a1.5 1.5 0 0 0 0-2.12l-7-7a1.5 1.5 0 0 0-2.122 0"
-})));
+const RightIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = c(4);
+  let t0;
+
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M9.44 5.94a1.5 1.5 0 0 0 0 2.12L15.378 14l-5.94 5.94a1.5 1.5 0 0 0 2.122 2.12l7-7a1.5 1.5 0 0 0 0-2.12l-7-7a1.5 1.5 0 0 0-2.122 0"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+
+  let t1;
+
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+
+  return t1;
+});
 RightIcon28.displayName = 'RightIcon28';
-const RightIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    theme,
-    size: sizeFromProps = "m",
-    className,
-    style,
-    ['data-render-all-sizes']: renderAllSizes = false,
-    ...props
-  } = _ref;
+const RightIcon = /*#__PURE__*/React.forwardRef((t0, ref) => {
+  const $ = c(34);
+  let className;
+  let props;
+  let style;
+  let t1;
+  let t2;
+  let theme;
+
+  if ($[0] !== t0) {
+    ({
+      theme,
+      size: t1,
+      className,
+      style,
+      "data-render-all-sizes": t2,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = theme;
+  } else {
+    className = $[1];
+    props = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    theme = $[6];
+  }
+
+  const sizeFromProps = t1 === undefined ? "m" : t1;
+  const renderAllSizes = t2 === undefined ? false : t2;
   const size = sizeFromProps in Size ? sizeFromProps : "m";
-  const mainProps = { ...props,
-    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
-    style: renderAllSizes ? {
-      '--rs-icon-ar-width': 28,
-      '--rs-icon-ar-height': 28,
+  const t3 = styles[theme];
+  const t4 = sizeStyles[size];
+  const t5 = renderAllSizes && styles.allVariants;
+  let t6;
+
+  if ($[7] !== className || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
+    t6 = cn(styles.icon, t3, t4, t5, className);
+    $[7] = className;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+
+  let t7;
+
+  if ($[12] !== renderAllSizes || $[13] !== style) {
+    t7 = renderAllSizes ? {
+      "--rs-icon-ar-width": 28,
+      "--rs-icon-ar-height": 28,
       ...style
-    } : style,
-    ref
-  };
+    } : style;
+    $[12] = renderAllSizes;
+    $[13] = style;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+
+  let t8;
+
+  if ($[15] !== props || $[16] !== ref || $[17] !== t6 || $[18] !== t7) {
+    t8 = { ...props,
+      className: t6,
+      style: t7,
+      ref
+    };
+    $[15] = props;
+    $[16] = ref;
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+
+  const mainProps = t8;
 
   if (renderAllSizes) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 28 28"
-    }, mainProps), /*#__PURE__*/React.createElement(RightIcon16, {
-      className: styles.variant16
-    }), /*#__PURE__*/React.createElement(RightIcon20, {
-      className: styles.variant20
-    }), /*#__PURE__*/React.createElement(RightIcon24, {
-      className: styles.variant24
-    }), /*#__PURE__*/React.createElement(RightIcon28, {
-      className: styles.variant28
-    }));
+    let t10;
+    let t11;
+    let t12;
+    let t9;
+
+    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+      t9 = /*#__PURE__*/React.createElement(RightIcon16, {
+        className: styles.variant16
+      });
+      t10 = /*#__PURE__*/React.createElement(RightIcon20, {
+        className: styles.variant20
+      });
+      t11 = /*#__PURE__*/React.createElement(RightIcon24, {
+        className: styles.variant24
+      });
+      t12 = /*#__PURE__*/React.createElement(RightIcon28, {
+        className: styles.variant28
+      });
+      $[20] = t10;
+      $[21] = t11;
+      $[22] = t12;
+      $[23] = t9;
+    } else {
+      t10 = $[20];
+      t11 = $[21];
+      t12 = $[22];
+      t9 = $[23];
+    }
+
+    let t13;
+
+    if ($[24] !== mainProps) {
+      t13 = /*#__PURE__*/React.createElement("svg", _extends({
+        viewBox: "0 0 28 28"
+      }, mainProps), t9, t10, t11, t12);
+      $[24] = mainProps;
+      $[25] = t13;
+    } else {
+      t13 = $[25];
+    }
+
+    return t13;
   }
 
-  if (size === Size['xs']) {
-    return /*#__PURE__*/React.createElement(RightIcon16, mainProps);
+  if (size === Size.xs) {
+    let t9;
+
+    if ($[26] !== mainProps) {
+      t9 = /*#__PURE__*/React.createElement(RightIcon16, mainProps);
+      $[26] = mainProps;
+      $[27] = t9;
+    } else {
+      t9 = $[27];
+    }
+
+    return t9;
   }
 
-  if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement(RightIcon20, mainProps);
+  if (size === Size.s) {
+    let t9;
+
+    if ($[28] !== mainProps) {
+      t9 = /*#__PURE__*/React.createElement(RightIcon20, mainProps);
+      $[28] = mainProps;
+      $[29] = t9;
+    } else {
+      t9 = $[29];
+    }
+
+    return t9;
+  }
+
+  if (size === Size.m) {
+    let t9;
+
+    if ($[30] !== mainProps) {
+      t9 = /*#__PURE__*/React.createElement(RightIcon24, mainProps);
+      $[30] = mainProps;
+      $[31] = t9;
+    } else {
+      t9 = $[31];
+    }
+
+    return t9;
   }
 
-  if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement(RightIcon24, mainProps);
+  let t9;
+
+  if ($[32] !== mainProps) {
+    t9 = /*#__PURE__*/React.createElement(RightIcon28, mainProps);
+    $[32] = mainProps;
+    $[33] = t9;
+  } else {
+    t9 = $[33];
   }
 
-  return /*#__PURE__*/React.createElement(RightIcon28, mainProps);
+  return t9;
 });
 RightIcon.displayName = 'RightIcon';
 RightIcon.propTypes = {

package/lib/accordion.js

@@ -1,4 +1,6 @@
 "use client";
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React, { useState } from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
@@ -18,39 +20,104 @@ const THEME_STYLES = {
   dark: styles.themeDark
 };
 const Accordion = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
-(_ref, ref) => {
-  let {
-    children,
-    className,
-    openedClassName,
-    size = 'm',
-    mode = 'classic',
-    icon = 'left-plus',
-    borderBottom = false,
-    disableLeftPadding = false,
-    gap = 0,
-    theme: themeFromProps,
-    value,
-    onChange,
-    ...restProps
-  } = _ref;
-  const isControlled = typeof value !== 'undefined';
+(t0, ref) => {
+  const $ = c(39);
+  let children;
+  let className;
+  let onChange;
+  let openedClassName;
+  let restProps;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let themeFromProps;
+  let value;
+
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      openedClassName,
+      size: t1,
+      mode: t2,
+      icon: t3,
+      borderBottom: t4,
+      disableLeftPadding: t5,
+      gap: t6,
+      theme: themeFromProps,
+      value,
+      onChange,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = onChange;
+    $[4] = openedClassName;
+    $[5] = restProps;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = t6;
+    $[12] = themeFromProps;
+    $[13] = value;
+  } else {
+    children = $[1];
+    className = $[2];
+    onChange = $[3];
+    openedClassName = $[4];
+    restProps = $[5];
+    t1 = $[6];
+    t2 = $[7];
+    t3 = $[8];
+    t4 = $[9];
+    t5 = $[10];
+    t6 = $[11];
+    themeFromProps = $[12];
+    value = $[13];
+  }
+
+  const size = t1 === undefined ? "m" : t1;
+  const mode = t2 === undefined ? "classic" : t2;
+  const icon = t3 === undefined ? "left-plus" : t3;
+  const borderBottom = t4 === undefined ? false : t4;
+  const disableLeftPadding = t5 === undefined ? false : t5;
+  const gap = t6 === undefined ? 0 : t6;
+  const isControlled = typeof value !== "undefined";
   const theme = useThemeWithUndefined(themeFromProps);
   const [openKey, setActiveKey] = useState(isControlled ? value : null);
+  let t7;
+
+  if ($[14] !== onChange || $[15] !== openKey) {
+    t7 = key => {
+      const activatingKey = key !== openKey ? key : null;
 
-  const toggleActiveKey = key => {
-    const activatingKey = key !== openKey ? key : null;
+      if (onChange) {
+        onChange(activatingKey);
+      }
 
-    if (onChange) {
-      onChange(activatingKey);
-    }
+      setActiveKey(activatingKey);
+    };
 
-    setActiveKey(activatingKey);
-  };
+    $[14] = onChange;
+    $[15] = openKey;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
 
-  return /*#__PURE__*/React.createElement(collapseContext.Provider, {
-    value: {
-      openedKey: isControlled ? value : openKey,
+  const toggleActiveKey = t7;
+  const t8 = isControlled ? value : openKey;
+  let t9;
+
+  if ($[17] !== borderBottom || $[18] !== disableLeftPadding || $[19] !== icon || $[20] !== isControlled || $[21] !== mode || $[22] !== openedClassName || $[23] !== size || $[24] !== t8 || $[25] !== toggleActiveKey) {
+    t9 = {
+      openedKey: t8,
       isInAccordion: true,
       isInControlledAccordion: isControlled,
       toggleActiveKey,
@@ -61,13 +128,67 @@ const Accordion = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line com
       borderBottom,
       disableLeftPadding,
       openedClassName
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-test": 'accordion',
-    ...restProps,
-    className: cn(styles.accordion, GAP_STYLES[gap], THEME_STYLES[theme], className),
-    ref: ref
-  }, children));
+    };
+    $[17] = borderBottom;
+    $[18] = disableLeftPadding;
+    $[19] = icon;
+    $[20] = isControlled;
+    $[21] = mode;
+    $[22] = openedClassName;
+    $[23] = size;
+    $[24] = t8;
+    $[25] = toggleActiveKey;
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+
+  const t10 = GAP_STYLES[gap];
+  const t11 = THEME_STYLES[theme];
+  let t12;
+
+  if ($[27] !== className || $[28] !== t10 || $[29] !== t11) {
+    t12 = cn(styles.accordion, t10, t11, className);
+    $[27] = className;
+    $[28] = t10;
+    $[29] = t11;
+    $[30] = t12;
+  } else {
+    t12 = $[30];
+  }
+
+  let t13;
+
+  if ($[31] !== children || $[32] !== ref || $[33] !== restProps || $[34] !== t12) {
+    t13 = /*#__PURE__*/React.createElement("div", _extends({
+      "data-test": "accordion"
+    }, restProps, {
+      className: t12,
+      ref: ref
+    }), children);
+    $[31] = children;
+    $[32] = ref;
+    $[33] = restProps;
+    $[34] = t12;
+    $[35] = t13;
+  } else {
+    t13 = $[35];
+  }
+
+  let t14;
+
+  if ($[36] !== t13 || $[37] !== t9) {
+    t14 = /*#__PURE__*/React.createElement(collapseContext.Provider, {
+      value: t9
+    }, t13);
+    $[36] = t13;
+    $[37] = t9;
+    $[38] = t14;
+  } else {
+    t14 = $[38];
+  }
+
+  return t14;
 });
 Accordion.displayName = 'Accordion';
 Accordion.propTypes = {