@integration-app/react 2.1.1 → 2.1.3

package/dist/esm/components/Popover/index.mjs

@@ -2,110 +2,24 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
-import { usePopper } from 'react-popper';
-import { Portal } from '../Portal/index.mjs';
-import classes from './Popover.module.css.mjs';
-import debounce from '../../helpers/Debounce.mjs';
-import { useWindowEvent } from '../../hooks/useWindowEvent.mjs';
-import clsx from 'clsx';
-import { getRefElement } from '../../helpers/getRefElement.mjs';
-import '../../styled-system/css/css.mjs';
-import '../../styled-system/helpers.mjs';
-import '../../styled-system/jsx/is-valid-prop.mjs';
-import { Box } from '../../styled-system/jsx/box.mjs';
-import '../../styled-system/patterns/visually-hidden.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DropdownPortal } from '../ComboBox/DropdownPortal/index.mjs';
 import { Root, Trigger, Positioner, Content } from '../../ui-kit/styled/popover.mjs';
 
-function GenericPopover({
-  refElement,
-  isOpen = false,
-  options = {},
-  children,
-  portalNode
-}) {
-  const [popperElement, setPopperElement] = useState();
-  const safeRefElement = getRefElement(refElement);
-  const {
-    styles,
-    attributes,
-    update: updatePopover
-  } = usePopper(safeRefElement, popperElement, options);
-  const [debouncedResizeCallback] = debounce(() => {
-    void updatePopover?.();
-  }, 150);
-  useWindowEvent("resize", debouncedResizeCallback);
-  if (!isOpen) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Portal, { node: portalNode, children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref: setPopperElement,
-      zIndex: "600",
-      style: styles.popper,
-      ...attributes.popper,
-      children
-    }
-  ) });
-}
 const DefaultPopper = forwardRef(
-  ({
-    placement = "bottom",
-    refElement,
-    isOpen = false,
-    offset = [0, 8],
-    className,
-    onClick,
-    children,
-    portalNode
-  }, ref) => {
-    const modifiers = [
-      {
-        name: "offset",
-        options: {
-          offset
-        }
-      }
-    ];
-    const popperJsOptions = {
-      placement,
-      modifiers
-    };
-    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-      GenericPopover,
-      {
-        refElement,
-        isOpen: !!refElement && isOpen,
-        options: popperJsOptions,
-        portalNode,
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref,
-            className: clsx(classes.defaultPopover, className),
-            onClick,
-            children
-          }
-        )
-      }
-    ) });
-  }
-);
-DefaultPopper.displayName = "DefaultPopper";
-const PopoverNew = forwardRef(
   ({
     placement = "bottom-start",
     isOpen,
     offset = [0, 8],
     className,
     children,
-    triggerNode
+    triggerNode,
+    onClickOutside
   }, ref) => {
     const [crossAxis, mainAxis] = offset;
     return /* @__PURE__ */ jsxs(
@@ -113,6 +27,8 @@ const PopoverNew = forwardRef(
       {
         open: isOpen,
         lazyMount: true,
+        unmountOnExit: true,
+        onPointerDownOutside: onClickOutside,
         positioning: {
           placement,
           offset: {
@@ -121,8 +37,8 @@ const PopoverNew = forwardRef(
           }
         },
         children: [
-          /* @__PURE__ */ jsx(Trigger, { asChild: true, children: triggerNode }),
-          /* @__PURE__ */ jsx(Positioner, { ref, children: /* @__PURE__ */ jsx(
+          triggerNode && /* @__PURE__ */ jsx(Trigger, { asChild: true, children: triggerNode }),
+          /* @__PURE__ */ jsx(DropdownPortal, { children: /* @__PURE__ */ jsx(Positioner, { ref, children: /* @__PURE__ */ jsx(
             Content,
             {
               bg: "neutral.2",
@@ -136,11 +52,11 @@ const PopoverNew = forwardRef(
               className,
               children
             }
-          ) })
+          ) }) })
         ]
       }
     );
   }
 );
 
-export { DefaultPopper, PopoverNew };
+export { DefaultPopper };

package/dist/esm/components/Portal/index.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/Radio/Radio.module.css.mjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/Radio/index.mjs

@@ -2,14 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import classes from './Radio.module.css.mjs';
 import { forwardRef } from 'react';
-import clsx from 'clsx';
+import { clsx } from 'clsx';
+import classes from './Radio.module.css.mjs';
 
 const Radiobutton = forwardRef(
   ({ className, inline, ...props }, ref) => {

package/dist/esm/components/SimpleInput/SimpleInput.mjs

@@ -2,11 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { clsx } from 'clsx';
 import '@integration-app/sdk';
 import 'js-convert-case';
 import { FieldDescription } from '../DataBuilder/FieldDescription.mjs';
@@ -14,8 +16,6 @@ import { Row, Cell, Title } from '../DataBuilderUI/index.mjs';
 import { Input } from '../Input/Input.mjs';
 import '../Input/SearchInput.mjs';
 import classes from './SimpleInput.module.css.mjs';
-import clsx from 'clsx';
-import { useState, useEffect } from 'react';
 
 function SimpleInput({
   label,

package/dist/esm/components/SimpleInput/SimpleInput.module.css.mjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/SimpleInput/SimpleRadio.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/SimpleInput/SimpleTextarea.mjs

@@ -2,16 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { clsx } from 'clsx';
 import { Row, Cell } from '../DataBuilderUI/index.mjs';
 import { Textarea } from '../Textarea/index.mjs';
 import classes from './SimpleInput.module.css.mjs';
-import clsx from 'clsx';
-import { useState, useEffect } from 'react';
 
 function SimpleTextarea({
   label,

package/dist/esm/components/SimpleMenu/index.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/SvgIcon/BasicEntities.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/SvgIcon/index.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/SvgIcon/svg-icon-type.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/Tag/Components.mjs

@@ -2,16 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import classes from './styles.module.css.mjs';
+import { clsx } from 'clsx';
+import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
 import useEventStopPropagation from '../../hooks/useEventStopPropagation.mjs';
+import classes from './styles.module.css.mjs';
 import { SvgIcon } from '../SvgIcon/index.mjs';
-import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
 
 function TagSvgIcon({
   type,

package/dist/esm/components/Tag/SegmentSeparator.mjs

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { SvgIcon } from '../SvgIcon/index.mjs';
 import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
+import { SvgIcon } from '../SvgIcon/index.mjs';
 import classes from './styles.module.css.mjs';
 
 function SegmentSeparator() {

package/dist/esm/components/Tag/Tag.mjs

@@ -2,16 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import clsx from 'clsx';
+import { clsx } from 'clsx';
 import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
-import { Truncate } from '../Truncate/index.mjs';
 import useEventStopPropagation from '../../hooks/useEventStopPropagation.mjs';
+import { Truncate } from '../Truncate/index.mjs';
 import { TagSvgIcon, TagImage, TagConfigButton } from './Components.mjs';
 import classes from './styles.module.css.mjs';
 import { Tooltip } from '../Tooltip/index.mjs';

package/dist/esm/components/Tag/TagPlaceholder.mjs

@@ -2,15 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Tag } from './Tag.mjs';
+import { clsx } from 'clsx';
 import classes from './styles.module.css.mjs';
-import clsx from 'clsx';
+import { Tag } from './Tag.mjs';
 
 const TagPlaceholder = forwardRef(
   function({ children, className, ...props }, ref) {

package/dist/esm/components/Tag/styles.module.css.mjs

@@ -1,13 +1,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import styleInject from 'style-inject';
 
-var css_248z = ".styles-module_tagGeneric__tz0VU {\n  position: relative;\n  display: inline-flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  border-radius: 0.25rem;\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  max-width: 100%;\n  min-height: 2rem;\n}\n\n.styles-module_tagGeneric__disabled__vgck7 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.styles-module_tagGeneric__disabled__vgck7:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(221 221 221 / var(--tw-bg-opacity));\n}\n\n.styles-module_tagGeneric__disabled__vgck7 {\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n}\n\n.styles-module_tagDefaultColors__JlCHo {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  border-width: 1px;\n  border-color: transparent;\n}\n\n.styles-module_tagDefaultColors__JlCHo:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 76 117 / var(--tw-bg-opacity));\n}\n\n/* iconBefore */\n\n.styles-module_tagIcon__vEYaV {\n  flex-shrink: 0;\n  flex-grow: 0;\n  margin-right: 0.375rem;\n  height: 1.25rem;\n  width: 1.25rem;\n  margin-top: 0.025rem;\n}\n\n.styles-module_tagImageIcon__rokoa {\n  height: auto;\n  max-height: 1.25rem;\n  --tw-brightness: brightness(.5);\n  --tw-contrast: contrast(1.5);\n  --tw-grayscale: grayscale(100%);\n  --tw-invert: invert(100%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.styles-module_tagConfigButton__3WdyL {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  height: 2rem;\n  width: 2rem;\n  border-top-right-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem;\n  transform: translateX(0.625rem);\n  border-left-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.styles-module_tagConfigButton__3WdyL:hover {\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n  --tw-bg-opacity: 0.1;\n}\n\n.styles-module_tagConfigButton__3WdyL svg {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\n.styles-module_tagConfigButtonError__iTyh4 {\n  --tw-border-opacity: 1;\n  border-color: rgb(168 54 5 / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 54 5 / var(--tw-bg-opacity));\n}\n\n.styles-module_tagConfigButtonError__iTyh4:hover {\n  background-color: #9b2900;\n}\n\n/* ## Placeholder */\n\n.styles-module_tagPlaceholder__c2oMP {\n  background-color: transparent;\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity));\n}\n\n.styles-module_tagPlaceholder__clickable__Spl2o {\n  cursor: pointer;\n}\n\n.styles-module_tagPlaceholder__clickable__Spl2o:not(.styles-module_tagGeneric__disabled__vgck7):hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity));\n}\n\n.styles-module_tagPlaceholder__c2oMP:empty {\n  width: 100%;\n  min-width: 7rem;\n}\n\n.styles-module_segmentSeparator__hQRZZ {\n  margin-left: 0.125rem;\n  margin-right: 0.125rem;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n";
+var css_248z = ".styles-module_tagGeneric__tz0VU {\n  position: relative;\n  display: inline-flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  border-radius: 0.25rem;\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  max-width: 100%;\n  min-height: 2rem;\n}\n\n.styles-module_tagGeneric__disabled__vgck7 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.styles-module_tagGeneric__disabled__vgck7:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(221 221 221 / var(--tw-bg-opacity));\n}\n\n.styles-module_tagGeneric__disabled__vgck7 {\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n}\n\n.styles-module_tagDefaultColors__JlCHo {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  border-width: 1px;\n  border-color: transparent;\n}\n\n.styles-module_tagDefaultColors__JlCHo:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 76 117 / var(--tw-bg-opacity));\n}\n\n/* iconBefore */\n\n.styles-module_tagIcon__vEYaV {\n  flex-shrink: 0;\n  flex-grow: 0;\n  margin-right: 0.375rem;\n  height: 1.25rem;\n  width: 1.25rem;\n  margin-top: 0.025rem;\n}\n\n.styles-module_tagImageIcon__rokoa {\n  height: auto;\n  max-height: 1.25rem;\n  --tw-brightness: brightness(.5);\n  --tw-contrast: contrast(1.5);\n  --tw-grayscale: grayscale(100%);\n  --tw-invert: invert(100%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.styles-module_tagConfigButton__3WdyL {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  height: 2rem;\n  width: 2rem;\n  border-top-right-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem;\n  transform: translateX(0.625rem);\n  border-left-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.styles-module_tagConfigButton__3WdyL:hover {\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n  --tw-bg-opacity: 0.1;\n}\n\n.styles-module_tagConfigButton__3WdyL svg {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\n.styles-module_tagConfigButtonError__iTyh4 {\n  --tw-border-opacity: 1;\n  border-color: rgb(168 54 5 / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 54 5 / var(--tw-bg-opacity));\n}\n\n.styles-module_tagConfigButtonError__iTyh4:hover {\n  background-color: #9b2900;\n}\n\n/* ## Placeholder */\n\n.styles-module_tagPlaceholder__c2oMP {\n  background-color: transparent;\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity));\n}\n\n.styles-module_tagPlaceholder__clickable__Spl2o {\n  cursor: pointer;\n}\n\n.styles-module_tagPlaceholder__clickable__Spl2o:not(.styles-module_tagGeneric__disabled__vgck7):hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity));\n}\n\n.styles-module_tagPlaceholder__c2oMP:empty {\n  width: 100%;\n  min-width: 7rem;\n  min-height: auto;\n}\n\n.styles-module_segmentSeparator__hQRZZ {\n  margin-left: 0.125rem;\n  margin-right: 0.125rem;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n";
 var classes = {"tagGeneric":"styles-module_tagGeneric__tz0VU","tagGeneric__disabled":"styles-module_tagGeneric__disabled__vgck7","tagDefaultColors":"styles-module_tagDefaultColors__JlCHo","tagIcon":"styles-module_tagIcon__vEYaV","tagImageIcon":"styles-module_tagImageIcon__rokoa","tagConfigButton":"styles-module_tagConfigButton__3WdyL","tagConfigButtonError":"styles-module_tagConfigButtonError__iTyh4","tagPlaceholder":"styles-module_tagPlaceholder__c2oMP","tagPlaceholder__clickable":"styles-module_tagPlaceholder__clickable__Spl2o","segmentSeparator":"styles-module_segmentSeparator__hQRZZ"};
 styleInject(css_248z);
 

package/dist/esm/components/Textarea/Textarea.module.css.mjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/Textarea/index.mjs

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect } from 'react';
-import clsx from 'clsx';
+import { clsx } from 'clsx';
 import classes from './Textarea.module.css.mjs';
 
 const CssPropTextareaMaxHeight = "--uikit-textarea-max-height";

package/dist/esm/components/Toggle/Toggle.mjs

@@ -2,15 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Switch } from '@headlessui/react';
-import clsx from 'clsx';
-import { SvgIcon } from '../SvgIcon/index.mjs';
+import { clsx } from 'clsx';
 import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
+import { SvgIcon } from '../SvgIcon/index.mjs';
 import classes from './Toggle.module.css.mjs';
 
 function Toggle({ children, ...props }) {

package/dist/esm/components/Toggle/Toggle.module.css.mjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/components/Toggle/ToggleOnOff.mjs

@@ -2,15 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Switch } from '@headlessui/react';
-import clsx from 'clsx';
-import { SvgIcon } from '../SvgIcon/index.mjs';
+import { clsx } from 'clsx';
 import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
+import { SvgIcon } from '../SvgIcon/index.mjs';
 import classes from './Toggle.module.css.mjs';
 
 function ToggleOnOff({

package/dist/esm/components/Tooltip/index.mjs

@@ -2,17 +2,17 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Root, Trigger, Positioner, Content, Arrow, ArrowTip } from '../../ui-kit/styled/tooltip.mjs';
-import { token } from '../../styled-system/tokens/index.mjs';
 import '../../styled-system/css/css.mjs';
 import '../../styled-system/helpers.mjs';
 import { sva } from '../../styled-system/css/sva.mjs';
+import { token } from '../../styled-system/tokens/index.mjs';
+import { Root, Trigger, Positioner, Content, Arrow, ArrowTip } from '../../ui-kit/styled/tooltip.mjs';
 
 const tooltipRecipe = sva({
   className: "tooltip",

package/dist/esm/components/Truncate/index.mjs

@@ -2,21 +2,21 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import { useIsTextTruncated } from '../../hooks/useIsTextTruncated.mjs';
-import { Tooltip } from '../Tooltip/index.mjs';
-import { Text } from '../../ui-kit/styled/text.mjs';
 import '../../styled-system/css/css.mjs';
 import '../../styled-system/helpers.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
 import { Box } from '../../styled-system/jsx/box.mjs';
 import { Flex } from '../../styled-system/jsx/flex.mjs';
 import '../../styled-system/patterns/visually-hidden.mjs';
+import { Text } from '../../ui-kit/styled/text.mjs';
+import { Tooltip } from '../Tooltip/index.mjs';
 
 function Truncate({
   mode = "middle",

package/dist/esm/contexts/integration-app-client-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/contexts/integration-app-connection-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/contexts/integration-app-context.mjs

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { IntegrationAppClient } from '@integration-app/sdk';
 import { createContext, useMemo, useContext } from 'react';
+import { IntegrationAppClient } from '@integration-app/sdk';
 
 const IntegrationAppContext = createContext(null);
 IntegrationAppContext.displayName = "IntegrationAppClientContext";

package/dist/esm/contexts/integration-app-integration-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/helpers/getRefElement.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/hooks/actions/useAction.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/hooks/actions/useActionInstance.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/hooks/actions/useActionInstances.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/hooks/actions/useActions.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/hooks/app-data-schemas/useAppDataSchema.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/hooks/app-data-schemas/useAppDataSchemaInstance.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';
 

package/dist/esm/hooks/app-data-schemas/useAppDataSchemaInstances.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.1
+ * v2.1.3
  */
 'use client';