@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1.full

package/dist/Tooltips/TooltipWrapper.js

@@ -25,18 +25,17 @@ const TooltipWrapper = _ref => {
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const [showTooltip, setShowTooltip] = React.useState(false);
-  const timeoutRef = useRef();
+  const timeoutRef = useRef(null);
   const ref = useClickOutsideRef(() => setShowTooltip(false));
   const handleClick = e => {
-    var _ref$current;
-    if (ref !== null && ref !== void 0 && (_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(e === null || e === void 0 ? void 0 : e.target)) {
+    if (ref?.current?.contains(e?.target)) {
       setShowTooltip(true);
       timeoutRef.current && clearTimeout(timeoutRef.current);
       timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);
     }
   };
   const handleButtonDown = e => {
-    if ((e === null || e === void 0 ? void 0 : e.key) === 'Enter' || (e === null || e === void 0 ? void 0 : e.key) === ' ') {
+    if (e?.key === 'Enter' || e?.key === ' ') {
       setShowTooltip(true);
       timeoutRef.current && clearTimeout(timeoutRef.current);
       timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);
@@ -44,17 +43,15 @@ const TooltipWrapper = _ref => {
   };
   useEffect(() => {
     if (trigger == 'click') {
-      var _ref$current2;
       document.addEventListener('mousedown', handleClick);
-      ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.addEventListener('keydown', handleButtonDown);
+      ref?.current?.addEventListener('keydown', handleButtonDown);
       return () => {
-        var _ref$current3;
         document.removeEventListener('mousedown', handleClick);
-        ref === null || ref === void 0 || (_ref$current3 = ref.current) === null || _ref$current3 === void 0 || _ref$current3.removeEventListener('keydown', handleButtonDown);
+        ref?.current?.removeEventListener('keydown', handleButtonDown);
       };
     }
   }, [trigger]);
-  const cls = "".concat(trigger === 'click' ? showTooltip ? 'show' : 'hide' : '');
+  const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;
   return /*#__PURE__*/_jsxs(TooltipContainer, {
     ref: ref,
     $delay: delay,

package/dist/Tooltips/TooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWrapper.js","names":["React","TooltipContainer","Tooltip","useClickOutsideRef","useEffect","useRef","Size","jsx","_jsx","jsxs","_jsxs","TooltipWrapper","_ref","label","children","withArrow","tabIndex","size","Small","height","delay","undefined","align","position","trigger","hideAfter","props","_objectWithoutProperties","_excluded","showTooltip","setShowTooltip","useState","timeoutRef","ref","handleClick","e","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","$delay","$triggerType","className","_objectSpread","$align","$height","role","$size","$withArrow","$position"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n                          label, children,\r\n                          withArrow,\r\n                          tabIndex,\r\n                          size = Size.Small,\r\n                          height = 'auto',\r\n                          delay = undefined,\r\n                          align = 'center',\r\n                          position = 'bottom',\r\n                          trigger = 'hover',\r\n                          hideAfter = 5000,\r\n                          ...props\r\n                        }: TooltipProps) => {\r\n\r\n  const [showTooltip, setShowTooltip] = React.useState(false);\r\n  const timeoutRef = useRef<any>();\r\n\r\n  const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n  const handleClick = (e?: MouseEvent) => {\r\n    if (ref?.current?.contains(e?.target as Node)) {\r\n      setShowTooltip(true)\r\n      timeoutRef.current && clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n    }\r\n  }\r\n  const handleButtonDown = (e?: KeyboardEvent) => {\r\n    if (e?.key === 'Enter' || e?.key === ' ') {\r\n      setShowTooltip(true);\r\n      timeoutRef.current && clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (trigger == 'click') {\r\n      document.addEventListener('mousedown', handleClick);\r\n      ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n      return () => {\r\n        document.removeEventListener('mousedown', handleClick);\r\n        ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n      };\r\n    }\r\n  }, [trigger])\r\n\r\n  const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n  return <TooltipContainer ref={ref}\r\n                           $delay={delay}\r\n                           tabIndex={tabIndex}\r\n                           $triggerType={trigger}\r\n                           className={cls}>\r\n    <Tooltip $align={align}\r\n             $height={height}\r\n             role=\"tooltip\"\r\n             $size={size}\r\n             $withArrow={withArrow}\r\n             $position={position}\r\n             {...props}>\r\n      {label}\r\n    </Tooltip>\r\n    {children}\r\n  </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAAQC,gBAAgB,EAAEC,OAAO,QAAO,iBAAiB;AACzD,SAAQC,kBAAkB,QAAO,WAAW;AAC5C,SAAQC,SAAS,EAAEC,MAAM,QAAO,OAAO;AACvC,SAAQC,IAAI,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,cAAc,GAAGC,IAAA,IAYqB;EAAA,IAZpB;MACEC,KAAK;MAAEC,QAAQ;MACfC,SAAS;MACTC,QAAQ;MACRC,IAAI,GAAGX,IAAI,CAACY,KAAK;MACjBC,MAAM,GAAG,MAAM;MACfC,KAAK,GAAGC,SAAS;MACjBC,KAAK,GAAG,QAAQ;MAChBC,QAAQ,GAAG,QAAQ;MACnBC,OAAO,GAAG,OAAO;MACjBC,SAAS,GAAG;IAEA,CAAC,GAAAb,IAAA;IADVc,KAAK,GAAAC,wBAAA,CAAAf,IAAA,EAAAgB,SAAA;EAGhC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG9B,KAAK,CAAC+B,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAMC,UAAU,GAAG3B,MAAM,CAAM,CAAC;EAEhC,MAAM4B,GAAG,GAAG9B,kBAAkB,CAAC,MAAM2B,cAAc,CAAC,KAAK,CAAC,CAAC;EAE3D,MAAMI,WAAW,GAAIC,CAAc,IAAK;IAAA,IAAAC,YAAA;IACtC,IAAIH,GAAG,aAAHA,GAAG,gBAAAG,YAAA,GAAHH,GAAG,CAAEI,OAAO,cAAAD,YAAA,eAAZA,YAAA,CAAcE,QAAQ,CAACH,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEI,MAAc,CAAC,EAAE;MAC7CT,cAAc,CAAC,IAAI,CAAC;MACpBE,UAAU,CAACK,OAAO,IAAIG,YAAY,CAACR,UAAU,CAACK,OAAO,CAAC;MACtDL,UAAU,CAACK,OAAO,GAAGI,UAAU,CAAC,MAAMX,cAAc,CAAC,KAAK,CAAC,EAAEL,SAAS,CAAC;IACzE;EACF,CAAC;EACD,MAAMiB,gBAAgB,GAAIP,CAAiB,IAAK;IAC9C,IAAI,CAAAA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEQ,GAAG,MAAK,OAAO,IAAI,CAAAR,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEQ,GAAG,MAAK,GAAG,EAAE;MACxCb,cAAc,CAAC,IAAI,CAAC;MACpBE,UAAU,CAACK,OAAO,IAAIG,YAAY,CAACR,UAAU,CAACK,OAAO,CAAC;MACtDL,UAAU,CAACK,OAAO,GAAGI,UAAU,CAAC,MAAMX,cAAc,CAAC,KAAK,CAAC,EAAEL,SAAS,CAAC;IACzE;EACF,CAAC;EAEDrB,SAAS,CAAC,MAAM;IACd,IAAIoB,OAAO,IAAI,OAAO,EAAE;MAAA,IAAAoB,aAAA;MACtBC,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEZ,WAAW,CAAC;MACnDD,GAAG,aAAHA,GAAG,gBAAAW,aAAA,GAAHX,GAAG,CAAEI,OAAO,cAAAO,aAAA,eAAZA,aAAA,CAAcE,gBAAgB,CAAC,SAAS,EAAEJ,gBAAgB,CAAC;MAE3D,OAAO,MAAM;QAAA,IAAAK,aAAA;QACXF,QAAQ,CAACG,mBAAmB,CAAC,WAAW,EAAEd,WAAW,CAAC;QACtDD,GAAG,aAAHA,GAAG,gBAAAc,aAAA,GAAHd,GAAG,CAAEI,OAAO,cAAAU,aAAA,eAAZA,aAAA,CAAcC,mBAAmB,CAAC,SAAS,EAAEN,gBAAgB,CAAC;MAChE,CAAC;IACH;EACF,CAAC,EAAE,CAAClB,OAAO,CAAC,CAAC;EAEb,MAAMyB,GAAG,MAAAC,MAAA,CAAM1B,OAAO,KAAK,OAAO,GAAGK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAE;EACzE,oBAAOnB,KAAA,CAACT,gBAAgB;IAACgC,GAAG,EAAEA,GAAI;IACTkB,MAAM,EAAE/B,KAAM;IACdJ,QAAQ,EAAEA,QAAS;IACnBoC,YAAY,EAAE5B,OAAQ;IACtB6B,SAAS,EAAEJ,GAAI;IAAAnC,QAAA,gBACtCN,IAAA,CAACN,OAAO,EAAAoD,aAAA,CAAAA,aAAA;MAACC,MAAM,EAAEjC,KAAM;MACdkC,OAAO,EAAErC,MAAO;MAChBsC,IAAI,EAAC,SAAS;MACdC,KAAK,EAAEzC,IAAK;MACZ0C,UAAU,EAAE5C,SAAU;MACtB6C,SAAS,EAAErC;IAAS,GAChBG,KAAK;MAAAZ,QAAA,EACfD;IAAK,EACC,CAAC,EACTC,QAAQ;EAAA,CACO,CAAC;AACrB,CAAC;AAED,eAAeH,cAAc","ignoreList":[]}
+{"version":3,"file":"TooltipWrapper.js","names":["React","TooltipContainer","Tooltip","useClickOutsideRef","useEffect","useRef","Size","jsx","_jsx","jsxs","_jsxs","TooltipWrapper","_ref","label","children","withArrow","tabIndex","size","Small","height","delay","undefined","align","position","trigger","hideAfter","props","_objectWithoutProperties","_excluded","showTooltip","setShowTooltip","useState","timeoutRef","ref","handleClick","e","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","document","addEventListener","removeEventListener","cls","$delay","$triggerType","className","_objectSpread","$align","$height","role","$size","$withArrow","$position"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n                          label, children,\r\n                          withArrow,\r\n                          tabIndex,\r\n                          size = Size.Small,\r\n                          height = 'auto',\r\n                          delay = undefined,\r\n                          align = 'center',\r\n                          position = 'bottom',\r\n                          trigger = 'hover',\r\n                          hideAfter = 5000,\r\n                          ...props\r\n                        }: TooltipProps) => {\r\n\r\n  const [showTooltip, setShowTooltip] = React.useState(false);\r\n  const timeoutRef = useRef<any>(null);\r\n\r\n  const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n  const handleClick = (e?: MouseEvent) => {\r\n    if (ref?.current?.contains(e?.target as Node)) {\r\n      setShowTooltip(true)\r\n      timeoutRef.current && clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n    }\r\n  }\r\n  const handleButtonDown = (e?: KeyboardEvent) => {\r\n    if (e?.key === 'Enter' || e?.key === ' ') {\r\n      setShowTooltip(true);\r\n      timeoutRef.current && clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (trigger == 'click') {\r\n      document.addEventListener('mousedown', handleClick);\r\n      ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n      return () => {\r\n        document.removeEventListener('mousedown', handleClick);\r\n        ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n      };\r\n    }\r\n  }, [trigger])\r\n\r\n  const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n  return <TooltipContainer ref={ref}\r\n                           $delay={delay}\r\n                           tabIndex={tabIndex}\r\n                           $triggerType={trigger}\r\n                           className={cls}>\r\n    <Tooltip $align={align}\r\n             $height={height}\r\n             role=\"tooltip\"\r\n             $size={size}\r\n             $withArrow={withArrow}\r\n             $position={position}\r\n             {...props}>\r\n      {label}\r\n    </Tooltip>\r\n    {children}\r\n  </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/index.d.ts

@@ -1,3 +1,3 @@
-import TooltipWrapper from './TooltipWrapper';
-import { TooltipTrigger, TooltipContainer, Tooltip } from './TooltipStyles';
-export { TooltipWrapper, TooltipTrigger, TooltipContainer, Tooltip };
+import TooltipWrapper from './TooltipWrapper';
+import { TooltipTrigger, TooltipContainer, Tooltip } from './TooltipStyles';
+export { TooltipWrapper, TooltipTrigger, TooltipContainer, Tooltip };

package/dist/assets/index.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export type IconProps = {
-    className?: string;
-    color?: string;
-    size?: string;
-    viewBox?: string;
-    width?: string;
-    height?: string;
-};
-export declare const LaerdalLogo: React.FunctionComponent<IconProps>;
-export declare const LaerdalLoadingLogo: React.FunctionComponent<IconProps>;
-export declare const LaerdalWhiteLogo: React.FunctionComponent<IconProps>;
+import React from 'react';
+export type IconProps = {
+    className?: string;
+    color?: string;
+    size?: string;
+    viewBox?: string;
+    width?: string;
+    height?: string;
+};
+export declare const LaerdalLogo: React.FunctionComponent<IconProps>;
+export declare const LaerdalLoadingLogo: React.FunctionComponent<IconProps>;
+export declare const LaerdalWhiteLogo: React.FunctionComponent<IconProps>;

package/dist/common/ActionWithin.cjs

@@ -15,15 +15,13 @@ const useActionWithin = (ref, children) => {
   };
   _react.default.useEffect(() => {
     for (let child of children) {
-      var _child$current, _child$current2;
-      (_child$current = child.current) === null || _child$current === void 0 || _child$current.addEventListener('mouseenter', handleMouseEnter);
-      (_child$current2 = child.current) === null || _child$current2 === void 0 || _child$current2.addEventListener('mouseleave', handleMouseLeave);
+      child.current?.addEventListener('mouseenter', handleMouseEnter);
+      child.current?.addEventListener('mouseleave', handleMouseLeave);
     }
     return () => {
       for (let child of children) {
-        var _child$current3, _child$current4;
-        (_child$current3 = child.current) === null || _child$current3 === void 0 || _child$current3.removeEventListener('mouseenter', handleMouseEnter);
-        (_child$current4 = child.current) === null || _child$current4 === void 0 || _child$current4.removeEventListener('mouseleave', handleMouseLeave);
+        child.current?.removeEventListener('mouseenter', handleMouseEnter);
+        child.current?.removeEventListener('mouseleave', handleMouseLeave);
       }
     };
   }, [children]);

package/dist/common/ActionWithin.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionWithin.cjs","names":["_react","_interopRequireDefault","require","useActionWithin","ref","children","handleMouseEnter","e","current","classList","add","handleMouseLeave","remove","React","useEffect","child","_child$current","_child$current2","addEventListener","_child$current3","_child$current4","removeEventListener","exports"],"sources":["../../src/common/ActionWithin.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useActionWithin = (ref: any, children: React.MutableRefObject<any>[]) => {\r\n\r\n  const handleMouseEnter = (e: MouseEvent) => {\r\n    ref.current.classList.add('action-within');\r\n  };\r\n\r\n  const handleMouseLeave = (e: MouseEvent) => {\r\n    ref.current.classList.remove('action-within');\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    for (let child of children) {\r\n      child.current?.addEventListener('mouseenter', handleMouseEnter);\r\n      child.current?.addEventListener('mouseleave', handleMouseLeave);\r\n    }\r\n\r\n    return () => {\r\n      for (let child of children) {\r\n        child.current?.removeEventListener('mouseenter', handleMouseEnter);\r\n        child.current?.removeEventListener('mouseleave', handleMouseLeave);\r\n      }\r\n    };\r\n  }, [children]);\r\n};\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,eAAe,GAAGA,CAACC,GAAQ,EAAEC,QAAuC,KAAK;EAEpF,MAAMC,gBAAgB,GAAIC,CAAa,IAAK;IAC1CH,GAAG,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CAAC,eAAe,CAAC;EAC5C,CAAC;EAED,MAAMC,gBAAgB,GAAIJ,CAAa,IAAK;IAC1CH,GAAG,CAACI,OAAO,CAACC,SAAS,CAACG,MAAM,CAAC,eAAe,CAAC;EAC/C,CAAC;EAEDC,cAAK,CAACC,SAAS,CAAC,MAAM;IACpB,KAAK,IAAIC,KAAK,IAAIV,QAAQ,EAAE;MAAA,IAAAW,cAAA,EAAAC,eAAA;MAC1B,CAAAD,cAAA,GAAAD,KAAK,CAACP,OAAO,cAAAQ,cAAA,eAAbA,cAAA,CAAeE,gBAAgB,CAAC,YAAY,EAAEZ,gBAAgB,CAAC;MAC/D,CAAAW,eAAA,GAAAF,KAAK,CAACP,OAAO,cAAAS,eAAA,eAAbA,eAAA,CAAeC,gBAAgB,CAAC,YAAY,EAAEP,gBAAgB,CAAC;IACjE;IAEA,OAAO,MAAM;MACX,KAAK,IAAII,KAAK,IAAIV,QAAQ,EAAE;QAAA,IAAAc,eAAA,EAAAC,eAAA;QAC1B,CAAAD,eAAA,GAAAJ,KAAK,CAACP,OAAO,cAAAW,eAAA,eAAbA,eAAA,CAAeE,mBAAmB,CAAC,YAAY,EAAEf,gBAAgB,CAAC;QAClE,CAAAc,eAAA,GAAAL,KAAK,CAACP,OAAO,cAAAY,eAAA,eAAbA,eAAA,CAAeC,mBAAmB,CAAC,YAAY,EAAEV,gBAAgB,CAAC;MACpE;IACF,CAAC;EACH,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;AAChB,CAAC;AAACiB,OAAA,CAAAnB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"file":"ActionWithin.cjs","names":["_react","_interopRequireDefault","require","useActionWithin","ref","children","handleMouseEnter","e","current","classList","add","handleMouseLeave","remove","React","useEffect","child","addEventListener","removeEventListener","exports"],"sources":["../../src/common/ActionWithin.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useActionWithin = (ref: any, children: React.MutableRefObject<any>[]) => {\r\n\r\n  const handleMouseEnter = (e: MouseEvent) => {\r\n    ref.current.classList.add('action-within');\r\n  };\r\n\r\n  const handleMouseLeave = (e: MouseEvent) => {\r\n    ref.current.classList.remove('action-within');\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    for (let child of children) {\r\n      child.current?.addEventListener('mouseenter', handleMouseEnter);\r\n      child.current?.addEventListener('mouseleave', handleMouseLeave);\r\n    }\r\n\r\n    return () => {\r\n      for (let child of children) {\r\n        child.current?.removeEventListener('mouseenter', handleMouseEnter);\r\n        child.current?.removeEventListener('mouseleave', handleMouseLeave);\r\n      }\r\n    };\r\n  }, [children]);\r\n};\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,eAAe,GAAGA,CAACC,GAAQ,EAAEC,QAAuC,KAAK;EAEpF,MAAMC,gBAAgB,GAAIC,CAAa,IAAK;IAC1CH,GAAG,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CAAC,eAAe,CAAC;EAC5C,CAAC;EAED,MAAMC,gBAAgB,GAAIJ,CAAa,IAAK;IAC1CH,GAAG,CAACI,OAAO,CAACC,SAAS,CAACG,MAAM,CAAC,eAAe,CAAC;EAC/C,CAAC;EAEDC,cAAK,CAACC,SAAS,CAAC,MAAM;IACpB,KAAK,IAAIC,KAAK,IAAIV,QAAQ,EAAE;MAC1BU,KAAK,CAACP,OAAO,EAAEQ,gBAAgB,CAAC,YAAY,EAAEV,gBAAgB,CAAC;MAC/DS,KAAK,CAACP,OAAO,EAAEQ,gBAAgB,CAAC,YAAY,EAAEL,gBAAgB,CAAC;IACjE;IAEA,OAAO,MAAM;MACX,KAAK,IAAII,KAAK,IAAIV,QAAQ,EAAE;QAC1BU,KAAK,CAACP,OAAO,EAAES,mBAAmB,CAAC,YAAY,EAAEX,gBAAgB,CAAC;QAClES,KAAK,CAACP,OAAO,EAAES,mBAAmB,CAAC,YAAY,EAAEN,gBAAgB,CAAC;MACpE;IACF,CAAC;EACH,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;AAChB,CAAC;AAACa,OAAA,CAAAf,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/common/ActionWithin.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const useActionWithin: (ref: any, children: React.MutableRefObject<any>[]) => void;
+import React from 'react';
+export declare const useActionWithin: (ref: any, children: React.MutableRefObject<any>[]) => void;

package/dist/common/ActionWithin.js

@@ -8,15 +8,13 @@ export const useActionWithin = (ref, children) => {
   };
   React.useEffect(() => {
     for (let child of children) {
-      var _child$current, _child$current2;
-      (_child$current = child.current) === null || _child$current === void 0 || _child$current.addEventListener('mouseenter', handleMouseEnter);
-      (_child$current2 = child.current) === null || _child$current2 === void 0 || _child$current2.addEventListener('mouseleave', handleMouseLeave);
+      child.current?.addEventListener('mouseenter', handleMouseEnter);
+      child.current?.addEventListener('mouseleave', handleMouseLeave);
     }
     return () => {
       for (let child of children) {
-        var _child$current3, _child$current4;
-        (_child$current3 = child.current) === null || _child$current3 === void 0 || _child$current3.removeEventListener('mouseenter', handleMouseEnter);
-        (_child$current4 = child.current) === null || _child$current4 === void 0 || _child$current4.removeEventListener('mouseleave', handleMouseLeave);
+        child.current?.removeEventListener('mouseenter', handleMouseEnter);
+        child.current?.removeEventListener('mouseleave', handleMouseLeave);
       }
     };
   }, [children]);

package/dist/common/ActionWithin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionWithin.js","names":["React","useActionWithin","ref","children","handleMouseEnter","e","current","classList","add","handleMouseLeave","remove","useEffect","child","_child$current","_child$current2","addEventListener","_child$current3","_child$current4","removeEventListener"],"sources":["../../src/common/ActionWithin.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useActionWithin = (ref: any, children: React.MutableRefObject<any>[]) => {\r\n\r\n  const handleMouseEnter = (e: MouseEvent) => {\r\n    ref.current.classList.add('action-within');\r\n  };\r\n\r\n  const handleMouseLeave = (e: MouseEvent) => {\r\n    ref.current.classList.remove('action-within');\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    for (let child of children) {\r\n      child.current?.addEventListener('mouseenter', handleMouseEnter);\r\n      child.current?.addEventListener('mouseleave', handleMouseLeave);\r\n    }\r\n\r\n    return () => {\r\n      for (let child of children) {\r\n        child.current?.removeEventListener('mouseenter', handleMouseEnter);\r\n        child.current?.removeEventListener('mouseleave', handleMouseLeave);\r\n      }\r\n    };\r\n  }, [children]);\r\n};\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,eAAe,GAAGA,CAACC,GAAQ,EAAEC,QAAuC,KAAK;EAEpF,MAAMC,gBAAgB,GAAIC,CAAa,IAAK;IAC1CH,GAAG,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CAAC,eAAe,CAAC;EAC5C,CAAC;EAED,MAAMC,gBAAgB,GAAIJ,CAAa,IAAK;IAC1CH,GAAG,CAACI,OAAO,CAACC,SAAS,CAACG,MAAM,CAAC,eAAe,CAAC;EAC/C,CAAC;EAEDV,KAAK,CAACW,SAAS,CAAC,MAAM;IACpB,KAAK,IAAIC,KAAK,IAAIT,QAAQ,EAAE;MAAA,IAAAU,cAAA,EAAAC,eAAA;MAC1B,CAAAD,cAAA,GAAAD,KAAK,CAACN,OAAO,cAAAO,cAAA,eAAbA,cAAA,CAAeE,gBAAgB,CAAC,YAAY,EAAEX,gBAAgB,CAAC;MAC/D,CAAAU,eAAA,GAAAF,KAAK,CAACN,OAAO,cAAAQ,eAAA,eAAbA,eAAA,CAAeC,gBAAgB,CAAC,YAAY,EAAEN,gBAAgB,CAAC;IACjE;IAEA,OAAO,MAAM;MACX,KAAK,IAAIG,KAAK,IAAIT,QAAQ,EAAE;QAAA,IAAAa,eAAA,EAAAC,eAAA;QAC1B,CAAAD,eAAA,GAAAJ,KAAK,CAACN,OAAO,cAAAU,eAAA,eAAbA,eAAA,CAAeE,mBAAmB,CAAC,YAAY,EAAEd,gBAAgB,CAAC;QAClE,CAAAa,eAAA,GAAAL,KAAK,CAACN,OAAO,cAAAW,eAAA,eAAbA,eAAA,CAAeC,mBAAmB,CAAC,YAAY,EAAET,gBAAgB,CAAC;MACpE;IACF,CAAC;EACH,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;AAChB,CAAC","ignoreList":[]}
+{"version":3,"file":"ActionWithin.js","names":["React","useActionWithin","ref","children","handleMouseEnter","e","current","classList","add","handleMouseLeave","remove","useEffect","child","addEventListener","removeEventListener"],"sources":["../../src/common/ActionWithin.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useActionWithin = (ref: any, children: React.MutableRefObject<any>[]) => {\r\n\r\n  const handleMouseEnter = (e: MouseEvent) => {\r\n    ref.current.classList.add('action-within');\r\n  };\r\n\r\n  const handleMouseLeave = (e: MouseEvent) => {\r\n    ref.current.classList.remove('action-within');\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    for (let child of children) {\r\n      child.current?.addEventListener('mouseenter', handleMouseEnter);\r\n      child.current?.addEventListener('mouseleave', handleMouseLeave);\r\n    }\r\n\r\n    return () => {\r\n      for (let child of children) {\r\n        child.current?.removeEventListener('mouseenter', handleMouseEnter);\r\n        child.current?.removeEventListener('mouseleave', handleMouseLeave);\r\n      }\r\n    };\r\n  }, [children]);\r\n};\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,eAAe,GAAGA,CAACC,GAAQ,EAAEC,QAAuC,KAAK;EAEpF,MAAMC,gBAAgB,GAAIC,CAAa,IAAK;IAC1CH,GAAG,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CAAC,eAAe,CAAC;EAC5C,CAAC;EAED,MAAMC,gBAAgB,GAAIJ,CAAa,IAAK;IAC1CH,GAAG,CAACI,OAAO,CAACC,SAAS,CAACG,MAAM,CAAC,eAAe,CAAC;EAC/C,CAAC;EAEDV,KAAK,CAACW,SAAS,CAAC,MAAM;IACpB,KAAK,IAAIC,KAAK,IAAIT,QAAQ,EAAE;MAC1BS,KAAK,CAACN,OAAO,EAAEO,gBAAgB,CAAC,YAAY,EAAET,gBAAgB,CAAC;MAC/DQ,KAAK,CAACN,OAAO,EAAEO,gBAAgB,CAAC,YAAY,EAAEJ,gBAAgB,CAAC;IACjE;IAEA,OAAO,MAAM;MACX,KAAK,IAAIG,KAAK,IAAIT,QAAQ,EAAE;QAC1BS,KAAK,CAACN,OAAO,EAAEQ,mBAAmB,CAAC,YAAY,EAAEV,gBAAgB,CAAC;QAClEQ,KAAK,CAACN,OAAO,EAAEQ,mBAAmB,CAAC,YAAY,EAAEL,gBAAgB,CAAC;MACpE;IACF,CAAC;EACH,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;AAChB,CAAC","ignoreList":[]}

package/dist/common/ClickOutside.cjs

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 const useClickOutsideRef = function (callback) {
   let relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   let ref = arguments.length > 2 ? arguments[2] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : _react.default.useRef(null);
+  const elementRef = ref ?? _react.default.useRef(null);
   _react.default.useEffect(() => {
     if (!elementRef.current) return;
     let container = elementRef.current;

package/dist/common/ClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.cjs","names":["_react","_interopRequireDefault","require","useClickOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","React","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener","exports"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleClickOutside = (event: any) => {\r\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n    };\r\n\r\n  }, [elementRef, relatedRefs]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIE,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,cAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACd,WAAW,CAACe,IAAI,CAACX,GAAG,IAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,EAAE;QACjIf,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDiB,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,EAAEL,WAAW,CAAC,CAAC;EAE7B,OAAOK,UAAU;AACnB,CAAC;AAACc,OAAA,CAAArB,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"file":"ClickOutside.cjs","names":["_react","_interopRequireDefault","require","useClickOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","React","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener","exports"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleClickOutside = (event: any) => {\r\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n    };\r\n\r\n  }, [elementRef, relatedRefs]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,IAAIE,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,cAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACd,WAAW,CAACe,IAAI,CAACX,GAAG,IAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,EAAE;QACjIf,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDiB,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,EAAEL,WAAW,CAAC,CAAC;EAE7B,OAAOK,UAAU;AACnB,CAAC;AAACc,OAAA,CAAArB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/common/ClickOutside.d.ts

@@ -1 +1 @@
-export declare const useClickOutsideRef: (callback: () => void, relatedRefs?: any[], ref?: any) => any;
+export declare const useClickOutsideRef: (callback: () => void, relatedRefs?: any[], ref?: any) => any;

package/dist/common/ClickOutside.js

@@ -2,7 +2,7 @@ import React from 'react';
 export const useClickOutsideRef = function (callback) {
   let relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   let ref = arguments.length > 2 ? arguments[2] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
+  const elementRef = ref ?? React.useRef(null);
   React.useEffect(() => {
     if (!elementRef.current) return;
     let container = elementRef.current;

package/dist/common/ClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.js","names":["React","useClickOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleClickOutside = (event: any) => {\r\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n    };\r\n\r\n  }, [elementRef, relatedRefs]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIP,KAAK,CAACS,MAAM,CAAM,IAAI,CAAC;EAEjDT,KAAK,CAACU,SAAS,CAAC,MAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACb,WAAW,CAACc,IAAI,CAACV,GAAG,IAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,EAAE;QACjId,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDgB,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,EAAEL,WAAW,CAAC,CAAC;EAE7B,OAAOK,UAAU;AACnB,CAAC","ignoreList":[]}
+{"version":3,"file":"ClickOutside.js","names":["React","useClickOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleClickOutside = (event: any) => {\r\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n    };\r\n\r\n  }, [elementRef, relatedRefs]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,IAAIP,KAAK,CAACS,MAAM,CAAM,IAAI,CAAC;EAEjDT,KAAK,CAACU,SAAS,CAAC,MAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACb,WAAW,CAACc,IAAI,CAACV,GAAG,IAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,EAAE;QACjId,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDgB,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,EAAEL,WAAW,CAAC,CAAC;EAE7B,OAAOK,UAAU;AACnB,CAAC","ignoreList":[]}

package/dist/common/EventHandlers.cjs

@@ -7,9 +7,8 @@ exports.defaultOnMouseDownHandler = void 0;
 const defaultOnMouseDownHandler = e => {
   e.preventDefault();
   if (document.activeElement !== e.currentTarget) {
-    var _document;
     //@ts-ignore
-    (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 || _document.blur();
+    document?.activeElement?.blur();
   }
 };
 exports.defaultOnMouseDownHandler = defaultOnMouseDownHandler;

package/dist/common/EventHandlers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EventHandlers.cjs","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","_document","blur","exports"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\r\n  e.preventDefault();\r\n  if (document.activeElement !== e.currentTarget){\r\n    //@ts-ignore\r\n    document?.activeElement?.blur();\r\n  }\r\n};\r\n"],"mappings":";;;;;;AAAO,MAAMA,yBAAyB,GAAIC,CAAwB,IAAK;EACrEA,CAAC,CAACC,cAAc,CAAC,CAAC;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAAA,IAAAC,SAAA;IAC7C;IACA,CAAAA,SAAA,GAAAH,QAAQ,cAAAG,SAAA,gBAAAA,SAAA,GAARA,SAAA,CAAUF,aAAa,cAAAE,SAAA,eAAvBA,SAAA,CAAyBC,IAAI,CAAC,CAAC;EACjC;AACF,CAAC;AAACC,OAAA,CAAAR,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"file":"EventHandlers.cjs","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","blur","exports"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\r\n  e.preventDefault();\r\n  if (document.activeElement !== e.currentTarget){\r\n    //@ts-ignore\r\n    document?.activeElement?.blur();\r\n  }\r\n};\r\n"],"mappings":";;;;;;AAAO,MAAMA,yBAAyB,GAAIC,CAAwB,IAAK;EACrEA,CAAC,CAACC,cAAc,CAAC,CAAC;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAC7C;IACAF,QAAQ,EAAEC,aAAa,EAAEE,IAAI,CAAC,CAAC;EACjC;AACF,CAAC;AAACC,OAAA,CAAAP,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/common/EventHandlers.d.ts

@@ -1 +1 @@
-export declare const defaultOnMouseDownHandler: (e: React.MouseEvent<any>) => void;
+export declare const defaultOnMouseDownHandler: (e: React.MouseEvent<any>) => void;

package/dist/common/EventHandlers.js

@@ -1,9 +1,8 @@
 export const defaultOnMouseDownHandler = e => {
   e.preventDefault();
   if (document.activeElement !== e.currentTarget) {
-    var _document;
     //@ts-ignore
-    (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 || _document.blur();
+    document?.activeElement?.blur();
   }
 };
 //# sourceMappingURL=EventHandlers.js.map

package/dist/common/EventHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventHandlers.js","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","_document","blur"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\r\n  e.preventDefault();\r\n  if (document.activeElement !== e.currentTarget){\r\n    //@ts-ignore\r\n    document?.activeElement?.blur();\r\n  }\r\n};\r\n"],"mappings":"AAAA,OAAO,MAAMA,yBAAyB,GAAIC,CAAwB,IAAK;EACrEA,CAAC,CAACC,cAAc,CAAC,CAAC;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAAA,IAAAC,SAAA;IAC7C;IACA,CAAAA,SAAA,GAAAH,QAAQ,cAAAG,SAAA,gBAAAA,SAAA,GAARA,SAAA,CAAUF,aAAa,cAAAE,SAAA,eAAvBA,SAAA,CAAyBC,IAAI,CAAC,CAAC;EACjC;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"EventHandlers.js","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","blur"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\r\n  e.preventDefault();\r\n  if (document.activeElement !== e.currentTarget){\r\n    //@ts-ignore\r\n    document?.activeElement?.blur();\r\n  }\r\n};\r\n"],"mappings":"AAAA,OAAO,MAAMA,yBAAyB,GAAIC,CAAwB,IAAK;EACrEA,CAAC,CAACC,cAAc,CAAC,CAAC;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAC7C;IACAF,QAAQ,EAAEC,aAAa,EAAEE,IAAI,CAAC,CAAC;EACjC;AACF,CAAC","ignoreList":[]}

package/dist/common/FocusOutside.cjs

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 const useFocusOutsideRef = function (callback) {
   let relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   let ref = arguments.length > 2 ? arguments[2] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : _react.default.useRef(null);
+  const elementRef = ref ?? _react.default.useRef(null);
   _react.default.useEffect(() => {
     if (!elementRef.current) return;
     let container = elementRef.current;

package/dist/common/FocusOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusOutside.cjs","names":["_react","_interopRequireDefault","require","useFocusOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","React","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener","exports"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleFocusOutside = (event: any) => {\r\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('focusin', handleFocusOutside);\r\n    return () => {\r\n      document.removeEventListener('focusin', handleFocusOutside);\r\n    };\r\n\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIE,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,cAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACb,WAAW,CAACe,IAAI,CAACX,GAAG,IAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,CAAC,EAAE;QACjJd,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDiB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC;AAACc,OAAA,CAAArB,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"file":"FocusOutside.cjs","names":["_react","_interopRequireDefault","require","useFocusOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","React","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener","exports"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleFocusOutside = (event: any) => {\r\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('focusin', handleFocusOutside);\r\n    return () => {\r\n      document.removeEventListener('focusin', handleFocusOutside);\r\n    };\r\n\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,IAAIE,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,cAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACb,WAAW,CAACe,IAAI,CAACX,GAAG,IAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,CAAC,EAAE;QACjJd,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDiB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC;AAACc,OAAA,CAAArB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/common/FocusOutside.d.ts

@@ -1 +1 @@
-export declare const useFocusOutsideRef: (callback: () => void, relatedRefs?: any[], ref?: any) => any;
+export declare const useFocusOutsideRef: (callback: () => void, relatedRefs?: any[], ref?: any) => any;

package/dist/common/FocusOutside.js

@@ -2,7 +2,7 @@ import React from 'react';
 export const useFocusOutsideRef = function (callback) {
   let relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   let ref = arguments.length > 2 ? arguments[2] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
+  const elementRef = ref ?? React.useRef(null);
   React.useEffect(() => {
     if (!elementRef.current) return;
     let container = elementRef.current;

package/dist/common/FocusOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusOutside.js","names":["React","useFocusOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleFocusOutside = (event: any) => {\r\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('focusin', handleFocusOutside);\r\n    return () => {\r\n      document.removeEventListener('focusin', handleFocusOutside);\r\n    };\r\n\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIP,KAAK,CAACS,MAAM,CAAM,IAAI,CAAC;EAEjDT,KAAK,CAACU,SAAS,CAAC,MAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACZ,WAAW,CAACc,IAAI,CAACV,GAAG,IAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,CAAC,EAAE;QACjJb,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDgB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC","ignoreList":[]}
+{"version":3,"file":"FocusOutside.js","names":["React","useFocusOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleFocusOutside = (event: any) => {\r\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('focusin', handleFocusOutside);\r\n    return () => {\r\n      document.removeEventListener('focusin', handleFocusOutside);\r\n    };\r\n\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,IAAIP,KAAK,CAACS,MAAM,CAAM,IAAI,CAAC;EAEjDT,KAAK,CAACU,SAAS,CAAC,MAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACZ,WAAW,CAACc,IAAI,CAACV,GAAG,IAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,CAAC,EAAE;QACjJb,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDgB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC","ignoreList":[]}

package/dist/common/FocusVisible.cjs

@@ -9,28 +9,23 @@ var _react = _interopRequireDefault(require("react"));
 const useFocusVisibleRef = function () {
   let focusWithinList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let ref = arguments.length > 1 ? arguments[1] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : _react.default.useRef(null);
+  const elementRef = ref ?? _react.default.useRef(null);
   const suppress = _react.default.useRef(false);
   const [visible, setVisible] = _react.default.useState(false);
   const addFocusVisibleClasses = () => {
-    var _elementRef$current;
-    (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.classList.add('focus-visible');
-    focusWithinList === null || focusWithinList === void 0 || focusWithinList.forEach(focusWithinListItem => {
-      var _focusWithinListItem$;
-      (_focusWithinListItem$ = focusWithinListItem.current) === null || _focusWithinListItem$ === void 0 || _focusWithinListItem$.classList.add('focus-visible-within');
+    elementRef.current?.classList.add('focus-visible');
+    focusWithinList?.forEach(focusWithinListItem => {
+      focusWithinListItem.current?.classList.add('focus-visible-within');
     });
   };
   const removeFocusVisibleClasses = () => {
-    var _elementRef$current2;
-    (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 || _elementRef$current2.classList.remove('focus-visible');
-    focusWithinList === null || focusWithinList === void 0 || focusWithinList.forEach(focusWithinListItem => {
-      var _focusWithinListItem$2;
-      (_focusWithinListItem$2 = focusWithinListItem.current) === null || _focusWithinListItem$2 === void 0 || _focusWithinListItem$2.classList.remove('focus-visible-within');
+    elementRef.current?.classList.remove('focus-visible');
+    focusWithinList?.forEach(focusWithinListItem => {
+      focusWithinListItem.current?.classList.remove('focus-visible-within');
     });
   };
   const handleMouseDown = () => {
-    var _elementRef$current3;
-    if (!((_elementRef$current3 = elementRef.current) !== null && _elementRef$current3 !== void 0 && _elementRef$current3.classList.contains('focus-visible'))) {
+    if (!elementRef.current?.classList.contains('focus-visible')) {
       suppress.current = true;
     }
   };
@@ -58,7 +53,7 @@ const useFocusVisibleRef = function () {
     const instance = elementRef.current;
     const focusFn = elementRef.current.focus;
     elementRef.current.focus = e => {
-      suppress.current = !(e !== null && e !== void 0 && e.focusVisible);
+      suppress.current = !e?.focusVisible;
       focusFn.call(instance, e);
     };
     instance.addEventListener('mousedown', handleMouseDown);
@@ -70,8 +65,7 @@ const useFocusVisibleRef = function () {
       instance.removeEventListener('blur', handleBlur);
       instance.classList.remove('focus-visible');
       for (let el of focusWithinList) {
-        var _el$current;
-        (_el$current = el.current) === null || _el$current === void 0 || _el$current.classList.remove('focus-visible-within');
+        el.current?.classList.remove('focus-visible-within');
       }
     };
   }, [elementRef]);

package/dist/common/FocusVisible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.cjs","names":["_react","_interopRequireDefault","require","useFocusVisibleRef","focusWithinList","arguments","length","undefined","ref","elementRef","React","useRef","suppress","visible","setVisible","useState","addFocusVisibleClasses","_elementRef$current","current","classList","add","forEach","focusWithinListItem","_focusWithinListItem$","removeFocusVisibleClasses","_elementRef$current2","remove","_focusWithinListItem$2","handleMouseDown","_elementRef$current3","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el","_el$current","exports"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n  const suppress = React.useRef<boolean>(false);\r\n  const [visible, setVisible] = React.useState(false);\r\n\r\n  const addFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.add('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.add('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const removeFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.remove('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const handleMouseDown = () => {\r\n    if (!elementRef.current?.classList.contains('focus-visible')) {\r\n      suppress.current = true;\r\n    }\r\n  };\r\n\r\n  const handleFocus = () => {\r\n    if (!suppress.current) {\r\n      setVisible(true);\r\n      addFocusVisibleClasses();\r\n    } else {\r\n      suppress.current = false;\r\n    }\r\n  };\r\n\r\n  const handleBlur = () => {\r\n    setVisible(false);\r\n    removeFocusVisibleClasses();\r\n  };\r\n\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (visible) {\r\n      addFocusVisibleClasses()\r\n    } else {\r\n      removeFocusVisibleClasses();\r\n    }\r\n  }, [visible, elementRef, focusWithinList]);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n\r\n    const instance = elementRef.current;\r\n    const focusFn = elementRef.current.focus;\r\n    elementRef.current.focus = (e: any) => {\r\n      suppress.current = !e?.focusVisible;\r\n      focusFn.call(instance, e);\r\n    };\r\n\r\n    instance.addEventListener('mousedown', handleMouseDown);\r\n    instance.addEventListener('focus', handleFocus);\r\n    instance.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      instance.removeEventListener('mousedown', handleMouseDown);\r\n      instance.removeEventListener('focus', handleFocus);\r\n      instance.removeEventListener('blur', handleBlur);\r\n      instance.classList.remove('focus-visible');\r\n      for (let el of focusWithinList) {\r\n        el.current?.classList.remove('focus-visible-within');\r\n      }\r\n    };\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FocusVisible.cjs","names":["_react","_interopRequireDefault","require","useFocusVisibleRef","focusWithinList","arguments","length","undefined","ref","elementRef","React","useRef","suppress","visible","setVisible","useState","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el","exports"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n  const suppress = React.useRef<boolean>(false);\r\n  const [visible, setVisible] = React.useState(false);\r\n\r\n  const addFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.add('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.add('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const removeFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.remove('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const handleMouseDown = () => {\r\n    if (!elementRef.current?.classList.contains('focus-visible')) {\r\n      suppress.current = true;\r\n    }\r\n  };\r\n\r\n  const handleFocus = () => {\r\n    if (!suppress.current) {\r\n      setVisible(true);\r\n      addFocusVisibleClasses();\r\n    } else {\r\n      suppress.current = false;\r\n    }\r\n  };\r\n\r\n  const handleBlur = () => {\r\n    setVisible(false);\r\n    removeFocusVisibleClasses();\r\n  };\r\n\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (visible) {\r\n      addFocusVisibleClasses()\r\n    } else {\r\n      removeFocusVisibleClasses();\r\n    }\r\n  }, [visible, elementRef, focusWithinList]);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n\r\n    const instance = elementRef.current;\r\n    const focusFn = elementRef.current.focus;\r\n    elementRef.current.focus = (e: any) => {\r\n      suppress.current = !e?.focusVisible;\r\n      focusFn.call(instance, e);\r\n    };\r\n\r\n    instance.addEventListener('mousedown', handleMouseDown);\r\n    instance.addEventListener('focus', handleFocus);\r\n    instance.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      instance.removeEventListener('mousedown', handleMouseDown);\r\n      instance.removeEventListener('focus', handleFocus);\r\n      instance.removeEventListener('blur', handleBlur);\r\n      instance.classList.remove('focus-visible');\r\n      for (let el of focusWithinList) {\r\n        el.current?.classList.remove('focus-visible-within');\r\n      }\r\n    };\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/common/FocusVisible.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const useFocusVisibleRef: (focusWithinList?: React.MutableRefObject<any>[], ref?: React.MutableRefObject<any> | null) => React.MutableRefObject<any>;
+import React from 'react';
+export declare const useFocusVisibleRef: (focusWithinList?: React.MutableRefObject<any>[], ref?: React.MutableRefObject<any> | null) => React.MutableRefObject<any>;

package/dist/common/FocusVisible.js

@@ -2,28 +2,23 @@ import React from 'react';
 export const useFocusVisibleRef = function () {
   let focusWithinList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let ref = arguments.length > 1 ? arguments[1] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
+  const elementRef = ref ?? React.useRef(null);
   const suppress = React.useRef(false);
   const [visible, setVisible] = React.useState(false);
   const addFocusVisibleClasses = () => {
-    var _elementRef$current;
-    (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.classList.add('focus-visible');
-    focusWithinList === null || focusWithinList === void 0 || focusWithinList.forEach(focusWithinListItem => {
-      var _focusWithinListItem$;
-      (_focusWithinListItem$ = focusWithinListItem.current) === null || _focusWithinListItem$ === void 0 || _focusWithinListItem$.classList.add('focus-visible-within');
+    elementRef.current?.classList.add('focus-visible');
+    focusWithinList?.forEach(focusWithinListItem => {
+      focusWithinListItem.current?.classList.add('focus-visible-within');
     });
   };
   const removeFocusVisibleClasses = () => {
-    var _elementRef$current2;
-    (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 || _elementRef$current2.classList.remove('focus-visible');
-    focusWithinList === null || focusWithinList === void 0 || focusWithinList.forEach(focusWithinListItem => {
-      var _focusWithinListItem$2;
-      (_focusWithinListItem$2 = focusWithinListItem.current) === null || _focusWithinListItem$2 === void 0 || _focusWithinListItem$2.classList.remove('focus-visible-within');
+    elementRef.current?.classList.remove('focus-visible');
+    focusWithinList?.forEach(focusWithinListItem => {
+      focusWithinListItem.current?.classList.remove('focus-visible-within');
     });
   };
   const handleMouseDown = () => {
-    var _elementRef$current3;
-    if (!((_elementRef$current3 = elementRef.current) !== null && _elementRef$current3 !== void 0 && _elementRef$current3.classList.contains('focus-visible'))) {
+    if (!elementRef.current?.classList.contains('focus-visible')) {
       suppress.current = true;
     }
   };
@@ -51,7 +46,7 @@ export const useFocusVisibleRef = function () {
     const instance = elementRef.current;
     const focusFn = elementRef.current.focus;
     elementRef.current.focus = e => {
-      suppress.current = !(e !== null && e !== void 0 && e.focusVisible);
+      suppress.current = !e?.focusVisible;
       focusFn.call(instance, e);
     };
     instance.addEventListener('mousedown', handleMouseDown);
@@ -63,8 +58,7 @@ export const useFocusVisibleRef = function () {
       instance.removeEventListener('blur', handleBlur);
       instance.classList.remove('focus-visible');
       for (let el of focusWithinList) {
-        var _el$current;
-        (_el$current = el.current) === null || _el$current === void 0 || _el$current.classList.remove('focus-visible-within');
+        el.current?.classList.remove('focus-visible-within');
       }
     };
   }, [elementRef]);

package/dist/common/FocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.js","names":["React","useFocusVisibleRef","focusWithinList","arguments","length","undefined","ref","elementRef","useRef","suppress","visible","setVisible","useState","addFocusVisibleClasses","_elementRef$current","current","classList","add","forEach","focusWithinListItem","_focusWithinListItem$","removeFocusVisibleClasses","_elementRef$current2","remove","_focusWithinListItem$2","handleMouseDown","_elementRef$current3","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el","_el$current"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n  const suppress = React.useRef<boolean>(false);\r\n  const [visible, setVisible] = React.useState(false);\r\n\r\n  const addFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.add('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.add('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const removeFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.remove('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const handleMouseDown = () => {\r\n    if (!elementRef.current?.classList.contains('focus-visible')) {\r\n      suppress.current = true;\r\n    }\r\n  };\r\n\r\n  const handleFocus = () => {\r\n    if (!suppress.current) {\r\n      setVisible(true);\r\n      addFocusVisibleClasses();\r\n    } else {\r\n      suppress.current = false;\r\n    }\r\n  };\r\n\r\n  const handleBlur = () => {\r\n    setVisible(false);\r\n    removeFocusVisibleClasses();\r\n  };\r\n\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (visible) {\r\n      addFocusVisibleClasses()\r\n    } else {\r\n      removeFocusVisibleClasses();\r\n    }\r\n  }, [visible, elementRef, focusWithinList]);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n\r\n    const instance = elementRef.current;\r\n    const focusFn = elementRef.current.focus;\r\n    elementRef.current.focus = (e: any) => {\r\n      suppress.current = !e?.focusVisible;\r\n      focusFn.call(instance, e);\r\n    };\r\n\r\n    instance.addEventListener('mousedown', handleMouseDown);\r\n    instance.addEventListener('focus', handleFocus);\r\n    instance.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      instance.removeEventListener('mousedown', handleMouseDown);\r\n      instance.removeEventListener('focus', handleFocus);\r\n      instance.removeEventListener('blur', handleBlur);\r\n      instance.classList.remove('focus-visible');\r\n      for (let el of focusWithinList) {\r\n        el.current?.classList.remove('focus-visible-within');\r\n      }\r\n    };\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FocusVisible.js","names":["React","useFocusVisibleRef","focusWithinList","arguments","length","undefined","ref","elementRef","useRef","suppress","visible","setVisible","useState","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n  const suppress = React.useRef<boolean>(false);\r\n  const [visible, setVisible] = React.useState(false);\r\n\r\n  const addFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.add('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.add('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const removeFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.remove('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const handleMouseDown = () => {\r\n    if (!elementRef.current?.classList.contains('focus-visible')) {\r\n      suppress.current = true;\r\n    }\r\n  };\r\n\r\n  const handleFocus = () => {\r\n    if (!suppress.current) {\r\n      setVisible(true);\r\n      addFocusVisibleClasses();\r\n    } else {\r\n      suppress.current = false;\r\n    }\r\n  };\r\n\r\n  const handleBlur = () => {\r\n    setVisible(false);\r\n    removeFocusVisibleClasses();\r\n  };\r\n\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (visible) {\r\n      addFocusVisibleClasses()\r\n    } else {\r\n      removeFocusVisibleClasses();\r\n    }\r\n  }, [visible, elementRef, focusWithinList]);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n\r\n    const instance = elementRef.current;\r\n    const focusFn = elementRef.current.focus;\r\n    elementRef.current.focus = (e: any) => {\r\n      suppress.current = !e?.focusVisible;\r\n      focusFn.call(instance, e);\r\n    };\r\n\r\n    instance.addEventListener('mousedown', handleMouseDown);\r\n    instance.addEventListener('focus', handleFocus);\r\n    instance.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      instance.removeEventListener('mousedown', handleMouseDown);\r\n      instance.removeEventListener('focus', handleFocus);\r\n      instance.removeEventListener('blur', handleBlur);\r\n      instance.classList.remove('focus-visible');\r\n      for (let el of focusWithinList) {\r\n        el.current?.classList.remove('focus-visible-within');\r\n      }\r\n    };\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/common/InputStyling.cjs

@@ -1,13 +1,32 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CommonInteractionStyling = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = require("styled-components");
 var _styles = require("../styles");
-var _templateObject;
-const CommonInteractionStyling = exports.CommonInteractionStyling = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &:focus, &.focus-state, &.focus-visible {\n    ", "\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled, &.disabled-state {\n    background-color: ", ";\n    span {\n      color: ", ";\n    }\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), _styles.focusStyles, props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_600', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme), props => _styles.COLORS.getColor('white', props.theme));
+const CommonInteractionStyling = exports.CommonInteractionStyling = (0, _styledComponents.css)`
+  &:focus, &.focus-state, &.focus-visible {
+    ${_styles.focusStyles}
+  }
+
+  &:hover:not(.action-within), &.hover-state {
+    background-color: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
+    color: ${props => _styles.COLORS.getColor('primary_600', props.theme)};
+  }
+  &:active:not(.action-within), &.active-state {
+    background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+    color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+  }
+  &:disabled, &.disabled-state {
+    background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+    span {
+      color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
+    }
+    &::after {
+      background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+    }
+  }
+`;
 //# sourceMappingURL=InputStyling.cjs.map

package/dist/common/InputStyling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputStyling.cjs","names":["_styledComponents","require","_styles","_templateObject","CommonInteractionStyling","exports","css","_taggedTemplateLiteral2","default","focusStyles","props","COLORS","getColor","theme"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\n\r\nexport const CommonInteractionStyling = css`\r\n  &:focus, &.focus-state, &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.action-within), &.hover-state {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n  &:active:not(.action-within), &.active-state {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled, &.disabled-state {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    span {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n    &::after {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAA8C,IAAAE,eAAA;AAEvC,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,OAAGE,qBAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,CAAAC,OAAA,qbAErCC,mBAAW,EAIOC,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC,EAC9DH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGzCH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAC/DH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGzCH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EAEvDH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGzCH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAGvE","ignoreList":[]}
+{"version":3,"file":"InputStyling.cjs","names":["_styledComponents","require","_styles","CommonInteractionStyling","exports","css","focusStyles","props","COLORS","getColor","theme"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\n\r\nexport const CommonInteractionStyling = css`\r\n  &:focus, &.focus-state, &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.action-within), &.hover-state {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n  &:active:not(.action-within), &.active-state {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled, &.disabled-state {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    span {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n    &::after {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,MAAME,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,qBAAG;AAC3C;AACA,MAAMC,mBAAW;AACjB;AACA;AACA;AACA,wBAAwBC,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC3E,aAAaH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA,wBAAwBH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC5E,aAAaH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA,wBAAwBH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AACtE;AACA,eAAeH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACnE;AACA;AACA,0BAA0BH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AACxE;AACA;AACA,CAAC","ignoreList":[]}