@rescui/collapse 0.7.0 → 0.7.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/collapse",
-  "version": "0.7.0",
+  "version": "0.7.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.1+8695a904",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@rescui/use-resize-observer": "^0.3.0",
+    "@rescui/use-resize-observer": "0.3.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.19+8695a904",
     "classnames": "^2.2.6"
   },
   "peerDependencies": {
@@ -25,10 +25,10 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.2.10",
-    "@rescui/scripts": "^0.5.1",
-    "@rescui/typography": "^0.24.0",
-    "@rescui/visual-regression": "^0.1.2",
+    "@rescui/colors": "0.2.11-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.19+8695a904",
+    "@rescui/scripts": "0.5.1",
+    "@rescui/typography": "0.24.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.19+8695a904",
+    "@rescui/visual-regression": "0.1.2",
     "@types/classnames": "^2.2.11"
   },
   "scripts": {
@@ -36,5 +36,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "3426ad41a01573e7c1c1f3862ce853ada33dfea3"
+  "gitHead": "8695a9042a55369f8df8f03ffd61c988cd3d3df4"
 }

package/lib/_virtual/index.css.js

@@ -1,15 +0,0 @@
-var styles = {
-  "icon": "_icon_1vjehu8_4",
-  "sizeXS": "_sizeXS_1vjehu8_14",
-  "sizeS": "_sizeS_1vjehu8_18",
-  "sizeM": "_sizeM_1vjehu8_22",
-  "sizeL": "_sizeL_1vjehu8_26",
-  "light": "_light_1vjehu8_30",
-  "dark": "_dark_1vjehu8_34",
-  "allVariants": "_allVariants_1vjehu8_48",
-  "variant16": "_variant16_1vjehu8_53",
-  "variant20": "_variant20_1vjehu8_54",
-  "variant24": "_variant24_1vjehu8_55",
-  "variant28": "_variant28_1vjehu8_58"
-};
-export { styles as default };

package/lib/_virtual/plus.js

@@ -1,106 +0,0 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import styles from './index.css.js';
-const sizeStyles = {
-  "xs": styles.sizeXS,
-  "s": styles.sizeS,
-  "m": styles.sizeM,
-  "l": styles.sizeL
-};
-const Size = {
-  "xs": "xs",
-  "s": "s",
-  "m": "m",
-  "l": "l"
-};
-const PlusIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 16 16"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75"
-})));
-PlusIcon16.displayName = 'PlusIcon16';
-const PlusIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 20 20"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M10 3a1 1 0 0 1 1 1v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5H4a1 1 0 1 1 0-2h5V4a1 1 0 0 1 1-1"
-})));
-PlusIcon20.displayName = 'PlusIcon20';
-const PlusIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 24 24"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M12.5 3A1.5 1.5 0 0 1 14 4.5V10h5.5a1.5 1.5 0 0 1 0 3H14v5.5a1.5 1.5 0 0 1-3 0V13H5.5a1.5 1.5 0 0 1 0-3H11V4.5A1.5 1.5 0 0 1 12.5 3"
-})));
-PlusIcon24.displayName = 'PlusIcon24';
-const PlusIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 28 28"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M14.5 4A1.5 1.5 0 0 1 16 5.5V12h6.5a1.5 1.5 0 0 1 0 3H16v6.5a1.5 1.5 0 0 1-3 0V15H6.5a1.5 1.5 0 0 1 0-3H13V5.5A1.5 1.5 0 0 1 14.5 4"
-})));
-PlusIcon28.displayName = 'PlusIcon28';
-const PlusIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    theme,
-    size: sizeFromProps = "m",
-    className,
-    style,
-    ['data-render-all-sizes']: renderAllSizes = false,
-    ...props
-  } = _ref;
-  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,
-      ...style
-    } : style,
-    ref
-  };
-
-  if (renderAllSizes) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 28 28"
-    }, mainProps), /*#__PURE__*/React.createElement(PlusIcon16, {
-      className: styles.variant16
-    }), /*#__PURE__*/React.createElement(PlusIcon20, {
-      className: styles.variant20
-    }), /*#__PURE__*/React.createElement(PlusIcon24, {
-      className: styles.variant24
-    }), /*#__PURE__*/React.createElement(PlusIcon28, {
-      className: styles.variant28
-    }));
-  }
-
-  if (size === Size['xs']) {
-    return /*#__PURE__*/React.createElement(PlusIcon16, mainProps);
-  }
-
-  if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement(PlusIcon20, mainProps);
-  }
-
-  if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement(PlusIcon24, mainProps);
-  }
-
-  return /*#__PURE__*/React.createElement(PlusIcon28, mainProps);
-});
-PlusIcon.displayName = 'PlusIcon';
-PlusIcon.propTypes = {
-  className: PropTypes.string,
-  theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
-  'data-render-all-sizes': PropTypes.bool,
-  style: PropTypes.object
-};
-export { Size, PlusIcon as default };

package/lib/_virtual/right.js

@@ -1,106 +0,0 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import styles from './index.css.js';
-const sizeStyles = {
-  "xs": styles.sizeXS,
-  "s": styles.sizeS,
-  "m": styles.sizeM,
-  "l": styles.sizeL
-};
-const Size = {
-  "xs": "xs",
-  "s": "s",
-  "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"
-})));
-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"
-})));
-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"
-})));
-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"
-})));
-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 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,
-      ...style
-    } : style,
-    ref
-  };
-
-  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
-    }));
-  }
-
-  if (size === Size['xs']) {
-    return /*#__PURE__*/React.createElement(RightIcon16, mainProps);
-  }
-
-  if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement(RightIcon20, mainProps);
-  }
-
-  if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement(RightIcon24, mainProps);
-  }
-
-  return /*#__PURE__*/React.createElement(RightIcon28, mainProps);
-});
-RightIcon.displayName = 'RightIcon';
-RightIcon.propTypes = {
-  className: PropTypes.string,
-  theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
-  'data-render-all-sizes': PropTypes.bool,
-  style: PropTypes.object
-};
-export { Size, RightIcon as default };

package/lib/accordion.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import type { Theme } from '@rescui/ui-contexts';
-import type { AccordionGap, CollapseSize, CollapseMode, CollapseIcon, KeyType } from './types';
-export declare type AccordionExplicitProps = {
-    children?: React.ReactNode;
-    className?: string;
-    /**
-     * Opened collapse classname
-     */
-    openedClassName?: string;
-    /**
-     * Collapse items size
-     */
-    size?: CollapseSize;
-    /**
-     *  Collapse items appearance mode
-     */
-    mode?: CollapseMode;
-    /**
-     * Collapse items icon type
-     */
-    icon?: CollapseIcon;
-    /**
-     * Controls the bottom border of collapse items
-     */
-    borderBottom?: boolean;
-    /**
-     * Disable left content padding of collapse items
-     */
-    disableLeftPadding?: boolean;
-    /**
-     * Vertical gap between children items
-     */
-    gap?: AccordionGap;
-    theme?: Theme;
-    /**
-     * Active collapse key. Must be used with `itemKey` prop on the collapse items.
-     * Any value except `undefined` turns accordion into controlled mode.
-     */
-    value?: KeyType;
-    /**
-     * Event which fired when the active collapse item is changed.
-     */
-    onChange?: (key: KeyType) => void;
-};
-export declare type AccordionProps = AccordionExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof AccordionExplicitProps | 'ref'>;
-export declare const Accordion: React.ForwardRefExoticComponent<AccordionExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof AccordionExplicitProps | "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/accordion.js

@@ -1,87 +0,0 @@
-"use client";
-import React, { useState } from 'react';
-import cn from 'classnames';
-import PropTypes from 'prop-types';
-import { useThemeWithUndefined } from '@rescui/ui-contexts';
-import { collapseContext } from './context.js';
-import styles from './collapse.p.module.css.js';
-const GAP_STYLES = {
-  0: styles.accordionGap0,
-  8: styles.accordionGap8,
-  12: styles.accordionGap12,
-  16: styles.accordionGap16,
-  24: styles.accordionGap24,
-  32: styles.accordionGap32
-};
-const THEME_STYLES = {
-  light: styles.themeLight,
-  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';
-  const theme = useThemeWithUndefined(themeFromProps);
-  const [openKey, setActiveKey] = useState(isControlled ? value : null);
-
-  const toggleActiveKey = key => {
-    const activatingKey = key !== openKey ? key : null;
-
-    if (onChange) {
-      onChange(activatingKey);
-    }
-
-    setActiveKey(activatingKey);
-  };
-
-  return /*#__PURE__*/React.createElement(collapseContext.Provider, {
-    value: {
-      openedKey: isControlled ? value : openKey,
-      isInAccordion: true,
-      isInControlledAccordion: isControlled,
-      toggleActiveKey,
-      setActiveKey,
-      size,
-      mode,
-      icon,
-      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));
-});
-Accordion.displayName = 'Accordion';
-Accordion.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  openedClassName: PropTypes.string,
-  size: PropTypes.oneOf(['s', 'm', 'l']),
-  mode: PropTypes.oneOf(['classic', 'rock', 'clear']),
-  icon: PropTypes.oneOf(['arrow', 'left-plus', 'right-plus']),
-  gap: PropTypes.oneOf([0, 8, 12, 16, 24, 32]),
-  theme: PropTypes.oneOf(['light', 'dark']),
-  borderBottom: PropTypes.bool,
-  disableLeftPadding: PropTypes.bool,
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.symbol]),
-  onChange: PropTypes.func
-};
-export { Accordion };

package/lib/collapse.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import type { Theme } from '@rescui/ui-contexts';
-import type { CollapseIcon, CollapseMode, CollapseSize, KeyType } from './types';
-export declare type CollapseExplicitProps = {
-    children?: React.ReactNode;
-    className?: string;
-    /**
-     * Classname for the opened state
-     */
-    openedClassName?: string;
-    /**
-     *  Collapse title slot
-     */
-    title?: React.ReactNode;
-    /**
-     * Collapse size
-     * @default m
-     */
-    size?: CollapseSize;
-    /**
-     *  Collapse appearance mode
-     * @default classic
-     */
-    mode?: CollapseMode;
-    /**
-     * Collapse icon type
-     * @default left-plus
-     */
-    icon?: CollapseIcon;
-    /**
-     * Controls the Collapse bottom border
-     * @default false
-     */
-    borderBottom?: boolean;
-    /**
-     * Disable left content padding
-     * @default false
-     */
-    disableLeftPadding?: boolean;
-    /**
-     * Is collapse opened by default. Will be ignored in controlled `Accordion`
-     */
-    isDefaultOpened?: boolean;
-    theme?: Theme;
-    /**
-     * Collapse item key. May be required for the controlled `Accordion`
-     */
-    itemKey?: KeyType;
-};
-export declare type CollapseProps = CollapseExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof CollapseExplicitProps | 'ref'>;
-export declare const Collapse: React.ForwardRefExoticComponent<CollapseExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof CollapseExplicitProps | "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/collapse.js

@@ -1,173 +0,0 @@
-"use client";
-import React, { useRef, useContext, useState, useEffect } from 'react';
-import cn from 'classnames';
-import PropTypes from 'prop-types';
-import { useThemeWithUndefined } from '@rescui/ui-contexts';
-import { useResizeObserver } from '@rescui/use-resize-observer';
-import RightIcon from './_virtual/right.js';
-import PlusIcon from './_virtual/plus.js';
-import { collapseContext } from './context.js';
-import { useCollapseState, COLLAPSE_STATES, useStartedClosing } from './use-collapse-state.js';
-import styles from './collapse.p.module.css.js';
-
-function getRandId() {
-  return Math.random().toString(36).substring(7);
-}
-
-const THEME_STYLES = {
-  light: styles.themeLight,
-  dark: styles.themeDark
-};
-const SIZE_STYLES = {
-  s: styles.sizeS,
-  m: styles.sizeM,
-  l: styles.sizeL
-};
-const MODE_STYLES = {
-  classic: styles.classic,
-  rock: styles.rock,
-  clear: styles.clear
-};
-const ICON_STYLES = {
-  'left-plus': styles.iconPlus,
-  'right-plus': styles.iconPlus,
-  arrow: styles.iconArrow
-};
-const Collapse = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
-(_ref, ref) => {
-  let {
-    children,
-    className,
-    openedClassName: openedClassnameFromProps,
-    size: sizeFromProps,
-    mode: modeFromProps,
-    icon: iconFromProps,
-    borderBottom: borderBottomFromProps,
-    disableLeftPadding: disableLeftPaddingFromProps,
-    title,
-    isDefaultOpened = false,
-    theme: themeFromProps,
-    itemKey,
-    ...restProps
-  } = _ref;
-  // using the trick from  https://github.com/Yaska/react-use-id-hook/
-  const {
-    current: key
-  } = useRef(itemKey ?? getRandId());
-  const theme = useThemeWithUndefined(themeFromProps);
-  const {
-    openedKey,
-    isInAccordion,
-    isInControlledAccordion,
-    toggleActiveKey,
-    setActiveKey,
-    size: sizeFromContext,
-    mode: modeFromContext,
-    icon: iconFromContext,
-    borderBottom: borderBottomFromContext,
-    disableLeftPadding: disableLeftPaddingFromContext,
-    openedClassName: openedClassNameFromContext
-  } = useContext(collapseContext);
-  const size = sizeFromProps ?? sizeFromContext ?? 'm';
-  const mode = modeFromProps ?? modeFromContext ?? 'classic';
-  const icon = iconFromProps ?? iconFromContext ?? 'left-plus';
-  const borderBottom = borderBottomFromProps ?? borderBottomFromContext ?? false;
-  const disableLeftPadding = disableLeftPaddingFromProps ?? disableLeftPaddingFromContext ?? false;
-  const openedClassName = openedClassnameFromProps ?? openedClassNameFromContext; // height calculations
-
-  const resizeRef = useRef(null);
-  const [height, setHeight] = useState('initial');
-  useResizeObserver(resizeRef, entry => setHeight(entry.target.offsetHeight));
-  const isHeightCalculated = height !== 'initial'; // this state is ignored in accordion
-
-  const [shouldBeOpenedLocal, setShouldBeOpenedLocal] = useState(isDefaultOpened); // boolean state. ignores CLOSING and OPENING states
-
-  const shouldBeOpened = isInAccordion ? openedKey === key : shouldBeOpenedLocal; // add CLOSING and OPENING states.
-
-  const {
-    onAnimationEnd: handleTransitionEnd,
-    state: collapseState
-  } = useCollapseState({
-    shouldBeOpened,
-    // because how css transitions work, we shouldn't use OPENING and CLOSING states while height still calculating
-    // it also allows us to skip animation on the first renders
-    cancelAnimation: !isHeightCalculated
-  });
-  const isOpening = collapseState === COLLAPSE_STATES.OPENING;
-  const isOpened = collapseState === COLLAPSE_STATES.OPEN;
-  const isClosing = collapseState === COLLAPSE_STATES.CLOSING;
-  const isClosed = collapseState === COLLAPSE_STATES.CLOSE;
-  const {
-    isStartedClosing,
-    contentRef
-  } = useStartedClosing(collapseState);
-  const isRightIcon = icon === 'right-plus';
-  const Icon = icon === 'arrow' ? RightIcon : PlusIcon;
-
-  const toggleOpened = () => {
-    if (toggleActiveKey) {
-      toggleActiveKey(key);
-    } // this state update does nothing in accordion
-
-
-    setShouldBeOpenedLocal(!shouldBeOpened);
-  };
-
-  useEffect(() => {
-    // for uncontrolled accordion, tell it that this collapse is opened by default
-    if (isInAccordion && !isInControlledAccordion && isDefaultOpened && setActiveKey) {
-      setActiveKey(key);
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": 'collapse',
-    ...restProps,
-    className: cn(className, styles.main, isOpening && styles.opening, isOpened && styles.opened, isClosing && !isStartedClosing && styles.closingTransition, isClosing && styles.closing, isClosed && styles.closed, !isClosed && openedClassName, SIZE_STYLES[size], MODE_STYLES[mode], ICON_STYLES[icon], borderBottom && styles.hasBorderBottom, disableLeftPadding && styles.disableLeftPadding, isRightIcon ? styles.rightIcon : styles.leftIcon, THEME_STYLES[theme]),
-    "data-rs-internal": "collapse__collapse",
-    ref: ref
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    "data-test": 'collapse__button',
-    "data-rs-internal": "collapse__button",
-    className: styles.button,
-    onClick: toggleOpened
-  }, /*#__PURE__*/React.createElement(Icon, {
-    className: styles.icon,
-    "data-render-all-sizes": true
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn(styles.title),
-    "data-rs-internal": "collapse__title"
-  }, title)), /*#__PURE__*/React.createElement("div", {
-    className: styles.content,
-    "data-rs-internal": "collapse__content",
-    style: {
-      // So, we set the height value only on OPENING stage and just after beginning CLOSING stage
-      // The reason we don't leave this style for OPEN stage is because some content of the expanded Collapse may change its height dynamically
-      // This will be processed by resizeObserver, but some devices may lag behind
-      // And to make collapsing transition work, we need to have a frame with numbered height value before starting the collapse transition
-      height: isOpening || isStartedClosing ? height : null
-    },
-    ref: contentRef,
-    onTransitionEnd: handleTransitionEnd,
-    tabIndex: -1
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: resizeRef,
-    className: styles.innerWrapper
-  }, children)));
-});
-Collapse.displayName = 'Collapse';
-Collapse.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  openedClassName: PropTypes.string,
-  size: PropTypes.oneOf(['s', 'm', 'l']),
-  mode: PropTypes.oneOf(['classic', 'rock', 'clear']),
-  icon: PropTypes.oneOf(['arrow', 'left-plus', 'right-plus']),
-  theme: PropTypes.oneOf(['light', 'dark']),
-  itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.symbol]),
-  isDefaultOpened: PropTypes.bool,
-  borderBottom: PropTypes.bool,
-  disableLeftPadding: PropTypes.bool,
-  title: PropTypes.node
-};
-export { Collapse };

package/lib/collapse.p.module.css.js

@@ -1,35 +0,0 @@
-var styles = {
-  "themeLight": "_themeLight_swbn7y_6",
-  "themeDark": "_themeDark_swbn7y_9",
-  "sizeS": "_sizeS_swbn7y_13",
-  "sizeM": "_sizeM_swbn7y_16",
-  "sizeL": "_sizeL_swbn7y_19",
-  "classic": "_classic_swbn7y_23",
-  "rock": "_rock_swbn7y_26",
-  "clear": "_clear_swbn7y_29",
-  "hasBorderBottom": "_hasBorderBottom_swbn7y_33",
-  "leftIcon": "_leftIcon_swbn7y_37",
-  "rightIcon": "_rightIcon_swbn7y_40",
-  "disableLeftPadding": "_disableLeftPadding_swbn7y_44",
-  "main": "_main_swbn7y_48",
-  "opening": "_opening_swbn7y_59",
-  "opened": "_opened_swbn7y_60",
-  "closing": "_closing_swbn7y_61",
-  "title": "_title_swbn7y_95",
-  "content": "_content_swbn7y_103",
-  "closed": "_closed_swbn7y_111",
-  "closingTransition": "_closingTransition_swbn7y_120",
-  "innerWrapper": "_innerWrapper_swbn7y_127",
-  "button": "_button_swbn7y_133",
-  "icon": "_icon_swbn7y_186",
-  "iconPlus": "_iconPlus_swbn7y_202",
-  "iconArrow": "_iconArrow_swbn7y_207",
-  "accordion": "_accordion_swbn7y_213",
-  "accordionGap0": "_accordionGap0_swbn7y_218",
-  "accordionGap8": "_accordionGap8_swbn7y_221",
-  "accordionGap12": "_accordionGap12_swbn7y_224",
-  "accordionGap16": "_accordionGap16_swbn7y_227",
-  "accordionGap24": "_accordionGap24_swbn7y_230",
-  "accordionGap32": "_accordionGap32_swbn7y_233"
-};
-export { styles as default };

package/lib/context.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { CollapseIcon, CollapseMode, CollapseSize, KeyType } from './types';
-export declare type CollapseContext = {
-    openedKey?: KeyType;
-    isInAccordion?: boolean;
-    isInControlledAccordion?: boolean;
-    toggleActiveKey?: (key: KeyType) => void;
-    setActiveKey?: (key: KeyType) => void;
-    size?: CollapseSize;
-    mode?: CollapseMode;
-    icon?: CollapseIcon;
-    borderBottom?: boolean;
-    disableLeftPadding?: boolean;
-    openedClassName?: string;
-};
-export declare const collapseContext: React.Context<CollapseContext>;