@payloadcms/ui 3.0.0-alpha.9 → 3.0.0-beta.0

package/dist/elements/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEnD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

package/dist/elements/Button/types.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=types.js.map

package/dist/elements/Button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\nexport type Props = {\n  Link?: React.ElementType\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?: 'error' | 'icon-label' | 'none' | 'primary' | 'secondary' | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  round?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAGA,WAqBC"}

package/dist/elements/Card/index.d.ts

@@ -1,5 +1,15 @@
+import type { ElementType } from 'react';
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
+export type Props = {
+    Link?: ElementType;
+    actions?: React.ReactNode;
+    buttonAriaLabel?: string;
+    href?: string;
+    id?: string;
+    onClick?: () => void;
+    title: string;
+    titleAs?: ElementType;
+};
 export declare const Card: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB,CAAA;AAID,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BhC,CAAA"}

package/dist/elements/Card/index.js

@@ -1,23 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Card", {
-    enumerable: true,
-    get: function() {
-        return Card;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Button = require("../Button");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+import { Button } from '../Button/index.js';
 const baseClass = 'card';
-const Card = (props)=>{
+export const Card = (props)=>{
     const { id, Link, actions, buttonAriaLabel, href, onClick, title, titleAs } = props;
     const classes = [
         baseClass,
@@ -25,14 +9,14 @@ const Card = (props)=>{
         (onClick || href) && `${baseClass}--has-onclick`
     ].filter(Boolean).join(' ');
     const Tag = titleAs ?? 'div';
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: classes,
         id: id
-    }, /*#__PURE__*/ _react.default.createElement(Tag, {
+    }, /*#__PURE__*/ React.createElement(Tag, {
         className: `${baseClass}__title`
-    }, title), actions && /*#__PURE__*/ _react.default.createElement("div", {
+    }, title), actions && /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__actions`
-    }, actions), (onClick || href) && /*#__PURE__*/ _react.default.createElement(_Button.Button, {
+    }, actions), (onClick || href) && /*#__PURE__*/ React.createElement(Button, {
         Link: Link,
         "aria-label": buttonAriaLabel,
         buttonStyle: "none",
@@ -43,4 +27,4 @@ const Card = (props)=>{
     }));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9DYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2NhcmQnXG5cbmV4cG9ydCBjb25zdCBDYXJkOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBpZCwgTGluaywgYWN0aW9ucywgYnV0dG9uQXJpYUxhYmVsLCBocmVmLCBvbkNsaWNrLCB0aXRsZSwgdGl0bGVBcyB9ID0gcHJvcHNcblxuICBjb25zdCBjbGFzc2VzID0gW2Jhc2VDbGFzcywgaWQsIChvbkNsaWNrIHx8IGhyZWYpICYmIGAke2Jhc2VDbGFzc30tLWhhcy1vbmNsaWNrYF1cbiAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgLmpvaW4oJyAnKVxuXG4gIGNvbnN0IFRhZyA9IHRpdGxlQXMgPz8gJ2RpdidcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzfSBpZD17aWR9PlxuICAgICAgPFRhZyBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3RpdGxlYH0+e3RpdGxlfTwvVGFnPlxuICAgICAge2FjdGlvbnMgJiYgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2FjdGlvbnNgfT57YWN0aW9uc308L2Rpdj59XG4gICAgICB7KG9uQ2xpY2sgfHwgaHJlZikgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgTGluaz17TGlua31cbiAgICAgICAgICBhcmlhLWxhYmVsPXtidXR0b25BcmlhTGFiZWx9XG4gICAgICAgICAgYnV0dG9uU3R5bGU9XCJub25lXCJcbiAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NsaWNrYH1cbiAgICAgICAgICBlbD1cImxpbmtcIlxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgdG89e2hyZWZ9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiQ2FyZCIsImJhc2VDbGFzcyIsInByb3BzIiwiaWQiLCJMaW5rIiwiYWN0aW9ucyIsImJ1dHRvbkFyaWFMYWJlbCIsImhyZWYiLCJvbkNsaWNrIiwidGl0bGUiLCJ0aXRsZUFzIiwiY2xhc3NlcyIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiVGFnIiwiZGl2IiwiY2xhc3NOYW1lIiwiQnV0dG9uIiwiYXJpYS1sYWJlbCIsImJ1dHRvblN0eWxlIiwiZWwiLCJ0byJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFTYUE7OztlQUFBQTs7OzhEQVRLO3dCQUlLO1FBQ2hCOzs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsT0FBd0IsQ0FBQ0U7SUFDcEMsTUFBTSxFQUFFQyxFQUFFLEVBQUVDLElBQUksRUFBRUMsT0FBTyxFQUFFQyxlQUFlLEVBQUVDLElBQUksRUFBRUMsT0FBTyxFQUFFQyxLQUFLLEVBQUVDLE9BQU8sRUFBRSxHQUFHUjtJQUU5RSxNQUFNUyxVQUFVO1FBQUNWO1FBQVdFO1FBQUtLLENBQUFBLFdBQVdELElBQUcsS0FBTSxDQUFDLEVBQUVOLFVBQVUsYUFBYSxDQUFDO0tBQUMsQ0FDOUVXLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIsTUFBTUMsTUFBTUwsV0FBVztJQUV2QixxQkFDRSw2QkFBQ007UUFBSUMsV0FBV047UUFBU1IsSUFBSUE7cUJBQzNCLDZCQUFDWTtRQUFJRSxXQUFXLENBQUMsRUFBRWhCLFVBQVUsT0FBTyxDQUFDO09BQUdRLFFBQ3ZDSix5QkFBVyw2QkFBQ1c7UUFBSUMsV0FBVyxDQUFDLEVBQUVoQixVQUFVLFNBQVMsQ0FBQztPQUFHSSxVQUNyRCxBQUFDRyxDQUFBQSxXQUFXRCxJQUFHLG1CQUNkLDZCQUFDVyxjQUFNO1FBQ0xkLE1BQU1BO1FBQ05lLGNBQVliO1FBQ1pjLGFBQVk7UUFDWkgsV0FBVyxDQUFDLEVBQUVoQixVQUFVLE9BQU8sQ0FBQztRQUNoQ29CLElBQUc7UUFDSGIsU0FBU0E7UUFDVGMsSUFBSWY7O0FBS2QifQ==
+//# sourceMappingURL=index.js.map

package/dist/elements/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["import type { ElementType } from 'react'\n\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nexport type Props = {\n  Link?: ElementType\n  actions?: React.ReactNode\n  buttonAriaLabel?: string\n  href?: string\n  id?: string\n  onClick?: () => void\n  title: string\n  titleAs?: ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n  const { id, Link, actions, buttonAriaLabel, href, onClick, title, titleAs } = props\n\n  const classes = [baseClass, id, (onClick || href) && `${baseClass}--has-onclick`]\n    .filter(Boolean)\n    .join(' ')\n\n  const Tag = titleAs ?? 'div'\n\n  return (\n    <div className={classes} id={id}>\n      <Tag className={`${baseClass}__title`}>{title}</Tag>\n      {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n      {(onClick || href) && (\n        <Button\n          Link={Link}\n          aria-label={buttonAriaLabel}\n          buttonStyle=\"none\"\n          className={`${baseClass}__click`}\n          el=\"link\"\n          onClick={onClick}\n          to={href}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["React","Button","baseClass","Card","props","id","Link","actions","buttonAriaLabel","href","onClick","title","titleAs","classes","filter","Boolean","join","Tag","div","className","aria-label","buttonStyle","el","to"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qBAAoB;AAc3C,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAEC,OAAO,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGR;IAE9E,MAAMS,UAAU;QAACX;QAAWG;QAAKK,CAAAA,WAAWD,IAAG,KAAM,CAAC,EAAEP,UAAU,aAAa,CAAC;KAAC,CAC9EY,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,MAAML,WAAW;IAEvB,qBACE,oBAACM;QAAIC,WAAWN;QAASR,IAAIA;qBAC3B,oBAACY;QAAIE,WAAW,CAAC,EAAEjB,UAAU,OAAO,CAAC;OAAGS,QACvCJ,yBAAW,oBAACW;QAAIC,WAAW,CAAC,EAAEjB,UAAU,SAAS,CAAC;OAAGK,UACrD,AAACG,CAAAA,WAAWD,IAAG,mBACd,oBAACR;QACCK,MAAMA;QACNc,cAAYZ;QACZa,aAAY;QACZF,WAAW,CAAC,EAAEjB,UAAU,OAAO,CAAC;QAChCoB,IAAG;QACHZ,SAASA;QACTa,IAAId;;AAKd,EAAC"}

package/dist/elements/CodeEditor/CodeEditor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Props } from './types';
+import type { Props } from './types.js';
 import './index.scss';
 declare const CodeEditor: React.FC<Props>;
 export default CodeEditor;

package/dist/elements/CodeEditor/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiC/B,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAMrB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiC/B,CAAA;AAGD,eAAe,UAAU,CAAA"}

package/dist/elements/CodeEditor/CodeEditor.js

@@ -1,36 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("@monaco-editor/react"));
-const _react1 = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Theme = require("../../providers/Theme");
-const _ShimmerEffect = require("../ShimmerEffect");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import EditorImport from '@monaco-editor/react';
+import React from 'react';
+import { useTheme } from '../../providers/Theme/index.js';
+import { ShimmerEffect } from '../ShimmerEffect/index.js';
+const Editor = EditorImport.default || EditorImport;
 const baseClass = 'code-editor';
 const CodeEditor = (props)=>{
     const { className, height, options, readOnly, ...rest } = props;
-    const { theme } = (0, _Theme.useTheme)();
+    const { theme } = useTheme();
     const classes = [
         baseClass,
         className,
         rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : ''
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _react1.default.createElement(_react.default, {
+    return /*#__PURE__*/ React.createElement(Editor, {
         className: classes,
         height: height,
-        loading: /*#__PURE__*/ _react1.default.createElement(_ShimmerEffect.ShimmerEffect, {
+        loading: /*#__PURE__*/ React.createElement(ShimmerEffect, {
             height: height
         }),
         options: {
@@ -48,6 +33,7 @@ const CodeEditor = (props)=>{
         ...rest
     });
 };
-const _default = CodeEditor;
+// eslint-disable-next-line no-restricted-exports
+export default CodeEditor;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Db2RlRWRpdG9yL0NvZGVFZGl0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBFZGl0b3IgZnJvbSAnQG1vbmFjby1lZGl0b3IvcmVhY3QnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9UaGVtZSdcbmltcG9ydCB7IFNoaW1tZXJFZmZlY3QgfSBmcm9tICcuLi9TaGltbWVyRWZmZWN0J1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdjb2RlLWVkaXRvcidcblxuY29uc3QgQ29kZUVkaXRvcjogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBoZWlnaHQsIG9wdGlvbnMsIHJlYWRPbmx5LCAuLi5yZXN0IH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBjbGFzc2VzID0gW1xuICAgIGJhc2VDbGFzcyxcbiAgICBjbGFzc05hbWUsXG4gICAgcmVzdD8uZGVmYXVsdExhbmd1YWdlID8gYGxhbmd1YWdlLS0ke3Jlc3QuZGVmYXVsdExhbmd1YWdlfWAgOiAnJyxcbiAgXVxuICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAuam9pbignICcpXG5cbiAgcmV0dXJuIChcbiAgICA8RWRpdG9yXG4gICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgIGxvYWRpbmc9ezxTaGltbWVyRWZmZWN0IGhlaWdodD17aGVpZ2h0fSAvPn1cbiAgICAgIG9wdGlvbnM9e3tcbiAgICAgICAgZGV0ZWN0SW5kZW50YXRpb246IHRydWUsXG4gICAgICAgIG1pbmltYXA6IHtcbiAgICAgICAgICBlbmFibGVkOiBmYWxzZSxcbiAgICAgICAgfSxcbiAgICAgICAgcmVhZE9ubHk6IEJvb2xlYW4ocmVhZE9ubHkpLFxuICAgICAgICBzY3JvbGxCZXlvbmRMYXN0TGluZTogZmFsc2UsXG4gICAgICAgIHRhYlNpemU6IDIsXG4gICAgICAgIHdvcmRXcmFwOiAnb24nLFxuICAgICAgICAuLi5vcHRpb25zLFxuICAgICAgfX1cbiAgICAgIHRoZW1lPXt0aGVtZSA9PT0gJ2RhcmsnID8gJ3ZzLWRhcmsnIDogJ3ZzJ31cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29kZUVkaXRvclxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIkNvZGVFZGl0b3IiLCJwcm9wcyIsImNsYXNzTmFtZSIsImhlaWdodCIsIm9wdGlvbnMiLCJyZWFkT25seSIsInJlc3QiLCJ0aGVtZSIsInVzZVRoZW1lIiwiY2xhc3NlcyIsImRlZmF1bHRMYW5ndWFnZSIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiRWRpdG9yIiwibG9hZGluZyIsIlNoaW1tZXJFZmZlY3QiLCJkZXRlY3RJbmRlbnRhdGlvbiIsIm1pbmltYXAiLCJlbmFibGVkIiwic2Nyb2xsQmV5b25kTGFzdExpbmUiLCJ0YWJTaXplIiwid29yZFdyYXAiXSwibWFwcGluZ3MiOiI7Ozs7K0JBOENBOzs7ZUFBQTs7OzhEQTlDbUI7K0RBQ0Q7dUJBSU87K0JBQ0s7UUFDdkI7Ozs7OztBQUVQLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsYUFBOEIsQ0FBQ0M7SUFDbkMsTUFBTSxFQUFFQyxTQUFTLEVBQUVDLE1BQU0sRUFBRUMsT0FBTyxFQUFFQyxRQUFRLEVBQUUsR0FBR0MsTUFBTSxHQUFHTDtJQUUxRCxNQUFNLEVBQUVNLEtBQUssRUFBRSxHQUFHQyxJQUFBQSxlQUFRO0lBRTFCLE1BQU1DLFVBQVU7UUFDZFY7UUFDQUc7UUFDQUksTUFBTUksa0JBQWtCLENBQUMsVUFBVSxFQUFFSixLQUFLSSxlQUFlLENBQUMsQ0FBQyxHQUFHO0tBQy9ELENBQ0VDLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIscUJBQ0UsOEJBQUNDLGNBQU07UUFDTFosV0FBV087UUFDWE4sUUFBUUE7UUFDUlksdUJBQVMsOEJBQUNDLDRCQUFhO1lBQUNiLFFBQVFBOztRQUNoQ0MsU0FBUztZQUNQYSxtQkFBbUI7WUFDbkJDLFNBQVM7Z0JBQ1BDLFNBQVM7WUFDWDtZQUNBZCxVQUFVTyxRQUFRUDtZQUNsQmUsc0JBQXNCO1lBQ3RCQyxTQUFTO1lBQ1RDLFVBQVU7WUFDVixHQUFHbEIsT0FBTztRQUNaO1FBQ0FHLE9BQU9BLFVBQVUsU0FBUyxZQUFZO1FBQ3JDLEdBQUdELElBQUk7O0FBR2Q7TUFFQSxXQUFlTiJ9
+//# sourceMappingURL=CodeEditor.js.map

package/dist/elements/CodeEditor/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["import EditorImport from '@monaco-editor/react'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport './index.scss'\n\nconst Editor = (EditorImport.default || EditorImport) as unknown as typeof EditorImport.default\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const { className, height, options, readOnly, ...rest } = props\n\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <Editor\n      className={classes}\n      height={height}\n      loading={<ShimmerEffect height={height} />}\n      options={{\n        detectIndentation: true,\n        minimap: {\n          enabled: false,\n        },\n        readOnly: Boolean(readOnly),\n        scrollBeyondLastLine: false,\n        tabSize: 2,\n        wordWrap: 'on',\n        ...options,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n      {...rest}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"names":["EditorImport","React","useTheme","ShimmerEffect","Editor","default","baseClass","CodeEditor","props","className","height","options","readOnly","rest","theme","classes","defaultLanguage","filter","Boolean","join","loading","detectIndentation","minimap","enabled","scrollBeyondLastLine","tabSize","wordWrap"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,kBAAkB,uBAAsB;AAC/C,OAAOC,WAAW,QAAO;AAIzB,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,aAAa,QAAQ,4BAA2B;AAGzD,MAAMC,SAAUJ,aAAaK,OAAO,IAAIL;AAExC,MAAMM,YAAY;AAElB,MAAMC,aAA8B,CAACC;IACnC,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGL;IAE1D,MAAM,EAAEM,KAAK,EAAE,GAAGZ;IAElB,MAAMa,UAAU;QACdT;QACAG;QACAI,MAAMG,kBAAkB,CAAC,UAAU,EAAEH,KAAKG,eAAe,CAAC,CAAC,GAAG;KAC/D,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACf;QACCK,WAAWM;QACXL,QAAQA;QACRU,uBAAS,oBAACjB;YAAcO,QAAQA;;QAChCC,SAAS;YACPU,mBAAmB;YACnBC,SAAS;gBACPC,SAAS;YACX;YACAX,UAAUM,QAAQN;YAClBY,sBAAsB;YACtBC,SAAS;YACTC,UAAU;YACV,GAAGf,OAAO;QACZ;QACAG,OAAOA,UAAU,SAAS,YAAY;QACrC,GAAGD,IAAI;;AAGd;AAEA,iDAAiD;AACjD,eAAeN,WAAU"}

package/dist/elements/CodeEditor/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-import type { Props } from './types';
+import type { Props } from './types.js';
+export type { Props };
 export declare const CodeEditor: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/CodeEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAOpC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,YAAY,EAAE,KAAK,EAAE,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQtC,CAAA"}

package/dist/elements/CodeEditor/index.js

@@ -1,68 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "CodeEditor", {
-    enumerable: true,
-    get: function() {
-        return CodeEditor;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _ShimmerEffect = require("../ShimmerEffect");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-// @ts-ignore-next-line Just TypeScript being broken // TODO: Open TypeScript issue
-const LazyEditor = /*#__PURE__*/ (0, _react.lazy)(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./CodeEditor"))));
-const CodeEditor = (props)=>{
+import React, { Suspense, lazy } from 'react';
+import { ShimmerEffect } from '../ShimmerEffect/index.js';
+const LazyEditor = /*#__PURE__*/ lazy(()=>import('./CodeEditor.js'));
+export const CodeEditor = (props)=>{
     const { height = '35vh' } = props;
-    return /*#__PURE__*/ _react.default.createElement(_react.Suspense, {
-        fallback: /*#__PURE__*/ _react.default.createElement(_ShimmerEffect.ShimmerEffect, {
+    return /*#__PURE__*/ React.createElement(Suspense, {
+        fallback: /*#__PURE__*/ React.createElement(ShimmerEffect, {
             height: height
         })
-    }, /*#__PURE__*/ _react.default.createElement(LazyEditor, {
+    }, /*#__PURE__*/ React.createElement(LazyEditor, {
         ...props,
         height: height
     }));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Db2RlRWRpdG9yL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgU3VzcGVuc2UsIGxhenkgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IFNoaW1tZXJFZmZlY3QgfSBmcm9tICcuLi9TaGltbWVyRWZmZWN0J1xuXG4vLyBAdHMtaWdub3JlLW5leHQtbGluZSBKdXN0IFR5cGVTY3JpcHQgYmVpbmcgYnJva2VuIC8vIFRPRE86IE9wZW4gVHlwZVNjcmlwdCBpc3N1ZVxuY29uc3QgTGF6eUVkaXRvciA9IGxhenkoKCkgPT4gaW1wb3J0KCcuL0NvZGVFZGl0b3InKSlcblxuZXhwb3J0IGNvbnN0IENvZGVFZGl0b3I6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGhlaWdodCA9ICczNXZoJyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdXNwZW5zZSBmYWxsYmFjaz17PFNoaW1tZXJFZmZlY3QgaGVpZ2h0PXtoZWlnaHR9IC8+fT5cbiAgICAgIDxMYXp5RWRpdG9yIHsuLi5wcm9wc30gaGVpZ2h0PXtoZWlnaHR9IC8+XG4gICAgPC9TdXNwZW5zZT5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkNvZGVFZGl0b3IiLCJMYXp5RWRpdG9yIiwibGF6eSIsInByb3BzIiwiaGVpZ2h0IiwiU3VzcGVuc2UiLCJmYWxsYmFjayIsIlNoaW1tZXJFZmZlY3QiXSwibWFwcGluZ3MiOiI7Ozs7K0JBU2FBOzs7ZUFBQUE7OzsrREFUeUI7K0JBSVI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUU5QixtRkFBbUY7QUFDbkYsTUFBTUMsMkJBQWFDLElBQUFBLFdBQUksRUFBQyxJQUFNLG1FQUFBLFFBQU87QUFFOUIsTUFBTUYsYUFBOEIsQ0FBQ0c7SUFDMUMsTUFBTSxFQUFFQyxTQUFTLE1BQU0sRUFBRSxHQUFHRDtJQUU1QixxQkFDRSw2QkFBQ0UsZUFBUTtRQUFDQyx3QkFBVSw2QkFBQ0MsNEJBQWE7WUFBQ0gsUUFBUUE7O3FCQUN6Qyw2QkFBQ0g7UUFBWSxHQUFHRSxLQUFLO1FBQUVDLFFBQVFBOztBQUdyQyJ9
+//# sourceMappingURL=index.js.map

package/dist/elements/CodeEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/CodeEditor/index.tsx"],"sourcesContent":["import React, { Suspense, lazy } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst LazyEditor = lazy(() => import('./CodeEditor.js'))\n\nexport type { Props }\n\nexport const CodeEditor: React.FC<Props> = (props) => {\n  const { height = '35vh' } = props\n\n  return (\n    <Suspense fallback={<ShimmerEffect height={height} />}>\n      <LazyEditor {...props} height={height} />\n    </Suspense>\n  )\n}\n"],"names":["React","Suspense","lazy","ShimmerEffect","LazyEditor","CodeEditor","props","height","fallback"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,OAAOA,SAASC,QAAQ,EAAEC,IAAI,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaF,KAAK,IAAM,MAAM,CAAC;AAIrC,OAAO,MAAMG,aAA8B,CAACC;IAC1C,MAAM,EAAEC,SAAS,MAAM,EAAE,GAAGD;IAE5B,qBACE,oBAACL;QAASO,wBAAU,oBAACL;YAAcI,QAAQA;;qBACzC,oBAACH;QAAY,GAAGE,KAAK;QAAEC,QAAQA;;AAGrC,EAAC"}

package/dist/elements/CodeEditor/types.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=types.js.map

package/dist/elements/CodeEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/CodeEditor/types.ts"],"sourcesContent":["import type { EditorProps } from '@monaco-editor/react'\n\nexport type Props = EditorProps & {\n  readOnly?: boolean\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAEC"}

package/dist/elements/Collapsible/index.d.ts

@@ -1,5 +1,18 @@
 import React from 'react';
-import type { Props } from './types';
+import type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js';
 import './index.scss';
+import { CollapsibleProvider, useCollapsible } from './provider.js';
+export { CollapsibleProvider, useCollapsible };
+export type Props = {
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    collapsibleStyle?: 'default' | 'error';
+    dragHandleProps?: DragHandleProps;
+    header?: React.ReactNode;
+    initCollapsed?: boolean;
+    isCollapsed?: boolean;
+    onToggle?: (collapsed: boolean) => void;
+};
 export declare const Collapsible: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Collapsible/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Collapsible/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyFvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Collapsible/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAA;AAQ1F,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAInE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA;AAE9C,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IACtC,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyFvC,CAAA"}

package/dist/elements/Collapsible/index.js

@@ -1,128 +1,73 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Collapsible", {
-    enumerable: true,
-    get: function() {
-        return Collapsible;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reactanimateheight = /*#__PURE__*/ _interop_require_default(require("react-animate-height"));
-const _Chevron = require("../../icons/Chevron");
-const _DragHandle = require("../../icons/DragHandle");
-const _Translation = require("../../providers/Translation");
-require("./index.scss");
-const _provider = require("./provider");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import React, { useState } from 'react';
+import AnimateHeightImport from 'react-animate-height';
+const AnimateHeight = AnimateHeightImport.default || AnimateHeightImport;
+import { Chevron } from '../../icons/Chevron/index.js';
+import { DragHandle } from '../../icons/DragHandle/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { CollapsibleProvider, useCollapsible } from './provider.js';
 const baseClass = 'collapsible';
-const Collapsible = ({ actions, children, className, collapsed: collapsedFromProps, collapsibleStyle = 'default', dragHandleProps, header, initCollapsed, onToggle })=>{
-    const [collapsedLocal, setCollapsedLocal] = (0, _react.useState)(Boolean(initCollapsed));
-    const [hoveringToggle, setHoveringToggle] = (0, _react.useState)(false);
-    const { withinCollapsible } = (0, _provider.useCollapsible)();
-    const { t } = (0, _Translation.useTranslation)();
-    const collapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal;
-    const toggleCollapsible = _react.default.useCallback(()=>{
-        if (typeof onToggle === 'function') onToggle(!collapsed);
-        setCollapsedLocal(!collapsed);
+export { CollapsibleProvider, useCollapsible };
+export const Collapsible = ({ actions, children, className, collapsibleStyle = 'default', dragHandleProps, header, initCollapsed, isCollapsed: collapsedFromProps, onToggle })=>{
+    const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed));
+    const [hoveringToggle, setHoveringToggle] = useState(false);
+    const { isWithinCollapsible } = useCollapsible();
+    const { t } = useTranslation();
+    const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal;
+    const toggleCollapsible = React.useCallback(()=>{
+        if (typeof onToggle === 'function') onToggle(!isCollapsed);
+        setCollapsedLocal(!isCollapsed);
     }, [
         onToggle,
-        collapsed
+        isCollapsed
     ]);
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: [
             baseClass,
             className,
             dragHandleProps && `${baseClass}--has-drag-handle`,
-            collapsed && `${baseClass}--collapsed`,
-            withinCollapsible && `${baseClass}--nested`,
+            isCollapsed && `${baseClass}--collapsed`,
+            isWithinCollapsible && `${baseClass}--nested`,
             hoveringToggle && `${baseClass}--hovered`,
             `${baseClass}--style-${collapsibleStyle}`
         ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ _react.default.createElement(_provider.CollapsibleProvider, {
-        collapsed: collapsed,
+    }, /*#__PURE__*/ React.createElement(CollapsibleProvider, {
+        isCollapsed: isCollapsed,
         toggle: toggleCollapsible
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__toggle-wrap`,
         onMouseEnter: ()=>setHoveringToggle(true),
         onMouseLeave: ()=>setHoveringToggle(false)
-    }, dragHandleProps && /*#__PURE__*/ _react.default.createElement("div", {
+    }, dragHandleProps && /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__drag`,
         ...dragHandleProps.attributes,
         ...dragHandleProps.listeners
-    }, /*#__PURE__*/ _react.default.createElement(_DragHandle.DragHandle, null)), /*#__PURE__*/ _react.default.createElement("button", {
+    }, /*#__PURE__*/ React.createElement(DragHandle, null)), /*#__PURE__*/ React.createElement("button", {
         className: [
             `${baseClass}__toggle`,
-            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`
+            `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`
         ].filter(Boolean).join(' '),
         onClick: toggleCollapsible,
         type: "button"
-    }, /*#__PURE__*/ _react.default.createElement("span", null, t('fields:toggleBlock'))), header && /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("span", null, t('fields:toggleBlock'))), header && /*#__PURE__*/ React.createElement("div", {
         className: [
             `${baseClass}__header-wrap`,
             dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`
         ].filter(Boolean).join(' ')
-    }, header && header), /*#__PURE__*/ _react.default.createElement("div", {
+    }, header && header), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__actions-wrap`
-    }, actions && /*#__PURE__*/ _react.default.createElement("div", {
+    }, actions && /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__actions`
-    }, actions), /*#__PURE__*/ _react.default.createElement("div", {
+    }, actions), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__indicator`
-    }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
-        direction: !collapsed ? 'up' : undefined
-    })))), /*#__PURE__*/ _react.default.createElement(_reactanimateheight.default, {
+    }, /*#__PURE__*/ React.createElement(Chevron, {
+        direction: !isCollapsed ? 'up' : undefined
+    })))), /*#__PURE__*/ React.createElement(AnimateHeight, {
         duration: 200,
-        height: collapsed ? 0 : 'auto'
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+        height: isCollapsed ? 0 : 'auto'
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__content`
     }, children))));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Db2xsYXBzaWJsZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBBbmltYXRlSGVpZ2h0IGZyb20gJ3JlYWN0LWFuaW1hdGUtaGVpZ2h0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgQ2hldnJvbiB9IGZyb20gJy4uLy4uL2ljb25zL0NoZXZyb24nXG5pbXBvcnQgeyBEcmFnSGFuZGxlIH0gZnJvbSAnLi4vLi4vaWNvbnMvRHJhZ0hhbmRsZSdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5pbXBvcnQgeyBDb2xsYXBzaWJsZVByb3ZpZGVyLCB1c2VDb2xsYXBzaWJsZSB9IGZyb20gJy4vcHJvdmlkZXInXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdjb2xsYXBzaWJsZSdcblxuZXhwb3J0IGNvbnN0IENvbGxhcHNpYmxlOiBSZWFjdC5GQzxQcm9wcz4gPSAoe1xuICBhY3Rpb25zLFxuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBjb2xsYXBzZWQ6IGNvbGxhcHNlZEZyb21Qcm9wcyxcbiAgY29sbGFwc2libGVTdHlsZSA9ICdkZWZhdWx0JyxcbiAgZHJhZ0hhbmRsZVByb3BzLFxuICBoZWFkZXIsXG4gIGluaXRDb2xsYXBzZWQsXG4gIG9uVG9nZ2xlLFxufSkgPT4ge1xuICBjb25zdCBbY29sbGFwc2VkTG9jYWwsIHNldENvbGxhcHNlZExvY2FsXSA9IHVzZVN0YXRlKEJvb2xlYW4oaW5pdENvbGxhcHNlZCkpXG4gIGNvbnN0IFtob3ZlcmluZ1RvZ2dsZSwgc2V0SG92ZXJpbmdUb2dnbGVdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IHsgd2l0aGluQ29sbGFwc2libGUgfSA9IHVzZUNvbGxhcHNpYmxlKClcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgY29uc3QgY29sbGFwc2VkID0gdHlwZW9mIGNvbGxhcHNlZEZyb21Qcm9wcyA9PT0gJ2Jvb2xlYW4nID8gY29sbGFwc2VkRnJvbVByb3BzIDogY29sbGFwc2VkTG9jYWxcblxuICBjb25zdCB0b2dnbGVDb2xsYXBzaWJsZSA9IFJlYWN0LnVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAodHlwZW9mIG9uVG9nZ2xlID09PSAnZnVuY3Rpb24nKSBvblRvZ2dsZSghY29sbGFwc2VkKVxuICAgIHNldENvbGxhcHNlZExvY2FsKCFjb2xsYXBzZWQpXG4gIH0sIFtvblRvZ2dsZSwgY29sbGFwc2VkXSlcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17W1xuICAgICAgICBiYXNlQ2xhc3MsXG4gICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgZHJhZ0hhbmRsZVByb3BzICYmIGAke2Jhc2VDbGFzc30tLWhhcy1kcmFnLWhhbmRsZWAsXG4gICAgICAgIGNvbGxhcHNlZCAmJiBgJHtiYXNlQ2xhc3N9LS1jb2xsYXBzZWRgLFxuICAgICAgICB3aXRoaW5Db2xsYXBzaWJsZSAmJiBgJHtiYXNlQ2xhc3N9LS1uZXN0ZWRgLFxuICAgICAgICBob3ZlcmluZ1RvZ2dsZSAmJiBgJHtiYXNlQ2xhc3N9LS1ob3ZlcmVkYCxcbiAgICAgICAgYCR7YmFzZUNsYXNzfS0tc3R5bGUtJHtjb2xsYXBzaWJsZVN0eWxlfWAsXG4gICAgICBdXG4gICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgLmpvaW4oJyAnKX1cbiAgICA+XG4gICAgICA8Q29sbGFwc2libGVQcm92aWRlciBjb2xsYXBzZWQ9e2NvbGxhcHNlZH0gdG9nZ2xlPXt0b2dnbGVDb2xsYXBzaWJsZX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3RvZ2dsZS13cmFwYH1cbiAgICAgICAgICBvbk1vdXNlRW50ZXI9eygpID0+IHNldEhvdmVyaW5nVG9nZ2xlKHRydWUpfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4gc2V0SG92ZXJpbmdUb2dnbGUoZmFsc2UpfVxuICAgICAgICA+XG4gICAgICAgICAge2RyYWdIYW5kbGVQcm9wcyAmJiAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fZHJhZ2B9XG4gICAgICAgICAgICAgIHsuLi5kcmFnSGFuZGxlUHJvcHMuYXR0cmlidXRlc31cbiAgICAgICAgICAgICAgey4uLmRyYWdIYW5kbGVQcm9wcy5saXN0ZW5lcnN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxEcmFnSGFuZGxlIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGNsYXNzTmFtZT17W1xuICAgICAgICAgICAgICBgJHtiYXNlQ2xhc3N9X190b2dnbGVgLFxuICAgICAgICAgICAgICBgJHtiYXNlQ2xhc3N9X190b2dnbGUtLSR7Y29sbGFwc2VkID8gJ2NvbGxhcHNlZCcgOiAnb3Blbid9YCxcbiAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgICAgICAuam9pbignICcpfVxuICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlQ29sbGFwc2libGV9XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3Bhbj57dCgnZmllbGRzOnRvZ2dsZUJsb2NrJyl9PC9zcGFuPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIHtoZWFkZXIgJiYgKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICAgICAgICBgJHtiYXNlQ2xhc3N9X19oZWFkZXItd3JhcGAsXG4gICAgICAgICAgICAgICAgZHJhZ0hhbmRsZVByb3BzICYmIGAke2Jhc2VDbGFzc31fX2hlYWRlci13cmFwLS1oYXMtZHJhZy1oYW5kbGVgLFxuICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtoZWFkZXIgJiYgaGVhZGVyfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYWN0aW9ucy13cmFwYH0+XG4gICAgICAgICAgICB7YWN0aW9ucyAmJiA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYWN0aW9uc2B9PnthY3Rpb25zfTwvZGl2Pn1cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pbmRpY2F0b3JgfT5cbiAgICAgICAgICAgICAgPENoZXZyb24gZGlyZWN0aW9uPXshY29sbGFwc2VkID8gJ3VwJyA6IHVuZGVmaW5lZH0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEFuaW1hdGVIZWlnaHQgZHVyYXRpb249ezIwMH0gaGVpZ2h0PXtjb2xsYXBzZWQgPyAwIDogJ2F1dG8nfT5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY29udGVudGB9PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgPC9BbmltYXRlSGVpZ2h0PlxuICAgICAgPC9Db2xsYXBzaWJsZVByb3ZpZGVyPlxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiQ29sbGFwc2libGUiLCJiYXNlQ2xhc3MiLCJhY3Rpb25zIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJjb2xsYXBzZWQiLCJjb2xsYXBzZWRGcm9tUHJvcHMiLCJjb2xsYXBzaWJsZVN0eWxlIiwiZHJhZ0hhbmRsZVByb3BzIiwiaGVhZGVyIiwiaW5pdENvbGxhcHNlZCIsIm9uVG9nZ2xlIiwiY29sbGFwc2VkTG9jYWwiLCJzZXRDb2xsYXBzZWRMb2NhbCIsInVzZVN0YXRlIiwiQm9vbGVhbiIsImhvdmVyaW5nVG9nZ2xlIiwic2V0SG92ZXJpbmdUb2dnbGUiLCJ3aXRoaW5Db2xsYXBzaWJsZSIsInVzZUNvbGxhcHNpYmxlIiwidCIsInVzZVRyYW5zbGF0aW9uIiwidG9nZ2xlQ29sbGFwc2libGUiLCJSZWFjdCIsInVzZUNhbGxiYWNrIiwiZGl2IiwiZmlsdGVyIiwiam9pbiIsIkNvbGxhcHNpYmxlUHJvdmlkZXIiLCJ0b2dnbGUiLCJvbk1vdXNlRW50ZXIiLCJvbk1vdXNlTGVhdmUiLCJhdHRyaWJ1dGVzIiwibGlzdGVuZXJzIiwiRHJhZ0hhbmRsZSIsImJ1dHRvbiIsIm9uQ2xpY2siLCJ0eXBlIiwic3BhbiIsIkNoZXZyb24iLCJkaXJlY3Rpb24iLCJ1bmRlZmluZWQiLCJBbmltYXRlSGVpZ2h0IiwiZHVyYXRpb24iLCJoZWlnaHQiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFjYUE7OztlQUFBQTs7OytEQWJtQjsyRUFDTjt5QkFJRjs0QkFDRzs2QkFDSTtRQUN4QjswQkFDNkM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXBELE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxjQUErQixDQUFDLEVBQzNDRSxPQUFPLEVBQ1BDLFFBQVEsRUFDUkMsU0FBUyxFQUNUQyxXQUFXQyxrQkFBa0IsRUFDN0JDLG1CQUFtQixTQUFTLEVBQzVCQyxlQUFlLEVBQ2ZDLE1BQU0sRUFDTkMsYUFBYSxFQUNiQyxRQUFRLEVBQ1Q7SUFDQyxNQUFNLENBQUNDLGdCQUFnQkMsa0JBQWtCLEdBQUdDLElBQUFBLGVBQVEsRUFBQ0MsUUFBUUw7SUFDN0QsTUFBTSxDQUFDTSxnQkFBZ0JDLGtCQUFrQixHQUFHSCxJQUFBQSxlQUFRLEVB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
+//# sourceMappingURL=index.js.map

package/dist/elements/Collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { DragHandle } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type Props = {\n  actions?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  dragHandleProps?: DragHandleProps\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => void\n}\n\nexport const Collapsible: React.FC<Props> = ({\n  actions,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  dragHandleProps,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') onToggle(!isCollapsed)\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n            >\n              <DragHandle />\n            </div>\n          )}\n          <button\n            className={[\n              `${baseClass}__toggle`,\n              `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={toggleCollapsible}\n            type=\"button\"\n          >\n            <span>{t('fields:toggleBlock')}</span>\n          </button>\n          {header && (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {header && header}\n            </div>\n          )}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n            <div className={`${baseClass}__indicator`}>\n              <Chevron direction={!isCollapsed ? 'up' : undefined} />\n            </div>\n          </div>\n        </div>\n        <AnimateHeight duration={200} height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"names":["React","useState","AnimateHeightImport","AnimateHeight","default","Chevron","DragHandle","useTranslation","CollapsibleProvider","useCollapsible","baseClass","Collapsible","actions","children","className","collapsibleStyle","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","toggleCollapsible","useCallback","div","filter","join","toggle","onMouseEnter","onMouseLeave","attributes","listeners","button","onClick","type","span","direction","undefined","duration","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/elements/Collapsible/provider.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 type ContextType = {
-    collapsed: boolean;
+    isCollapsed: boolean;
     isVisible: boolean;
+    isWithinCollapsible: boolean;
     toggle: () => void;
-    withinCollapsible: boolean;
 };
 export declare const CollapsibleProvider: React.FC<{
     children?: React.ReactNode;
-    collapsed?: boolean;
+    isCollapsed?: boolean;
+    isWithinCollapsible?: boolean;
     toggle: () => void;
-    withinCollapsible?: boolean;
 }>;
 export declare const useCollapsible: () => ContextType;
 export {};

package/dist/elements/Collapsible/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/elements/Collapsible/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,iBAAiB,EAAE,OAAO,CAAA;CAC3B,CAAA;AAQD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAYA,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,WAAkC,CAAA"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/elements/Collapsible/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AASD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAaA,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,WAAkC,CAAA"}