@integration-app/react 2.19.0 → 2.20.0

package/dist/cjs/ui-kit/avatar.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -20,21 +20,11 @@ const Avatar = React.forwardRef((props, ref) => {
   ] });
 });
 Avatar.displayName = "Avatar";
-const UserIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("title", { children: "User Icon" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4" })
-    ]
-  }
-);
+const UserIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("title", { children: "User Icon" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4" })
+] });
 const getInitials = (name = "") => name.split(" ").map((part) => part[0]).splice(0, 2).join("").toUpperCase();
 
 exports.Avatar = Avatar;

package/dist/cjs/ui-kit/button.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -19,27 +19,15 @@ var center = require('../styled-system/jsx/center.cjs');
 require('../styled-system/patterns/visually-hidden.cjs');
 var button = require('./styled/button.cjs');
 
-const Button = React.forwardRef(
-  (props, ref) => {
-    const { loading, disabled, loadingText, children, ...rest } = props;
-    const trulyDisabled = loading || disabled;
-    return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { disabled: trulyDisabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ButtonSpinner, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(factory.styled.span, { opacity: 0, children })
-    ] }) : loadingText ? loadingText : children });
-  }
-);
+const Button = React.forwardRef((props, ref) => {
+  const { loading, disabled, loadingText, children, ...rest } = props;
+  const trulyDisabled = loading || disabled;
+  return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { disabled: trulyDisabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ButtonSpinner, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(factory.styled.span, { opacity: 0, children })
+  ] }) : loadingText ? loadingText : children });
+});
 Button.displayName = "Button";
-const ButtonSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
-  center.Center,
-  {
-    inline: true,
-    position: "absolute",
-    transform: "translate(-50%, -50%)",
-    top: "50%",
-    insetStart: "50%",
-    children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { colorPalette: "gray" })
-  }
-);
+const ButtonSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(center.Center, { inline: true, position: "absolute", transform: "translate(-50%, -50%)", top: "50%", insetStart: "50%", children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { colorPalette: "gray" }) });
 
 exports.Button = Button;

package/dist/cjs/ui-kit/spinner.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -17,21 +17,10 @@ require('../styled-system/css/css.cjs');
 require('../styled-system/patterns/visually-hidden.cjs');
 var spinner = require('./styled/spinner.cjs');
 
-const Spinner = React.forwardRef(
-  (props, ref) => {
-    const { label = "Loading...", ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      spinner.Spinner,
-      {
-        ref,
-        borderBottomColor: "transparent",
-        borderLeftColor: "transparent",
-        ...rest,
-        children: label && /* @__PURE__ */ jsxRuntime.jsx(factory.styled.span, { srOnly: true, children: label })
-      }
-    );
-  }
-);
+const Spinner = React.forwardRef((props, ref) => {
+  const { label = "Loading...", ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { ref, borderBottomColor: "transparent", borderLeftColor: "transparent", ...rest, children: label && /* @__PURE__ */ jsxRuntime.jsx(factory.styled.span, { srOnly: true, children: label }) });
+});
 Spinner.displayName = "Spinner";
 
 exports.Spinner = Spinner;

package/dist/cjs/ui-kit/styled/alert.cjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -19,7 +19,10 @@ var createStyleContext = require('./utils/create-style-context.cjs');
 const { withProvider, withContext } = createStyleContext.createStyleContext(alert.alert);
 const Root = withProvider(factory.ark.div, "root");
 withContext(factory.ark.div, "content");
-withContext(factory.ark.div, "description");
+withContext(
+  factory.ark.div,
+  "description"
+);
 const Icon = withContext(factory.ark.svg, "icon");
 const Title = withContext(factory.ark.h5, "title");
 

package/dist/cjs/ui-kit/styled/avatar.cjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -19,8 +19,14 @@ var createStyleContext = require('./utils/create-style-context.cjs');
 const { withProvider, withContext } = createStyleContext.createStyleContext(avatar$1.avatar);
 withProvider(avatar.Avatar.RootProvider, "root");
 const Root = withProvider(avatar.Avatar.Root, "root");
-const Fallback = withContext(avatar.Avatar.Fallback, "fallback");
-const Image = withContext(avatar.Avatar.Image, "image");
+const Fallback = withContext(
+  avatar.Avatar.Fallback,
+  "fallback"
+);
+const Image = withContext(
+  avatar.Avatar.Image,
+  "image"
+);
 
 Object.defineProperty(exports, "Context", {
   enumerable: true,

package/dist/cjs/ui-kit/styled/badge.cjs

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

package/dist/cjs/ui-kit/styled/button.cjs

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

package/dist/cjs/ui-kit/styled/icon-button.cjs

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

package/dist/cjs/ui-kit/styled/icon.cjs

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

package/dist/cjs/ui-kit/styled/input.cjs

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

package/dist/cjs/ui-kit/styled/menu.cjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -19,26 +19,69 @@ var menu = require('@ark-ui/react/menu');
 
 const { withRootProvider, withContext } = createStyleContext.createStyleContext(menu$1.menu);
 withRootProvider(react.Menu.RootProvider);
-const Root = withRootProvider(
-  react.Menu.Root
+const Root = withRootProvider(react.Menu.Root);
+withContext(
+  react.Menu.Arrow,
+  "arrow"
+);
+withContext(
+  react.Menu.ArrowTip,
+  "arrowTip"
+);
+withContext(
+  react.Menu.CheckboxItem,
+  "item"
+);
+const Content = withContext(
+  react.Menu.Content,
+  "content"
 );
-withContext(react.Menu.Arrow, "arrow");
-withContext(react.Menu.ArrowTip, "arrowTip");
-withContext(react.Menu.CheckboxItem, "item");
-const Content = withContext(react.Menu.Content, "content");
 withContext(react.Menu.ContextTrigger, "contextTrigger");
-withContext(react.Menu.Indicator, "indicator");
-const ItemGroupLabel = withContext(react.Menu.ItemGroupLabel, "itemGroupLabel");
-const ItemGroup = withContext(react.Menu.ItemGroup, "itemGroup");
-withContext(react.Menu.ItemIndicator, "itemIndicator");
+withContext(
+  react.Menu.Indicator,
+  "indicator"
+);
+const ItemGroupLabel = withContext(
+  react.Menu.ItemGroupLabel,
+  "itemGroupLabel"
+);
+const ItemGroup = withContext(
+  react.Menu.ItemGroup,
+  "itemGroup"
+);
+withContext(
+  react.Menu.ItemIndicator,
+  "itemIndicator"
+);
 const Item = withContext(react.Menu.Item, "item");
-withContext(react.Menu.ItemText, "itemText");
-const Positioner = withContext(react.Menu.Positioner, "positioner");
-withContext(react.Menu.RadioItemGroup, "itemGroup");
-withContext(react.Menu.RadioItem, "item");
-withContext(react.Menu.Separator, "separator");
-withContext(react.Menu.TriggerItem, "triggerItem");
-const Trigger = withContext(react.Menu.Trigger, "trigger");
+withContext(
+  react.Menu.ItemText,
+  "itemText"
+);
+const Positioner = withContext(
+  react.Menu.Positioner,
+  "positioner"
+);
+withContext(
+  react.Menu.RadioItemGroup,
+  "itemGroup"
+);
+withContext(
+  react.Menu.RadioItem,
+  "item"
+);
+withContext(
+  react.Menu.Separator,
+  "separator"
+);
+withContext(
+  react.Menu.TriggerItem,
+  "triggerItem"
+);
+const Trigger = withContext(
+  react.Menu.Trigger,
+  "trigger"
+);
 
 Object.defineProperty(exports, "Context", {
   enumerable: true,

package/dist/cjs/ui-kit/styled/popover.cjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -17,18 +17,47 @@ var popover$1 = require('../../styled-system/recipes/popover.cjs');
 var createStyleContext = require('./utils/create-style-context.cjs');
 
 const { withRootProvider, withContext } = createStyleContext.createStyleContext(popover$1.popover);
-withRootProvider(popover.Popover.RootProvider);
+withRootProvider(
+  popover.Popover.RootProvider
+);
 const Root = withRootProvider(popover.Popover.Root);
-const Anchor = withContext(popover.Popover.Anchor, "anchor");
-withContext(popover.Popover.Arrow, "arrow");
-withContext(popover.Popover.ArrowTip, "arrowTip");
+const Anchor = withContext(
+  popover.Popover.Anchor,
+  "anchor"
+);
+withContext(
+  popover.Popover.Arrow,
+  "arrow"
+);
+withContext(
+  popover.Popover.ArrowTip,
+  "arrowTip"
+);
 withContext(popover.Popover.CloseTrigger, "closeTrigger");
-const Content = withContext(popover.Popover.Content, "content");
-withContext(popover.Popover.Description, "description");
-withContext(popover.Popover.Indicator, "indicator");
-const Positioner = withContext(popover.Popover.Positioner, "positioner");
-const Title = withContext(popover.Popover.Title, "title");
-const Trigger = withContext(popover.Popover.Trigger, "trigger");
+const Content = withContext(
+  popover.Popover.Content,
+  "content"
+);
+withContext(
+  popover.Popover.Description,
+  "description"
+);
+withContext(
+  popover.Popover.Indicator,
+  "indicator"
+);
+const Positioner = withContext(
+  popover.Popover.Positioner,
+  "positioner"
+);
+const Title = withContext(
+  popover.Popover.Title,
+  "title"
+);
+const Trigger = withContext(
+  popover.Popover.Trigger,
+  "trigger"
+);
 
 Object.defineProperty(exports, "Context", {
   enumerable: true,

package/dist/cjs/ui-kit/styled/skeleton.cjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -21,15 +21,13 @@ require('../../styled-system/css/conditions.cjs');
 var skeleton = require('../../styled-system/recipes/skeleton.cjs');
 
 const StyledSkeleton = factory.styled(factory$1.ark.div, skeleton.skeleton);
-const Skeleton = React.forwardRef(
-  (props, ref) => {
-    const { isLoaded, ...otherProps } = props;
-    if (isLoaded) {
-      return /* @__PURE__ */ jsxRuntime.jsx(factory.styled.div, { animation: "fade-in", ref, ...otherProps });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(StyledSkeleton, { ref, ...otherProps });
+const Skeleton = React.forwardRef((props, ref) => {
+  const { isLoaded, ...otherProps } = props;
+  if (isLoaded) {
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.styled.div, { animation: "fade-in", ref, ...otherProps });
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledSkeleton, { ref, ...otherProps });
+});
 Skeleton.displayName = "Skeleton";
 
 exports.Skeleton = Skeleton;

package/dist/cjs/ui-kit/styled/spinner.cjs

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

package/dist/cjs/ui-kit/styled/switch.cjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -19,9 +19,18 @@ var createStyleContext = require('./utils/create-style-context.cjs');
 const { withProvider, withContext } = createStyleContext.createStyleContext(switchRecipe.switchRecipe);
 withProvider(_switch.Switch.RootProvider, "root");
 const Root = withProvider(_switch.Switch.Root, "root");
-const Control = withContext(_switch.Switch.Control, "control");
-const Label = withContext(_switch.Switch.Label, "label");
-const Thumb = withContext(_switch.Switch.Thumb, "thumb");
+const Control = withContext(
+  _switch.Switch.Control,
+  "control"
+);
+const Label = withContext(
+  _switch.Switch.Label,
+  "label"
+);
+const Thumb = withContext(
+  _switch.Switch.Thumb,
+  "thumb"
+);
 
 Object.defineProperty(exports, "Context", {
   enumerable: true,

package/dist/cjs/ui-kit/styled/text.cjs

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

package/dist/cjs/ui-kit/styled/tooltip.cjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -17,13 +17,30 @@ var tooltip$1 = require('../../styled-system/recipes/tooltip.cjs');
 var createStyleContext = require('./utils/create-style-context.cjs');
 
 const { withRootProvider, withContext } = createStyleContext.createStyleContext(tooltip$1.tooltip);
-withRootProvider(tooltip.Tooltip.RootProvider);
+withRootProvider(
+  tooltip.Tooltip.RootProvider
+);
 const Root = withRootProvider(tooltip.Tooltip.Root);
-const Arrow = withContext(tooltip.Tooltip.Arrow, "arrow");
-const ArrowTip = withContext(tooltip.Tooltip.ArrowTip, "arrowTip");
-const Content = withContext(tooltip.Tooltip.Content, "content");
-const Positioner = withContext(tooltip.Tooltip.Positioner, "positioner");
-const Trigger = withContext(tooltip.Tooltip.Trigger, "trigger");
+const Arrow = withContext(
+  tooltip.Tooltip.Arrow,
+  "arrow"
+);
+const ArrowTip = withContext(
+  tooltip.Tooltip.ArrowTip,
+  "arrowTip"
+);
+const Content = withContext(
+  tooltip.Tooltip.Content,
+  "content"
+);
+const Positioner = withContext(
+  tooltip.Tooltip.Positioner,
+  "positioner"
+);
+const Trigger = withContext(
+  tooltip.Tooltip.Trigger,
+  "trigger"
+);
 
 Object.defineProperty(exports, "Context", {
   enumerable: true,

package/dist/cjs/ui-kit/styled/utils/create-style-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -39,14 +39,7 @@ const createStyleContext = (recipe) => {
     const StyledSlotProvider = React.forwardRef((props, ref) => {
       const [variantProps, otherProps] = recipe.splitVariantProps(props);
       const slotStyles = recipe(variantProps);
-      return /* @__PURE__ */ jsxRuntime.jsx(StyleContext.Provider, { value: slotStyles, children: /* @__PURE__ */ jsxRuntime.jsx(
-        StyledComponent,
-        {
-          ...otherProps,
-          ref,
-          className: cx.cx(slotStyles?.[slot], props.className)
-        }
-      ) });
+      return /* @__PURE__ */ jsxRuntime.jsx(StyleContext.Provider, { value: slotStyles, children: /* @__PURE__ */ jsxRuntime.jsx(StyledComponent, { ...otherProps, ref, className: cx.cx(slotStyles?.[slot], props.className) }) });
     });
     StyledSlotProvider.displayName = Component.displayName || Component.name;
     return StyledSlotProvider;
@@ -55,14 +48,7 @@ const createStyleContext = (recipe) => {
     const StyledComponent = factory.styled(Component);
     const StyledSlotComponent = React.forwardRef((props, ref) => {
       const slotStyles = React.useContext(StyleContext);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        StyledComponent,
-        {
-          ...props,
-          ref,
-          className: cx.cx(slotStyles?.[slot], props.className)
-        }
-      );
+      return /* @__PURE__ */ jsxRuntime.jsx(StyledComponent, { ...props, ref, className: cx.cx(slotStyles?.[slot], props.className) });
     });
     StyledSlotComponent.displayName = Component.displayName || Component.name;
     return StyledSlotComponent;

package/dist/cjs/ui-kit/switch.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
 
@@ -17,36 +17,26 @@ require('../styled-system/helpers.cjs');
 var _switch = require('./styled/switch.cjs');
 var _switch$1 = require('@ark-ui/react/switch');
 
-const Switch = React.forwardRef(
-  (props, ref) => {
-    const { children, ...rootProps } = props;
-    const { checked, loading } = props;
-    return /* @__PURE__ */ jsxRuntime.jsxs(_switch.Root, { ref, ...rootProps, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(_switch.Control, { bg: checked ? "green" : "primary", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(
-        index.SvgIcon,
-        {
-          type: svgIconType.SvgIconType.Loader,
-          className: css.css({
-            w: "4",
-            h: "4",
-            p: "0.5",
-            color: checked ? "white" : "black"
-          })
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(_switch.Thumb, {}) }),
-      children && /* @__PURE__ */ jsxRuntime.jsx(
-        _switch.Label,
-        {
-          textStyle: "sm",
-          fontWeight: "normal",
-          textWrap: "nowrap",
-          children
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(_switch$1.SwitchHiddenInput, {})
-    ] });
-  }
-);
+const Switch = React.forwardRef((props, ref) => {
+  const { children, ...rootProps } = props;
+  const { checked, loading } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs(_switch.Root, { ref, ...rootProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(_switch.Control, { bg: checked ? "green" : "primary", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(
+      index.SvgIcon,
+      {
+        type: svgIconType.SvgIconType.Loader,
+        className: css.css({
+          w: "4",
+          h: "4",
+          p: "0.5",
+          color: checked ? "white" : "black"
+        })
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(_switch.Thumb, {}) }),
+    children && /* @__PURE__ */ jsxRuntime.jsx(_switch.Label, { textStyle: "sm", fontWeight: "normal", textWrap: "nowrap", children }),
+    /* @__PURE__ */ jsxRuntime.jsx(_switch$1.SwitchHiddenInput, {})
+  ] });
+});
 Switch.displayName = "Switch";
 
 exports.Switch = Switch;

package/dist/esm/_modules/awesome-debounce-promise.mjs

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

package/dist/esm/_modules/react-use-promise.mjs

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