@activecollab/components 1.0.4 → 1.0.8

package/dist/cjs/utils/createChainedFunction.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createChainedFunction;
+
+function createChainedFunction() {
+  for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
+    functions[_key] = arguments[_key];
+  }
+
+  return functions.reduce(function (acc, func) {
+    if (func === null) {
+      return acc;
+    }
+
+    return function chainedFunction() {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+
+      acc && acc.apply(this, args);
+      func && func.apply(this, args);
+    };
+  }, // eslint-disable-next-line @typescript-eslint/no-empty-function
+  function () {});
+}
+//# sourceMappingURL=createChainedFunction.js.map

package/dist/cjs/utils/createChainedFunction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/createChainedFunction.ts"],"names":["createChainedFunction","functions","reduce","acc","func","chainedFunction","args","apply"],"mappings":";;;;;;;AAEe,SAASA,qBAAT,GAEI;AAAA,oCADdC,SACc;AADdA,IAAAA,SACc;AAAA;;AACjB,SAAOA,SAAS,CAACC,MAAV,CACL,UAACC,GAAD,EAAMC,IAAN,EAAe;AACb,QAAIA,IAAI,KAAK,IAAb,EAAmB;AACjB,aAAOD,GAAP;AACD;;AAED,WAAO,SAASE,eAAT,GAAoD;AAAA,yCAAZC,IAAY;AAAZA,QAAAA,IAAY;AAAA;;AACzDH,MAAAA,GAAG,IAAIA,GAAG,CAACI,KAAJ,CAAU,IAAV,EAAgBD,IAAhB,CAAP;AACAF,MAAAA,IAAI,IAAIA,IAAI,CAACG,KAAL,CAAW,IAAX,EAAiBD,IAAjB,CAAR;AACD,KAHD;AAID,GAVI,EAWL;AACA,cAAM,CAAE,CAZH,CAAP;AAcD","sourcesContent":["export type ChainedFunction = ((...args: unknown[]) => void) | undefined | null;\n\nexport default function createChainedFunction(\n  ...functions: ChainedFunction[]\n): ChainedFunction {\n  return functions.reduce(\n    (acc, func) => {\n      if (func === null) {\n        return acc;\n      }\n\n      return function chainedFunction(this: void, ...args): void {\n        acc && acc.apply(this, args);\n        func && func.apply(this, args);\n      };\n    },\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    () => {}\n  );\n}\n"],"file":"createChainedFunction.js"}

package/dist/cjs/utils/createChainedFunction.test.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _createChainedFunction = _interopRequireDefault(require("./createChainedFunction"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe("createChainedFunction", function () {
+  it("should handle createChainedFunction", function () {
+    var one = function one() {
+      return "one";
+    };
+
+    var two = function two() {
+      return "two";
+    };
+
+    var test = (0, _createChainedFunction.default)(one, two);
+    var test2 = (0, _createChainedFunction.default)(null);
+
+    if (test) {
+      expect(test()).toEqual(undefined);
+    }
+
+    if (test2) {
+      expect(test2()).toEqual(undefined);
+    }
+  });
+});
+//# sourceMappingURL=createChainedFunction.test.js.map

package/dist/cjs/utils/createChainedFunction.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/createChainedFunction.test.ts"],"names":["describe","it","one","two","test","test2","expect","toEqual","undefined"],"mappings":";;AAAA;;;;AAEAA,QAAQ,CAAC,uBAAD,EAA0B,YAAM;AACtCC,EAAAA,EAAE,CAAC,qCAAD,EAAwC,YAAM;AAC9C,QAAMC,GAAG,GAAG,SAANA,GAAM,GAAc;AACxB,aAAO,KAAP;AACD,KAFD;;AAIA,QAAMC,GAAG,GAAG,SAANA,GAAM,GAAc;AACxB,aAAO,KAAP;AACD,KAFD;;AAIA,QAAMC,IAAI,GAAG,oCAAsBF,GAAtB,EAA2BC,GAA3B,CAAb;AACA,QAAME,KAAK,GAAG,oCAAsB,IAAtB,CAAd;;AACA,QAAID,IAAJ,EAAU;AACRE,MAAAA,MAAM,CAACF,IAAI,EAAL,CAAN,CAAeG,OAAf,CAAuBC,SAAvB;AACD;;AACD,QAAIH,KAAJ,EAAW;AACTC,MAAAA,MAAM,CAACD,KAAK,EAAN,CAAN,CAAgBE,OAAhB,CAAwBC,SAAxB;AACD;AACF,GAjBC,CAAF;AAkBD,CAnBO,CAAR","sourcesContent":["import createChainedFunction from \"./createChainedFunction\";\n\ndescribe(\"createChainedFunction\", () => {\n  it(\"should handle createChainedFunction\", () => {\n    const one = (): string => {\n      return \"one\";\n    };\n\n    const two = (): string => {\n      return \"two\";\n    };\n\n    const test = createChainedFunction(one, two);\n    const test2 = createChainedFunction(null);\n    if (test) {\n      expect(test()).toEqual(undefined);\n    }\n    if (test2) {\n      expect(test2()).toEqual(undefined);\n    }\n  });\n});\n"],"file":"createChainedFunction.test.js"}

package/dist/cjs/utils/setRef.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setRef;
+
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+//# sourceMappingURL=setRef.js.map

package/dist/cjs/utils/setRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/setRef.ts"],"names":["setRef","ref","value","current"],"mappings":";;;;;;;AAEe,SAASA,MAAT,CACbC,GADa,EAMbC,KANa,EAOP;AACN,MAAI,OAAOD,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,IAAAA,GAAG,CAACC,KAAD,CAAH;AACD,GAFD,MAEO,IAAID,GAAJ,EAAS;AACdA,IAAAA,GAAG,CAACE,OAAJ,GAAcD,KAAd;AACD;AACF","sourcesContent":["import { MutableRefObject } from \"react\";\n\nexport default function setRef<T>(\n  ref:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null\n): void {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n"],"file":"setRef.js"}

package/dist/cjs/utils/setRef.test.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _setRef = _interopRequireDefault(require("./setRef"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe("setRef", function () {
+  it("should handle ref as mutable object", function () {
+    var ref = {
+      current: null
+    };
+    (0, _setRef.default)(ref, "blah");
+    expect(ref.current).toBe("blah");
+  });
+});
+//# sourceMappingURL=setRef.test.js.map

package/dist/cjs/utils/setRef.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/setRef.test.ts"],"names":["describe","it","ref","current","expect","toBe"],"mappings":";;AAAA;;;;AAEAA,QAAQ,CAAC,QAAD,EAAW,YAAM;AACvBC,EAAAA,EAAE,CAAC,qCAAD,EAAwC,YAAM;AAC9C,QAAMC,GAAG,GAAG;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAZ;AACA,yBAAOD,GAAP,EAAY,MAAZ;AACAE,IAAAA,MAAM,CAACF,GAAG,CAACC,OAAL,CAAN,CAAoBE,IAApB,CAAyB,MAAzB;AACD,GAJC,CAAF;AAKD,CANO,CAAR","sourcesContent":["import setRef from \"./setRef\";\n\ndescribe(\"setRef\", () => {\n  it(\"should handle ref as mutable object\", () => {\n    const ref = { current: null };\n    setRef(ref, \"blah\");\n    expect(ref.current).toBe(\"blah\");\n  });\n});\n"],"file":"setRef.test.js"}

package/dist/cjs/utils/useForkRef.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useForkRef;
+
+var _react = require("react");
+
+var _setRef = _interopRequireDefault(require("./setRef"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useForkRef(refA, refB) {
+  return (0, _react.useMemo)(function () {
+    return function (refValue) {
+      (0, _setRef.default)(refA, refValue);
+      (0, _setRef.default)(refB, refValue);
+    };
+  }, [refA, refB]);
+}
+//# sourceMappingURL=useForkRef.js.map

package/dist/cjs/utils/useForkRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/useForkRef.ts"],"names":["useForkRef","refA","refB","refValue"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEe,SAASA,UAAT,CACbC,IADa,EAMbC,IANa,EAWiB;AAC9B,SAAO,oBAAQ,YAAM;AACnB,WAAO,UAACC,QAAD,EAAoB;AACzB,2BAAOF,IAAP,EAAaE,QAAb;AACA,2BAAOD,IAAP,EAAaC,QAAb;AACD,KAHD;AAID,GALM,EAKJ,CAACF,IAAD,EAAOC,IAAP,CALI,CAAP;AAMD","sourcesContent":["import { useMemo, MutableRefObject } from \"react\";\nimport setRef from \"./setRef\";\n\nexport default function useForkRef<T>(\n  refA:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  refB:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined\n): (instance: T | null) => void {\n  return useMemo(() => {\n    return (refValue): void => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n}\n"],"file":"useForkRef.js"}

package/dist/esm/components/Accordion/Accordion.js

@@ -1,12 +1,8 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useCallback } from 'react';
-import classnames from 'classnames';
-import { StyledAccordion } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var AccordionContext = /*#__PURE__*/React.createContext(null);
-var Accordion = function Accordion(_ref) {
+import React, { useState, useCallback } from "react";
+import classnames from "classnames";
+import { StyledAccordion } from "./Styles";
+export var AccordionContext = /*#__PURE__*/React.createContext(null);
+export var Accordion = function Accordion(_ref) {
   var children = _ref.children,
       className = _ref.className,
       _ref$allowMultipleExp = _ref.allowMultipleExpanded,
@@ -21,9 +17,8 @@ var Accordion = function Accordion(_ref) {
       customToggleIcon = _ref.customToggleIcon;
 
   var _useState = useState(preExpanded),
-      _useState2 = _slicedToArray(_useState, 2),
-      expandedItems = _useState2[0],
-      setExpandedItems = _useState2[1];
+      expandedItems = _useState[0],
+      setExpandedItems = _useState[1];
 
   var toggleExpandedCallback = useCallback(function (id) {
     setExpandedItems(function (prevExpanded) {
@@ -40,7 +35,7 @@ var Accordion = function Accordion(_ref) {
           return [id];
         }
 
-        return [].concat(_toConsumableArray(prevExpanded), [id]);
+        return [].concat(prevExpanded, [id]);
       }
     });
 
@@ -48,20 +43,16 @@ var Accordion = function Accordion(_ref) {
       onChange(id);
     }
   }, [allowMultipleExpanded, allowZeroExpanded, onChange]);
-  return /*#__PURE__*/jsx(AccordionContext.Provider, {
+  return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
     value: {
       expandedItems: expandedItems,
       toggleExpanded: toggleExpandedCallback,
       disableToggleIcon: disableToggleIcon,
       customToggleIcon: customToggleIcon
-    },
-    children: /*#__PURE__*/jsx(StyledAccordion, {
-      className: classnames("accordion", className),
-      children: children
-    })
-  });
+    }
+  }, /*#__PURE__*/React.createElement(StyledAccordion, {
+    className: classnames("accordion", className)
+  }, children));
 };
 Accordion.displayName = "Accordion";
-
-export { Accordion, AccordionContext };
-//# sourceMappingURL=Accordion.js.map
+//# sourceMappingURL=Accordion.js.map

package/dist/esm/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactNodeArray,\n  useState,\n  useCallback,\n  ReactNode,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledAccordion } from \"./Styles\";\n\ninterface IAccordion {\n  /** Children type of node or string */\n  children: ReactNodeArray;\n  /** ClassName */\n  className?: string;\n  /** Could all items be collapsed */\n  allowZeroExpanded?: boolean;\n  /** Could more than one item be expanded */\n  allowMultipleExpanded?: boolean;\n  /** Callback function that will be called with id of the accordion item that was clicked */\n  onChange?: (itemId: string) => void;\n  /** List of item id's that are expanded on initial render */\n  preExpanded?: string[];\n  /** Do not show the toggle icon in the AccordionItemHead component */\n  disableToggleIcon?: boolean;\n  /** Custom toggle icon to replace the default one */\n  customToggleIcon?: ReactNode;\n}\n\nexport interface IAccordionContextType {\n  expandedItems: string[];\n  toggleExpanded: (itemId: string) => void;\n  disableToggleIcon: boolean;\n  customToggleIcon: ReactNode;\n}\n\nexport const AccordionContext =\n  React.createContext<IAccordionContextType | null>(null);\n\nexport const Accordion: FC<IAccordion> = ({\n  children,\n  className,\n  allowMultipleExpanded = false,\n  allowZeroExpanded = false,\n  onChange,\n  preExpanded = [],\n  disableToggleIcon = false,\n  customToggleIcon,\n}) => {\n  const [expandedItems, setExpandedItems] = useState<string[]>(preExpanded);\n\n  const toggleExpandedCallback = useCallback(\n    (id: string) => {\n      setExpandedItems((prevExpanded: string[]) => {\n        if (prevExpanded.indexOf(id) > -1) {\n          if (!allowZeroExpanded && prevExpanded.length === 1) {\n            return prevExpanded;\n          }\n          return prevExpanded.filter((item: string) => {\n            return item !== id;\n          });\n        } else {\n          if (!allowMultipleExpanded) {\n            return [id];\n          }\n          return [...prevExpanded, id];\n        }\n      });\n      if (onChange) {\n        onChange(id);\n      }\n    },\n    [allowMultipleExpanded, allowZeroExpanded, onChange]\n  );\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        expandedItems,\n        toggleExpanded: toggleExpandedCallback,\n        disableToggleIcon,\n        customToggleIcon,\n      }}\n    >\n      <StyledAccordion className={classnames(\"accordion\", className)}>\n        {children}\n      </StyledAccordion>\n    </AccordionContext.Provider>\n  );\n};\n\nAccordion.displayName = \"Accordion\";\n"],"names":["AccordionContext","React","createContext","Accordion","children","className","allowMultipleExpanded","allowZeroExpanded","onChange","preExpanded","disableToggleIcon","customToggleIcon","useState","expandedItems","setExpandedItems","toggleExpandedCallback","useCallback","id","prevExpanded","indexOf","length","filter","item","_jsx","toggleExpanded","classnames","displayName"],"mappings":";;;;;;;IAoCaA,gBAAgB,gBAC3BC,KAAK,CAACC,aAAN,CAAkD,IAAlD;IAEWC,SAAyB,GAAG,SAA5BA,SAA4B,OASnC;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,mCANJC,qBAMI;AAAA,MANJA,qBAMI,sCANoB,KAMpB;AAAA,mCALJC,iBAKI;AAAA,MALJA,iBAKI,sCALgB,KAKhB;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,EAGV;AAAA,mCAFJC,iBAEI;AAAA,MAFJA,iBAEI,sCAFgB,KAEhB;AAAA,MADJC,gBACI,QADJA,gBACI;;AACJ,kBAA0CC,QAAQ,CAAWH,WAAX,CAAlD;AAAA;AAAA,MAAOI,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,sBAAsB,GAAGC,WAAW,CACxC,UAACC,EAAD,EAAgB;AACdH,IAAAA,gBAAgB,CAAC,UAACI,YAAD,EAA4B;AAC3C,UAAIA,YAAY,CAACC,OAAb,CAAqBF,EAArB,IAA2B,CAAC,CAAhC,EAAmC;AACjC,YAAI,CAACV,iBAAD,IAAsBW,YAAY,CAACE,MAAb,KAAwB,CAAlD,EAAqD;AACnD,iBAAOF,YAAP;AACD;;AACD,eAAOA,YAAY,CAACG,MAAb,CAAoB,UAACC,IAAD,EAAkB;AAC3C,iBAAOA,IAAI,KAAKL,EAAhB;AACD,SAFM,CAAP;AAGD,OAPD,MAOO;AACL,YAAI,CAACX,qBAAL,EAA4B;AAC1B,iBAAO,CAACW,EAAD,CAAP;AACD;;AACD,4CAAWC,YAAX,IAAyBD,EAAzB;AACD;AACF,KAde,CAAhB;;AAeA,QAAIT,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACS,EAAD,CAAR;AACD;AACF,GApBuC,EAqBxC,CAACX,qBAAD,EAAwBC,iBAAxB,EAA2CC,QAA3C,CArBwC,CAA1C;AAwBA,sBACEe,IAAC,gBAAD,CAAkB,QAAlB;AACE,IAAA,KAAK,EAAE;AACLV,MAAAA,aAAa,EAAbA,aADK;AAELW,MAAAA,cAAc,EAAET,sBAFX;AAGLL,MAAAA,iBAAiB,EAAjBA,iBAHK;AAILC,MAAAA,gBAAgB,EAAhBA;AAJK,KADT;AAAA,2BAQEY,IAAC,eAAD;AAAiB,MAAA,SAAS,EAAEE,UAAU,CAAC,WAAD,EAAcpB,SAAd,CAAtC;AAAA,gBACGD;AADH;AARF,IADF;AAcD;AAEDD,SAAS,CAACuB,WAAV,GAAwB,WAAxB;;;;"}
+{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":["React","useState","useCallback","classnames","StyledAccordion","AccordionContext","createContext","Accordion","children","className","allowMultipleExpanded","allowZeroExpanded","onChange","preExpanded","disableToggleIcon","customToggleIcon","expandedItems","setExpandedItems","toggleExpandedCallback","id","prevExpanded","indexOf","length","filter","item","toggleExpanded","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAGEC,QAHF,EAIEC,WAJF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,eAAT,QAAgC,UAAhC;AA4BA,OAAO,IAAMC,gBAAgB,gBAC3BL,KAAK,CAACM,aAAN,CAAkD,IAAlD,CADK;AAGP,OAAO,IAAMC,SAAyB,GAAG,SAA5BA,SAA4B,OASnC;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,mCANJC,qBAMI;AAAA,MANJA,qBAMI,sCANoB,KAMpB;AAAA,mCALJC,iBAKI;AAAA,MALJA,iBAKI,sCALgB,KAKhB;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,EAGV;AAAA,mCAFJC,iBAEI;AAAA,MAFJA,iBAEI,sCAFgB,KAEhB;AAAA,MADJC,gBACI,QADJA,gBACI;;AACJ,kBAA0Cd,QAAQ,CAAWY,WAAX,CAAlD;AAAA,MAAOG,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,sBAAsB,GAAGhB,WAAW,CACxC,UAACiB,EAAD,EAAgB;AACdF,IAAAA,gBAAgB,CAAC,UAACG,YAAD,EAA4B;AAC3C,UAAIA,YAAY,CAACC,OAAb,CAAqBF,EAArB,IAA2B,CAAC,CAAhC,EAAmC;AACjC,YAAI,CAACR,iBAAD,IAAsBS,YAAY,CAACE,MAAb,KAAwB,CAAlD,EAAqD;AACnD,iBAAOF,YAAP;AACD;;AACD,eAAOA,YAAY,CAACG,MAAb,CAAoB,UAACC,IAAD,EAAkB;AAC3C,iBAAOA,IAAI,KAAKL,EAAhB;AACD,SAFM,CAAP;AAGD,OAPD,MAOO;AACL,YAAI,CAACT,qBAAL,EAA4B;AAC1B,iBAAO,CAACS,EAAD,CAAP;AACD;;AACD,yBAAWC,YAAX,GAAyBD,EAAzB;AACD;AACF,KAde,CAAhB;;AAeA,QAAIP,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACO,EAAD,CAAR;AACD;AACF,GApBuC,EAqBxC,CAACT,qBAAD,EAAwBC,iBAAxB,EAA2CC,QAA3C,CArBwC,CAA1C;AAwBA,sBACE,oBAAC,gBAAD,CAAkB,QAAlB;AACE,IAAA,KAAK,EAAE;AACLI,MAAAA,aAAa,EAAbA,aADK;AAELS,MAAAA,cAAc,EAAEP,sBAFX;AAGLJ,MAAAA,iBAAiB,EAAjBA,iBAHK;AAILC,MAAAA,gBAAgB,EAAhBA;AAJK;AADT,kBAQE,oBAAC,eAAD;AAAiB,IAAA,SAAS,EAAEZ,UAAU,CAAC,WAAD,EAAcM,SAAd;AAAtC,KACGD,QADH,CARF,CADF;AAcD,CAlDM;AAoDPD,SAAS,CAACmB,WAAV,GAAwB,WAAxB","sourcesContent":["import React, {\n  FC,\n  ReactNodeArray,\n  useState,\n  useCallback,\n  ReactNode,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledAccordion } from \"./Styles\";\n\ninterface IAccordion {\n  /** Children type of node or string */\n  children: ReactNodeArray;\n  /** ClassName */\n  className?: string;\n  /** Could all items be collapsed */\n  allowZeroExpanded?: boolean;\n  /** Could more than one item be expanded */\n  allowMultipleExpanded?: boolean;\n  /** Callback function that will be called with id of the accordion item that was clicked */\n  onChange?: (itemId: string) => void;\n  /** List of item id's that are expanded on initial render */\n  preExpanded?: string[];\n  /** Do not show the toggle icon in the AccordionItemHead component */\n  disableToggleIcon?: boolean;\n  /** Custom toggle icon to replace the default one */\n  customToggleIcon?: ReactNode;\n}\n\nexport interface IAccordionContextType {\n  expandedItems: string[];\n  toggleExpanded: (itemId: string) => void;\n  disableToggleIcon: boolean;\n  customToggleIcon: ReactNode;\n}\n\nexport const AccordionContext =\n  React.createContext<IAccordionContextType | null>(null);\n\nexport const Accordion: FC<IAccordion> = ({\n  children,\n  className,\n  allowMultipleExpanded = false,\n  allowZeroExpanded = false,\n  onChange,\n  preExpanded = [],\n  disableToggleIcon = false,\n  customToggleIcon,\n}) => {\n  const [expandedItems, setExpandedItems] = useState<string[]>(preExpanded);\n\n  const toggleExpandedCallback = useCallback(\n    (id: string) => {\n      setExpandedItems((prevExpanded: string[]) => {\n        if (prevExpanded.indexOf(id) > -1) {\n          if (!allowZeroExpanded && prevExpanded.length === 1) {\n            return prevExpanded;\n          }\n          return prevExpanded.filter((item: string) => {\n            return item !== id;\n          });\n        } else {\n          if (!allowMultipleExpanded) {\n            return [id];\n          }\n          return [...prevExpanded, id];\n        }\n      });\n      if (onChange) {\n        onChange(id);\n      }\n    },\n    [allowMultipleExpanded, allowZeroExpanded, onChange]\n  );\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        expandedItems,\n        toggleExpanded: toggleExpandedCallback,\n        disableToggleIcon,\n        customToggleIcon,\n      }}\n    >\n      <StyledAccordion className={classnames(\"accordion\", className)}>\n        {children}\n      </StyledAccordion>\n    </AccordionContext.Provider>\n  );\n};\n\nAccordion.displayName = \"Accordion\";\n"],"file":"Accordion.js"}

package/dist/esm/components/Accordion/AccordionItem.js

@@ -1,11 +1,9 @@
-import React, { useContext, useMemo } from 'react';
-import classnames from 'classnames';
-import { AccordionContext } from './Accordion.js';
-import { StyledAccordionItem } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var ItemContext = /*#__PURE__*/React.createContext(null);
-var AccordionItem = function AccordionItem(_ref) {
+import React, { useContext, useMemo } from "react";
+import classnames from "classnames";
+import { AccordionContext } from "./Accordion";
+import { StyledAccordionItem } from "./Styles";
+export var ItemContext = /*#__PURE__*/React.createContext(null);
+export var AccordionItem = function AccordionItem(_ref) {
   var children = _ref.children,
       className = _ref.className,
       id = _ref.id;
@@ -13,23 +11,19 @@ var AccordionItem = function AccordionItem(_ref) {
   var itemId = useMemo(function () {
     if (!id) {
       var randomString = Math.random().toString(36).slice(2);
-      return "accordion-item-".concat(randomString);
+      return "accordion-item-" + randomString;
     }
 
     return id;
   }, [id]);
-  return /*#__PURE__*/jsx(ItemContext.Provider, {
+  return /*#__PURE__*/React.createElement(ItemContext.Provider, {
     value: {
       isItemExpanded: accordionContext ? accordionContext.expandedItems.indexOf(itemId) > -1 : false,
       id: itemId
-    },
-    children: /*#__PURE__*/jsx(StyledAccordionItem, {
-      className: classnames("accordionItem", className),
-      children: children
-    })
-  });
+    }
+  }, /*#__PURE__*/React.createElement(StyledAccordionItem, {
+    className: classnames("accordionItem", className)
+  }, children));
 };
 AccordionItem.displayName = "AccordionItem";
-
-export { AccordionItem, ItemContext };
-//# sourceMappingURL=AccordionItem.js.map
+//# sourceMappingURL=AccordionItem.js.map

package/dist/esm/components/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["import React, { FC, ReactNode, useContext, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport { AccordionContext } from \"./Accordion\";\nimport { StyledAccordionItem } from \"./Styles\";\n\ninterface IAccordionItem {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** ClassName */\n  className?: string;\n  /** Id of the accordion item */\n  id?: string;\n}\n\nexport interface IItemContext {\n  isItemExpanded: boolean;\n  id: string;\n}\n\nexport const ItemContext = React.createContext(null as IItemContext | null);\n\nexport const AccordionItem: FC<IAccordionItem> = ({\n  children,\n  className,\n  id,\n}) => {\n  const accordionContext = useContext(AccordionContext);\n\n  const itemId = useMemo(() => {\n    if (!id) {\n      const randomString = Math.random().toString(36).slice(2);\n      return `accordion-item-${randomString}`;\n    }\n    return id;\n  }, [id]);\n\n  return (\n    <ItemContext.Provider\n      value={{\n        isItemExpanded: accordionContext\n          ? accordionContext.expandedItems.indexOf(itemId) > -1\n          : false,\n        id: itemId,\n      }}\n    >\n      <StyledAccordionItem className={classnames(\"accordionItem\", className)}>\n        {children}\n      </StyledAccordionItem>\n    </ItemContext.Provider>\n  );\n};\n\nAccordionItem.displayName = \"AccordionItem\";\n"],"names":["ItemContext","React","createContext","AccordionItem","children","className","id","accordionContext","useContext","AccordionContext","itemId","useMemo","randomString","Math","random","toString","slice","_jsx","isItemExpanded","expandedItems","indexOf","classnames","displayName"],"mappings":";;;;;;IAmBaA,WAAW,gBAAGC,KAAK,CAACC,aAAN,CAAoB,IAApB;IAEdC,aAAiC,GAAG,SAApCA,aAAoC,OAI3C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,EACI,QADJA,EACI;AACJ,MAAMC,gBAAgB,GAAGC,UAAU,CAACC,gBAAD,CAAnC;AAEA,MAAMC,MAAM,GAAGC,OAAO,CAAC,YAAM;AAC3B,QAAI,CAACL,EAAL,EAAS;AACP,UAAMM,YAAY,GAAGC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAjC,CAArB;AACA,sCAAyBJ,YAAzB;AACD;;AACD,WAAON,EAAP;AACD,GANqB,EAMnB,CAACA,EAAD,CANmB,CAAtB;AAQA,sBACEW,IAAC,WAAD,CAAa,QAAb;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,cAAc,EAAEX,gBAAgB,GAC5BA,gBAAgB,CAACY,aAAjB,CAA+BC,OAA/B,CAAuCV,MAAvC,IAAiD,CAAC,CADtB,GAE5B,KAHC;AAILJ,MAAAA,EAAE,EAAEI;AAJC,KADT;AAAA,2BAQEO,IAAC,mBAAD;AAAqB,MAAA,SAAS,EAAEI,UAAU,CAAC,eAAD,EAAkBhB,SAAlB,CAA1C;AAAA,gBACGD;AADH;AARF,IADF;AAcD;AAEDD,aAAa,CAACmB,WAAd,GAA4B,eAA5B;;;;"}
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":["React","useContext","useMemo","classnames","AccordionContext","StyledAccordionItem","ItemContext","createContext","AccordionItem","children","className","id","accordionContext","itemId","randomString","Math","random","toString","slice","isItemExpanded","expandedItems","indexOf","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAA+BC,UAA/B,EAA2CC,OAA3C,QAA0D,OAA1D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,aAAjC;AACA,SAASC,mBAAT,QAAoC,UAApC;AAgBA,OAAO,IAAMC,WAAW,gBAAGN,KAAK,CAACO,aAAN,CAAoB,IAApB,CAApB;AAEP,OAAO,IAAMC,aAAiC,GAAG,SAApCA,aAAoC,OAI3C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,EACI,QADJA,EACI;AACJ,MAAMC,gBAAgB,GAAGX,UAAU,CAACG,gBAAD,CAAnC;AAEA,MAAMS,MAAM,GAAGX,OAAO,CAAC,YAAM;AAC3B,QAAI,CAACS,EAAL,EAAS;AACP,UAAMG,YAAY,GAAGC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAjC,CAArB;AACA,iCAAyBJ,YAAzB;AACD;;AACD,WAAOH,EAAP;AACD,GANqB,EAMnB,CAACA,EAAD,CANmB,CAAtB;AAQA,sBACE,oBAAC,WAAD,CAAa,QAAb;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,cAAc,EAAEP,gBAAgB,GAC5BA,gBAAgB,CAACQ,aAAjB,CAA+BC,OAA/B,CAAuCR,MAAvC,IAAiD,CAAC,CADtB,GAE5B,KAHC;AAILF,MAAAA,EAAE,EAAEE;AAJC;AADT,kBAQE,oBAAC,mBAAD;AAAqB,IAAA,SAAS,EAAEV,UAAU,CAAC,eAAD,EAAkBO,SAAlB;AAA1C,KACGD,QADH,CARF,CADF;AAcD,CA7BM;AA+BPD,aAAa,CAACc,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC, ReactNode, useContext, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport { AccordionContext } from \"./Accordion\";\nimport { StyledAccordionItem } from \"./Styles\";\n\ninterface IAccordionItem {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** ClassName */\n  className?: string;\n  /** Id of the accordion item */\n  id?: string;\n}\n\nexport interface IItemContext {\n  isItemExpanded: boolean;\n  id: string;\n}\n\nexport const ItemContext = React.createContext(null as IItemContext | null);\n\nexport const AccordionItem: FC<IAccordionItem> = ({\n  children,\n  className,\n  id,\n}) => {\n  const accordionContext = useContext(AccordionContext);\n\n  const itemId = useMemo(() => {\n    if (!id) {\n      const randomString = Math.random().toString(36).slice(2);\n      return `accordion-item-${randomString}`;\n    }\n    return id;\n  }, [id]);\n\n  return (\n    <ItemContext.Provider\n      value={{\n        isItemExpanded: accordionContext\n          ? accordionContext.expandedItems.indexOf(itemId) > -1\n          : false,\n        id: itemId,\n      }}\n    >\n      <StyledAccordionItem className={classnames(\"accordionItem\", className)}>\n        {children}\n      </StyledAccordionItem>\n    </ItemContext.Provider>\n  );\n};\n\nAccordionItem.displayName = \"AccordionItem\";\n"],"file":"AccordionItem.js"}

package/dist/esm/components/Accordion/AccordionItemBody.js

@@ -1,24 +1,19 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useContext, useRef } from 'react';
-import classnames from 'classnames';
-import { Transition } from 'react-transition-group';
-import { ItemContext } from './AccordionItem.js';
-import useHeight from '../../hooks/useHeight.js';
-import { StyledAccordionItemBody } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var AccordionItemBody = function AccordionItemBody(_ref) {
-  var _children = _ref.children,
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext, useRef } from "react";
+import classnames from "classnames";
+import { Transition } from "react-transition-group";
+import { ItemContext } from "./AccordionItem";
+import useHeight from "../../hooks/useHeight";
+import { StyledAccordionItemBody } from "./Styles";
+export var AccordionItemBody = function AccordionItemBody(_ref) {
+  var children = _ref.children,
       className = _ref.className;
   var itemContext = useContext(ItemContext);
   var divRef = useRef(null);
   var duration = 200;
   var height = useHeight(divRef);
   var defaultStyle = {
-    transition: "max-height ".concat(duration, "ms linear"),
+    transition: "max-height " + duration + "ms linear",
     maxHeight: 0
   };
   var transitionStyles = {
@@ -35,20 +30,16 @@ var AccordionItemBody = function AccordionItemBody(_ref) {
       maxHeight: 0
     }
   };
-  return /*#__PURE__*/jsx(Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     timeout: 200,
-    in: itemContext === null || itemContext === void 0 ? void 0 : itemContext.isItemExpanded,
-    children: function children(state) {
-      return /*#__PURE__*/jsx(StyledAccordionItemBody, {
-        ref: divRef,
-        className: classnames("accordionItemBody", className),
-        style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state]),
-        children: _children
-      });
-    }
+    in: itemContext == null ? void 0 : itemContext.isItemExpanded
+  }, function (state) {
+    return /*#__PURE__*/React.createElement(StyledAccordionItemBody, {
+      ref: divRef,
+      className: classnames("accordionItemBody", className),
+      style: _extends({}, defaultStyle, transitionStyles[state])
+    }, children);
   });
 };
 AccordionItemBody.displayName = "AccordionItemBody";
-
-export { AccordionItemBody };
-//# sourceMappingURL=AccordionItemBody.js.map
+//# sourceMappingURL=AccordionItemBody.js.map

package/dist/esm/components/Accordion/AccordionItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItemBody.js","sources":["../../../../src/components/Accordion/AccordionItemBody.tsx"],"sourcesContent":["import React, { ReactNode, FC, useContext, useRef, ReactElement } from \"react\";\nimport classnames from \"classnames\";\nimport { Transition } from \"react-transition-group\";\nimport { ItemContext, IItemContext } from \"./AccordionItem\";\nimport useHeight from \"../../hooks/useHeight\";\nimport { StyledAccordionItemBody } from \"./Styles\";\n\ninterface IAccordionItemBody {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** ClassName */\n  className?: string;\n}\n\nexport const AccordionItemBody: FC<IAccordionItemBody> = ({\n  children,\n  className,\n}) => {\n  const itemContext = useContext<IItemContext | null>(ItemContext);\n  const divRef = useRef(null);\n  const duration = 200;\n  const height = useHeight(divRef);\n\n  const defaultStyle = {\n    transition: `max-height ${duration}ms linear`,\n    maxHeight: 0,\n  };\n\n  const transitionStyles = {\n    entering: { maxHeight: height },\n    entered: { maxHeight: height },\n    exiting: { maxHeight: 0 },\n    exited: { maxHeight: 0 },\n  };\n\n  return (\n    <Transition timeout={200} in={itemContext?.isItemExpanded}>\n      {(state): ReactElement => (\n        <StyledAccordionItemBody\n          ref={divRef}\n          className={classnames(\"accordionItemBody\", className)}\n          style={{\n            ...defaultStyle,\n            ...transitionStyles[state],\n          }}\n        >\n          {children}\n        </StyledAccordionItemBody>\n      )}\n    </Transition>\n  );\n};\n\nAccordionItemBody.displayName = \"AccordionItemBody\";\n"],"names":["AccordionItemBody","children","className","itemContext","useContext","ItemContext","divRef","useRef","duration","height","useHeight","defaultStyle","transition","maxHeight","transitionStyles","entering","entered","exiting","exited","_jsx","isItemExpanded","state","classnames","displayName"],"mappings":";;;;;;;;;;;;IAcaA,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,SAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,WAAW,GAAGC,UAAU,CAAsBC,WAAtB,CAA9B;AACA,MAAMC,MAAM,GAAGC,MAAM,CAAC,IAAD,CAArB;AACA,MAAMC,QAAQ,GAAG,GAAjB;AACA,MAAMC,MAAM,GAAGC,SAAS,CAACJ,MAAD,CAAxB;AAEA,MAAMK,YAAY,GAAG;AACnBC,IAAAA,UAAU,uBAAgBJ,QAAhB,cADS;AAEnBK,IAAAA,SAAS,EAAE;AAFQ,GAArB;AAKA,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AAAEF,MAAAA,SAAS,EAAEJ;AAAb,KADa;AAEvBO,IAAAA,OAAO,EAAE;AAAEH,MAAAA,SAAS,EAAEJ;AAAb,KAFc;AAGvBQ,IAAAA,OAAO,EAAE;AAAEJ,MAAAA,SAAS,EAAE;AAAb,KAHc;AAIvBK,IAAAA,MAAM,EAAE;AAAEL,MAAAA,SAAS,EAAE;AAAb;AAJe,GAAzB;AAOA,sBACEM,IAAC,UAAD;AAAY,IAAA,OAAO,EAAE,GAArB;AAA0B,IAAA,EAAE,EAAEhB,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAEiB,cAA3C;AAAA,cACG,kBAACC,KAAD;AAAA,0BACCF,IAAC,uBAAD;AACE,QAAA,GAAG,EAAEb,MADP;AAEE,QAAA,SAAS,EAAEgB,UAAU,CAAC,mBAAD,EAAsBpB,SAAtB,CAFvB;AAGE,QAAA,KAAK,kCACAS,YADA,GAEAG,gBAAgB,CAACO,KAAD,CAFhB,CAHP;AAAA,kBAQGpB;AARH,QADD;AAAA;AADH,IADF;AAgBD;AAEDD,iBAAiB,CAACuB,WAAlB,GAAgC,mBAAhC;;;;"}
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemBody.tsx"],"names":["React","useContext","useRef","classnames","Transition","ItemContext","useHeight","StyledAccordionItemBody","AccordionItemBody","children","className","itemContext","divRef","duration","height","defaultStyle","transition","maxHeight","transitionStyles","entering","entered","exiting","exited","isItemExpanded","state","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAA+BC,UAA/B,EAA2CC,MAA3C,QAAuE,OAAvE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,QAA2B,wBAA3B;AACA,SAASC,WAAT,QAA0C,iBAA1C;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,SAASC,uBAAT,QAAwC,UAAxC;AASA,OAAO,IAAMC,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,WAAW,GAAGV,UAAU,CAAsBI,WAAtB,CAA9B;AACA,MAAMO,MAAM,GAAGV,MAAM,CAAC,IAAD,CAArB;AACA,MAAMW,QAAQ,GAAG,GAAjB;AACA,MAAMC,MAAM,GAAGR,SAAS,CAACM,MAAD,CAAxB;AAEA,MAAMG,YAAY,GAAG;AACnBC,IAAAA,UAAU,kBAAgBH,QAAhB,cADS;AAEnBI,IAAAA,SAAS,EAAE;AAFQ,GAArB;AAKA,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AAAEF,MAAAA,SAAS,EAAEH;AAAb,KADa;AAEvBM,IAAAA,OAAO,EAAE;AAAEH,MAAAA,SAAS,EAAEH;AAAb,KAFc;AAGvBO,IAAAA,OAAO,EAAE;AAAEJ,MAAAA,SAAS,EAAE;AAAb,KAHc;AAIvBK,IAAAA,MAAM,EAAE;AAAEL,MAAAA,SAAS,EAAE;AAAb;AAJe,GAAzB;AAOA,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAE,GAArB;AAA0B,IAAA,EAAE,EAAEN,WAAF,oBAAEA,WAAW,CAAEY;AAA3C,KACG,UAACC,KAAD;AAAA,wBACC,oBAAC,uBAAD;AACE,MAAA,GAAG,EAAEZ,MADP;AAEE,MAAA,SAAS,EAAET,UAAU,CAAC,mBAAD,EAAsBO,SAAtB,CAFvB;AAGE,MAAA,KAAK,eACAK,YADA,EAEAG,gBAAgB,CAACM,KAAD,CAFhB;AAHP,OAQGf,QARH,CADD;AAAA,GADH,CADF;AAgBD,CArCM;AAuCPD,iBAAiB,CAACiB,WAAlB,GAAgC,mBAAhC","sourcesContent":["import React, { ReactNode, FC, useContext, useRef, ReactElement } from \"react\";\nimport classnames from \"classnames\";\nimport { Transition } from \"react-transition-group\";\nimport { ItemContext, IItemContext } from \"./AccordionItem\";\nimport useHeight from \"../../hooks/useHeight\";\nimport { StyledAccordionItemBody } from \"./Styles\";\n\ninterface IAccordionItemBody {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** ClassName */\n  className?: string;\n}\n\nexport const AccordionItemBody: FC<IAccordionItemBody> = ({\n  children,\n  className,\n}) => {\n  const itemContext = useContext<IItemContext | null>(ItemContext);\n  const divRef = useRef(null);\n  const duration = 200;\n  const height = useHeight(divRef);\n\n  const defaultStyle = {\n    transition: `max-height ${duration}ms linear`,\n    maxHeight: 0,\n  };\n\n  const transitionStyles = {\n    entering: { maxHeight: height },\n    entered: { maxHeight: height },\n    exiting: { maxHeight: 0 },\n    exited: { maxHeight: 0 },\n  };\n\n  return (\n    <Transition timeout={200} in={itemContext?.isItemExpanded}>\n      {(state): ReactElement => (\n        <StyledAccordionItemBody\n          ref={divRef}\n          className={classnames(\"accordionItemBody\", className)}\n          style={{\n            ...defaultStyle,\n            ...transitionStyles[state],\n          }}\n        >\n          {children}\n        </StyledAccordionItemBody>\n      )}\n    </Transition>\n  );\n};\n\nAccordionItemBody.displayName = \"AccordionItemBody\";\n"],"file":"AccordionItemBody.js"}

package/dist/esm/components/Accordion/AccordionItemHead.js

@@ -1,12 +1,10 @@
-import { useContext, useMemo, useCallback } from 'react';
-import classnames from 'classnames';
-import { ItemContext } from './AccordionItem.js';
-import { AccordionContext } from './Accordion.js';
-import CollapseExpandSingleIcon from '../Icons/collection/CollapseExpandSingle.js';
-import { StyledAccordionItemHead, StyledAccordionItemHeadText, StyledAccordionItemHeadIcon } from './Styles.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var AccordionItemHead = function AccordionItemHead(_ref) {
+import React, { useContext, useCallback, useMemo } from "react";
+import classnames from "classnames";
+import { ItemContext } from "./AccordionItem";
+import { AccordionContext } from "./Accordion";
+import CollapseExpandSingleIcon from "../Icons/collection/CollapseExpandSingle";
+import { StyledAccordionItemHead, StyledAccordionItemHeadText, StyledAccordionItemHeadIcon } from "./Styles";
+export var AccordionItemHead = function AccordionItemHead(_ref) {
   var children = _ref.children,
       className = _ref.className;
   var accordionContext = useContext(AccordionContext);
@@ -32,25 +30,20 @@ var AccordionItemHead = function AccordionItemHead(_ref) {
     }
   }, [id, toggleExpanded]);
   var toggleIcon = useMemo(function () {
-    return customToggleIcon ? customToggleIcon : /*#__PURE__*/jsx(CollapseExpandSingleIcon, {
+    return customToggleIcon ? customToggleIcon : /*#__PURE__*/React.createElement(CollapseExpandSingleIcon, {
       style: {
         transform: "rotate(180deg)"
       }
     });
   }, [customToggleIcon]);
-  return /*#__PURE__*/jsxs(StyledAccordionItemHead, {
+  return /*#__PURE__*/React.createElement(StyledAccordionItemHead, {
     onClick: onClickCallback,
-    className: classnames("accordionItemHead", className),
-    children: [/*#__PURE__*/jsx(StyledAccordionItemHeadText, {
-      className: "accordionItemHead__text",
-      children: children
-    }), /*#__PURE__*/jsx(StyledAccordionItemHeadIcon, {
-      className: "accordionItemHead__icon",
-      children: !disableToggleIcon ? toggleIcon : null
-    })]
-  });
+    className: classnames("accordionItemHead", className)
+  }, /*#__PURE__*/React.createElement(StyledAccordionItemHeadText, {
+    className: "accordionItemHead__text"
+  }, children), /*#__PURE__*/React.createElement(StyledAccordionItemHeadIcon, {
+    className: "accordionItemHead__icon"
+  }, !disableToggleIcon ? toggleIcon : null));
 };
 AccordionItemHead.displayName = "AccordionItemHead";
-
-export { AccordionItemHead };
-//# sourceMappingURL=AccordionItemHead.js.map
+//# sourceMappingURL=AccordionItemHead.js.map

package/dist/esm/components/Accordion/AccordionItemHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItemHead.js","sources":["../../../../src/components/Accordion/AccordionItemHead.tsx"],"sourcesContent":["import React, { ReactNode, FC, useContext, useCallback, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport { ItemContext } from \"./AccordionItem\";\nimport { AccordionContext } from \"./Accordion\";\nimport CollapseExpandSingleIcon from \"../Icons/collection/CollapseExpandSingle\";\nimport {\n  StyledAccordionItemHead,\n  StyledAccordionItemHeadText,\n  StyledAccordionItemHeadIcon,\n} from \"./Styles\";\n\ninterface IAccordionItemHead {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** ClassName */\n  className?: string;\n}\n\nexport const AccordionItemHead: FC<IAccordionItemHead> = ({\n  children,\n  className,\n}) => {\n  const accordionContext = useContext(AccordionContext);\n  const itemContext = useContext(ItemContext);\n\n  const { toggleExpanded, disableToggleIcon, customToggleIcon } =\n    useMemo(() => {\n      return {\n        toggleExpanded: accordionContext\n          ? accordionContext.toggleExpanded\n          : null,\n        disableToggleIcon: accordionContext\n          ? accordionContext.disableToggleIcon\n          : false,\n        customToggleIcon: accordionContext\n          ? accordionContext.customToggleIcon\n          : null,\n      };\n    }, [accordionContext]);\n\n  const id = useMemo(() => (itemContext ? itemContext.id : \"\"), [itemContext]);\n\n  const onClickCallback = useCallback(() => {\n    if (toggleExpanded) {\n      toggleExpanded(id);\n    }\n  }, [id, toggleExpanded]);\n\n  const toggleIcon = useMemo(\n    () =>\n      customToggleIcon ? (\n        customToggleIcon\n      ) : (\n        <CollapseExpandSingleIcon style={{ transform: \"rotate(180deg)\" }} />\n      ),\n    [customToggleIcon]\n  );\n\n  return (\n    <StyledAccordionItemHead\n      onClick={onClickCallback}\n      className={classnames(\"accordionItemHead\", className)}\n    >\n      <StyledAccordionItemHeadText className=\"accordionItemHead__text\">\n        {children}\n      </StyledAccordionItemHeadText>\n      <StyledAccordionItemHeadIcon className=\"accordionItemHead__icon\">\n        {!disableToggleIcon ? toggleIcon : null}\n      </StyledAccordionItemHeadIcon>\n    </StyledAccordionItemHead>\n  );\n};\n\nAccordionItemHead.displayName = \"AccordionItemHead\";\n"],"names":["AccordionItemHead","children","className","accordionContext","useContext","AccordionContext","itemContext","ItemContext","useMemo","toggleExpanded","disableToggleIcon","customToggleIcon","id","onClickCallback","useCallback","toggleIcon","_jsx","transform","_jsxs","classnames","displayName"],"mappings":";;;;;;;;IAkBaA,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,gBAAgB,GAAGC,UAAU,CAACC,gBAAD,CAAnC;AACA,MAAMC,WAAW,GAAGF,UAAU,CAACG,WAAD,CAA9B;;AAEA,iBACEC,OAAO,CAAC,YAAM;AACZ,WAAO;AACLC,MAAAA,cAAc,EAAEN,gBAAgB,GAC5BA,gBAAgB,CAACM,cADW,GAE5B,IAHC;AAILC,MAAAA,iBAAiB,EAAEP,gBAAgB,GAC/BA,gBAAgB,CAACO,iBADc,GAE/B,KANC;AAOLC,MAAAA,gBAAgB,EAAER,gBAAgB,GAC9BA,gBAAgB,CAACQ,gBADa,GAE9B;AATC,KAAP;AAWD,GAZM,EAYJ,CAACR,gBAAD,CAZI,CADT;AAAA,MAAQM,cAAR,YAAQA,cAAR;AAAA,MAAwBC,iBAAxB,YAAwBA,iBAAxB;AAAA,MAA2CC,gBAA3C,YAA2CA,gBAA3C;;AAeA,MAAMC,EAAE,GAAGJ,OAAO,CAAC;AAAA,WAAOF,WAAW,GAAGA,WAAW,CAACM,EAAf,GAAoB,EAAtC;AAAA,GAAD,EAA4C,CAACN,WAAD,CAA5C,CAAlB;AAEA,MAAMO,eAAe,GAAGC,WAAW,CAAC,YAAM;AACxC,QAAIL,cAAJ,EAAoB;AAClBA,MAAAA,cAAc,CAACG,EAAD,CAAd;AACD;AACF,GAJkC,EAIhC,CAACA,EAAD,EAAKH,cAAL,CAJgC,CAAnC;AAMA,MAAMM,UAAU,GAAGP,OAAO,CACxB;AAAA,WACEG,gBAAgB,GACdA,gBADc,gBAGdK,IAAC,wBAAD;AAA0B,MAAA,KAAK,EAAE;AAAEC,QAAAA,SAAS,EAAE;AAAb;AAAjC,MAJJ;AAAA,GADwB,EAOxB,CAACN,gBAAD,CAPwB,CAA1B;AAUA,sBACEO,KAAC,uBAAD;AACE,IAAA,OAAO,EAAEL,eADX;AAEE,IAAA,SAAS,EAAEM,UAAU,CAAC,mBAAD,EAAsBjB,SAAtB,CAFvB;AAAA,4BAIEc,IAAC,2BAAD;AAA6B,MAAA,SAAS,EAAC,yBAAvC;AAAA,gBACGf;AADH,MAJF,eAOEe,IAAC,2BAAD;AAA6B,MAAA,SAAS,EAAC,yBAAvC;AAAA,gBACG,CAACN,iBAAD,GAAqBK,UAArB,GAAkC;AADrC,MAPF;AAAA,IADF;AAaD;AAEDf,iBAAiB,CAACoB,WAAlB,GAAgC,mBAAhC;;;;"}
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemHead.tsx"],"names":["React","useContext","useCallback","useMemo","classnames","ItemContext","AccordionContext","CollapseExpandSingleIcon","StyledAccordionItemHead","StyledAccordionItemHeadText","StyledAccordionItemHeadIcon","AccordionItemHead","children","className","accordionContext","itemContext","toggleExpanded","disableToggleIcon","customToggleIcon","id","onClickCallback","toggleIcon","transform","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAA+BC,UAA/B,EAA2CC,WAA3C,EAAwDC,OAAxD,QAAuE,OAAvE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,gBAAT,QAAiC,aAAjC;AACA,OAAOC,wBAAP,MAAqC,0CAArC;AACA,SACEC,uBADF,EAEEC,2BAFF,EAGEC,2BAHF,QAIO,UAJP;AAaA,OAAO,IAAMC,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,gBAAgB,GAAGb,UAAU,CAACK,gBAAD,CAAnC;AACA,MAAMS,WAAW,GAAGd,UAAU,CAACI,WAAD,CAA9B;;AAEA,iBACEF,OAAO,CAAC,YAAM;AACZ,WAAO;AACLa,MAAAA,cAAc,EAAEF,gBAAgB,GAC5BA,gBAAgB,CAACE,cADW,GAE5B,IAHC;AAILC,MAAAA,iBAAiB,EAAEH,gBAAgB,GAC/BA,gBAAgB,CAACG,iBADc,GAE/B,KANC;AAOLC,MAAAA,gBAAgB,EAAEJ,gBAAgB,GAC9BA,gBAAgB,CAACI,gBADa,GAE9B;AATC,KAAP;AAWD,GAZM,EAYJ,CAACJ,gBAAD,CAZI,CADT;AAAA,MAAQE,cAAR,YAAQA,cAAR;AAAA,MAAwBC,iBAAxB,YAAwBA,iBAAxB;AAAA,MAA2CC,gBAA3C,YAA2CA,gBAA3C;;AAeA,MAAMC,EAAE,GAAGhB,OAAO,CAAC;AAAA,WAAOY,WAAW,GAAGA,WAAW,CAACI,EAAf,GAAoB,EAAtC;AAAA,GAAD,EAA4C,CAACJ,WAAD,CAA5C,CAAlB;AAEA,MAAMK,eAAe,GAAGlB,WAAW,CAAC,YAAM;AACxC,QAAIc,cAAJ,EAAoB;AAClBA,MAAAA,cAAc,CAACG,EAAD,CAAd;AACD;AACF,GAJkC,EAIhC,CAACA,EAAD,EAAKH,cAAL,CAJgC,CAAnC;AAMA,MAAMK,UAAU,GAAGlB,OAAO,CACxB;AAAA,WACEe,gBAAgB,GACdA,gBADc,gBAGd,oBAAC,wBAAD;AAA0B,MAAA,KAAK,EAAE;AAAEI,QAAAA,SAAS,EAAE;AAAb;AAAjC,MAJJ;AAAA,GADwB,EAOxB,CAACJ,gBAAD,CAPwB,CAA1B;AAUA,sBACE,oBAAC,uBAAD;AACE,IAAA,OAAO,EAAEE,eADX;AAEE,IAAA,SAAS,EAAEhB,UAAU,CAAC,mBAAD,EAAsBS,SAAtB;AAFvB,kBAIE,oBAAC,2BAAD;AAA6B,IAAA,SAAS,EAAC;AAAvC,KACGD,QADH,CAJF,eAOE,oBAAC,2BAAD;AAA6B,IAAA,SAAS,EAAC;AAAvC,KACG,CAACK,iBAAD,GAAqBI,UAArB,GAAkC,IADrC,CAPF,CADF;AAaD,CArDM;AAuDPV,iBAAiB,CAACY,WAAlB,GAAgC,mBAAhC","sourcesContent":["import React, { ReactNode, FC, useContext, useCallback, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport { ItemContext } from \"./AccordionItem\";\nimport { AccordionContext } from \"./Accordion\";\nimport CollapseExpandSingleIcon from \"../Icons/collection/CollapseExpandSingle\";\nimport {\n  StyledAccordionItemHead,\n  StyledAccordionItemHeadText,\n  StyledAccordionItemHeadIcon,\n} from \"./Styles\";\n\ninterface IAccordionItemHead {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** ClassName */\n  className?: string;\n}\n\nexport const AccordionItemHead: FC<IAccordionItemHead> = ({\n  children,\n  className,\n}) => {\n  const accordionContext = useContext(AccordionContext);\n  const itemContext = useContext(ItemContext);\n\n  const { toggleExpanded, disableToggleIcon, customToggleIcon } =\n    useMemo(() => {\n      return {\n        toggleExpanded: accordionContext\n          ? accordionContext.toggleExpanded\n          : null,\n        disableToggleIcon: accordionContext\n          ? accordionContext.disableToggleIcon\n          : false,\n        customToggleIcon: accordionContext\n          ? accordionContext.customToggleIcon\n          : null,\n      };\n    }, [accordionContext]);\n\n  const id = useMemo(() => (itemContext ? itemContext.id : \"\"), [itemContext]);\n\n  const onClickCallback = useCallback(() => {\n    if (toggleExpanded) {\n      toggleExpanded(id);\n    }\n  }, [id, toggleExpanded]);\n\n  const toggleIcon = useMemo(\n    () =>\n      customToggleIcon ? (\n        customToggleIcon\n      ) : (\n        <CollapseExpandSingleIcon style={{ transform: \"rotate(180deg)\" }} />\n      ),\n    [customToggleIcon]\n  );\n\n  return (\n    <StyledAccordionItemHead\n      onClick={onClickCallback}\n      className={classnames(\"accordionItemHead\", className)}\n    >\n      <StyledAccordionItemHeadText className=\"accordionItemHead__text\">\n        {children}\n      </StyledAccordionItemHeadText>\n      <StyledAccordionItemHeadIcon className=\"accordionItemHead__icon\">\n        {!disableToggleIcon ? toggleIcon : null}\n      </StyledAccordionItemHeadIcon>\n    </StyledAccordionItemHead>\n  );\n};\n\nAccordionItemHead.displayName = \"AccordionItemHead\";\n"],"file":"AccordionItemHead.js"}

package/dist/esm/components/Accordion/Styles.js

@@ -1,8 +1,7 @@
-import styled from 'styled-components';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import { FontStyle } from '../FontStyle.js';
-
-var StyledAccordion = styled.div.withConfig({
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export var StyledAccordion = styled.div.withConfig({
   displayName: "Styles__StyledAccordion",
   componentId: "sc-h8w6zs-0"
 })(["", " ", " ", ""], {
@@ -14,31 +13,29 @@ var StyledAccordion = styled.div.withConfig({
   "borderBottomWidth": "0px"
 }, FontStyle, BoxSizingStyle);
 StyledAccordion.displayName = "StyledAccordion";
-var StyledAccordionItem = styled.div.withConfig({
+export var StyledAccordionItem = styled.div.withConfig({
   displayName: "Styles__StyledAccordionItem",
   componentId: "sc-h8w6zs-1"
 })(["display:flex;flex-direction:column;background-color:var(--page-paper-main);border:1px solid transparent;border-bottom:1px solid var(--border-primary);overflow:hidden;", " ", ""], FontStyle, BoxSizingStyle);
 StyledAccordionItem.displayName = "StyledAccordionItem";
-var StyledAccordionItemBody = styled.div.withConfig({
+export var StyledAccordionItemBody = styled.div.withConfig({
   displayName: "Styles__StyledAccordionItemBody",
   componentId: "sc-h8w6zs-2"
 })(["margin:0 16px;", " ", ""], FontStyle, BoxSizingStyle);
 StyledAccordionItemBody.displayName = "StyledAccordionItemHead";
-var StyledAccordionItemHead = styled.div.withConfig({
+export var StyledAccordionItemHead = styled.div.withConfig({
   displayName: "Styles__StyledAccordionItemHead",
   componentId: "sc-h8w6zs-3"
 })(["user-select:none;padding:8px 16px;display:flex;flex-direction:row;justify-content:space-between;color:var(--color-theme-900);cursor:pointer;", " ", " .text{font-weight:bold;font-size:13px;}.icon{width:16px;height:16px;fill:currentColor;transform:translateY(-4px);}"], FontStyle, BoxSizingStyle);
 StyledAccordionItemHead.displayName = "StyledAccordionItemHead";
-var StyledAccordionItemHeadText = styled.div.withConfig({
+export var StyledAccordionItemHeadText = styled.div.withConfig({
   displayName: "Styles__StyledAccordionItemHeadText",
   componentId: "sc-h8w6zs-4"
 })(["font-weight:bold;font-size:13px;"]);
 StyledAccordionItemHeadText.displayName = "StyledAccordionItemHeadText";
-var StyledAccordionItemHeadIcon = styled.div.withConfig({
+export var StyledAccordionItemHeadIcon = styled.div.withConfig({
   displayName: "Styles__StyledAccordionItemHeadIcon",
   componentId: "sc-h8w6zs-5"
 })(["width:16px;height:16px;fill:currentColor;transform:translateY(-4px);"]);
 StyledAccordionItemHeadIcon.displayName = "StyledAccordionItemHeadIcon";
-
-export { StyledAccordion, StyledAccordionItem, StyledAccordionItemBody, StyledAccordionItemHead, StyledAccordionItemHeadIcon, StyledAccordionItemHeadText };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Accordion/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Accordion/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledAccordion = styled.div`\n  ${tw`tw-rounded-lg tw-overflow-hidden tw-border-solid tw-border tw-border-border-primary tw-border-b-0`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledAccordion.displayName = \"StyledAccordion\";\n\nexport const StyledAccordionItem = styled.div`\n  display: flex;\n  flex-direction: column;\n  background-color: var(--page-paper-main);\n  border: 1px solid transparent;\n  border-bottom: 1px solid var(--border-primary);\n  overflow: hidden;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledAccordionItem.displayName = \"StyledAccordionItem\";\n\nexport const StyledAccordionItemBody = styled.div`\n  margin: 0 16px;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledAccordionItemBody.displayName = \"StyledAccordionItemHead\";\n\nexport const StyledAccordionItemHead = styled.div`\n  user-select: none;\n  padding: 8px 16px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  color: var(--color-theme-900);\n  cursor: pointer;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  .text {\n    font-weight: bold;\n    font-size: 13px;\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n    transform: translateY(-4px);\n  }\n`;\n\nStyledAccordionItemHead.displayName = \"StyledAccordionItemHead\";\n\nexport const StyledAccordionItemHeadText = styled.div`\n  font-weight: bold;\n  font-size: 13px;\n`;\n\nStyledAccordionItemHeadText.displayName = \"StyledAccordionItemHeadText\";\n\nexport const StyledAccordionItemHeadIcon = styled.div`\n  width: 16px;\n  height: 16px;\n  fill: currentColor;\n  transform: translateY(-4px);\n`;\n\nStyledAccordionItemHeadIcon.displayName = \"StyledAccordionItemHeadIcon\";\n"],"names":["StyledAccordion","styled","div","FontStyle","BoxSizingStyle","displayName","StyledAccordionItem","StyledAccordionItemBody","StyledAccordionItemHead","StyledAccordionItemHeadText","StyledAccordionItemHeadIcon"],"mappings":";;;;IAKaA,eAAe,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,uBACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADsB,EAExBC,SAFwB,EAGxBC,cAHwB;AAM5BJ,eAAe,CAACK,WAAhB,GAA8B,iBAA9B;IAEaC,mBAAmB,GAAGL,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,wLAO5BC,SAP4B,EAQ5BC,cAR4B;AAWhCE,mBAAmB,CAACD,WAApB,GAAkC,qBAAlC;IAEaE,uBAAuB,GAAGN,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,gCAEhCC,SAFgC,EAGhCC,cAHgC;AAMpCG,uBAAuB,CAACF,WAAxB,GAAsC,yBAAtC;IAEaG,uBAAuB,GAAGP,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,iRAQhCC,SARgC,EAShCC,cATgC;AAsBpCI,uBAAuB,CAACH,WAAxB,GAAsC,yBAAtC;IAEaI,2BAA2B,GAAGR,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA;AAKxCO,2BAA2B,CAACJ,WAA5B,GAA0C,6BAA1C;IAEaK,2BAA2B,GAAGT,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA;AAOxCQ,2BAA2B,CAACL,WAA5B,GAA0C,6BAA1C;;;;"}
+{"version":3,"sources":["../../../../src/components/Accordion/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledAccordion","div","displayName","StyledAccordionItem","StyledAccordionItemBody","StyledAccordionItemHead","StyledAccordionItemHeadText","StyledAccordionItemHeadIcon"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,eAAe,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,uBACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADsB,EAExBF,SAFwB,EAGxBD,cAHwB,CAArB;AAMPE,eAAe,CAACE,WAAhB,GAA8B,iBAA9B;AAEA,OAAO,IAAMC,mBAAmB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,wLAO5BF,SAP4B,EAQ5BD,cAR4B,CAAzB;AAWPK,mBAAmB,CAACD,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAME,uBAAuB,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,gCAEhCF,SAFgC,EAGhCD,cAHgC,CAA7B;AAMPM,uBAAuB,CAACF,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,IAAMG,uBAAuB,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,iRAQhCF,SARgC,EAShCD,cATgC,CAA7B;AAsBPO,uBAAuB,CAACH,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,IAAMI,2BAA2B,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,wCAAjC;AAKPK,2BAA2B,CAACJ,WAA5B,GAA0C,6BAA1C;AAEA,OAAO,IAAMK,2BAA2B,GAAGV,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,4EAAjC;AAOPM,2BAA2B,CAACL,WAA5B,GAA0C,6BAA1C","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledAccordion = styled.div`\n  ${tw`tw-rounded-lg tw-overflow-hidden tw-border-solid tw-border tw-border-border-primary tw-border-b-0`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledAccordion.displayName = \"StyledAccordion\";\n\nexport const StyledAccordionItem = styled.div`\n  display: flex;\n  flex-direction: column;\n  background-color: var(--page-paper-main);\n  border: 1px solid transparent;\n  border-bottom: 1px solid var(--border-primary);\n  overflow: hidden;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledAccordionItem.displayName = \"StyledAccordionItem\";\n\nexport const StyledAccordionItemBody = styled.div`\n  margin: 0 16px;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledAccordionItemBody.displayName = \"StyledAccordionItemHead\";\n\nexport const StyledAccordionItemHead = styled.div`\n  user-select: none;\n  padding: 8px 16px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  color: var(--color-theme-900);\n  cursor: pointer;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  .text {\n    font-weight: bold;\n    font-size: 13px;\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n    transform: translateY(-4px);\n  }\n`;\n\nStyledAccordionItemHead.displayName = \"StyledAccordionItemHead\";\n\nexport const StyledAccordionItemHeadText = styled.div`\n  font-weight: bold;\n  font-size: 13px;\n`;\n\nStyledAccordionItemHeadText.displayName = \"StyledAccordionItemHeadText\";\n\nexport const StyledAccordionItemHeadIcon = styled.div`\n  width: 16px;\n  height: 16px;\n  fill: currentColor;\n  transform: translateY(-4px);\n`;\n\nStyledAccordionItemHeadIcon.displayName = \"StyledAccordionItemHeadIcon\";\n"],"file":"Styles.js"}

package/dist/esm/components/Accordion/index.js

@@ -0,0 +1,5 @@
+export * from "./Accordion";
+export * from "./AccordionItem";
+export * from "./AccordionItemHead";
+export * from "./AccordionItemBody";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,iBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from \"./Accordion\";\nexport * from \"./AccordionItem\";\nexport * from \"./AccordionItemHead\";\nexport * from \"./AccordionItemBody\";\n"],"file":"index.js"}

package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js

@@ -1,18 +1,11 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
-import classnames from 'classnames';
-import useForkRef from '../../utils/useForkRef.js';
-import { StyledAutoResizeTextarea } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { useState, useCallback, forwardRef, useRef, useEffect } from "react";
+import classnames from "classnames";
+import useForkRef from "../../utils/useForkRef";
+import { StyledAutoResizeTextarea } from "./Styles";
+export var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$minRows = _ref.minRows,
       minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
       _ref$maxRows = _ref.maxRows,
@@ -27,14 +20,13 @@ var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
       cursorAtTextEnd = _ref$cursorAtTextEnd === void 0 ? false : _ref$cursorAtTextEnd,
       onKeyDown = _ref.onKeyDown,
       value = _ref.value,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var innerRef = useRef(null);
 
   var _useState = useState(minRows),
-      _useState2 = _slicedToArray(_useState, 2),
-      rows = _useState2[0],
-      setRows = _useState2[1];
+      rows = _useState[0],
+      setRows = _useState[1];
 
   var handleRef = useForkRef(ref, innerRef);
   var calcRows = useCallback(function (elem) {
@@ -74,7 +66,7 @@ var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
     typeof onKeyDown === "function" && onKeyDown(e);
   }, [preventNewRowOnEnter, onKeyDown]);
-  return /*#__PURE__*/jsx(StyledAutoResizeTextarea, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/React.createElement(StyledAutoResizeTextarea, _extends({}, rest, {
     value: value,
     ref: handleRef,
     onChange: handleOnChange,
@@ -83,12 +75,10 @@ var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     rows: rows,
     className: classnames("c-autoresizetextarea", className),
     style: {
-      minHeight: "".concat(lineHeight, "px"),
-      lineHeight: "".concat(lineHeight, "px")
+      minHeight: lineHeight + "px",
+      lineHeight: lineHeight + "px"
     }
   }));
 });
 AutoResizeTextarea.displayName = "AutoResizeTextarea";
-
-export { AutoResizeTextarea };
-//# sourceMappingURL=AutoResizeTextarea.js.map
+//# sourceMappingURL=AutoResizeTextarea.js.map