@integration-app/react 2.19.0 → 2.20.0

package/dist/esm/ui-kit/avatar.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';
 
@@ -18,21 +18,11 @@ const Avatar = forwardRef((props, ref) => {
   ] });
 });
 Avatar.displayName = "Avatar";
-const UserIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [
-      /* @__PURE__ */ jsx("title", { children: "User Icon" }),
-      /* @__PURE__ */ jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
-    ]
-  }
-);
+const UserIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  /* @__PURE__ */ jsx("title", { children: "User Icon" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
+] });
 const getInitials = (name = "") => name.split(" ").map((part) => part[0]).splice(0, 2).join("").toUpperCase();
 
 export { Avatar };

package/dist/esm/ui-kit/button.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';
 
@@ -17,27 +17,15 @@ import { Center } from '../styled-system/jsx/center.mjs';
 import '../styled-system/patterns/visually-hidden.mjs';
 import { Button as Button$1 } from './styled/button.mjs';
 
-const Button = forwardRef(
-  (props, ref) => {
-    const { loading, disabled, loadingText, children, ...rest } = props;
-    const trulyDisabled = loading || disabled;
-    return /* @__PURE__ */ jsx(Button$1, { disabled: trulyDisabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(ButtonSpinner, {}),
-      /* @__PURE__ */ jsx(styled.span, { opacity: 0, children })
-    ] }) : loadingText ? loadingText : children });
-  }
-);
+const Button = forwardRef((props, ref) => {
+  const { loading, disabled, loadingText, children, ...rest } = props;
+  const trulyDisabled = loading || disabled;
+  return /* @__PURE__ */ jsx(Button$1, { disabled: trulyDisabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ButtonSpinner, {}),
+    /* @__PURE__ */ jsx(styled.span, { opacity: 0, children })
+  ] }) : loadingText ? loadingText : children });
+});
 Button.displayName = "Button";
-const ButtonSpinner = () => /* @__PURE__ */ jsx(
-  Center,
-  {
-    inline: true,
-    position: "absolute",
-    transform: "translate(-50%, -50%)",
-    top: "50%",
-    insetStart: "50%",
-    children: /* @__PURE__ */ jsx(Spinner, { colorPalette: "gray" })
-  }
-);
+const ButtonSpinner = () => /* @__PURE__ */ jsx(Center, { inline: true, position: "absolute", transform: "translate(-50%, -50%)", top: "50%", insetStart: "50%", children: /* @__PURE__ */ jsx(Spinner, { colorPalette: "gray" }) });
 
 export { Button };

package/dist/esm/ui-kit/spinner.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';
 
@@ -15,21 +15,10 @@ import '../styled-system/css/css.mjs';
 import '../styled-system/patterns/visually-hidden.mjs';
 import { Spinner as Spinner$1 } from './styled/spinner.mjs';
 
-const Spinner = forwardRef(
-  (props, ref) => {
-    const { label = "Loading...", ...rest } = props;
-    return /* @__PURE__ */ jsx(
-      Spinner$1,
-      {
-        ref,
-        borderBottomColor: "transparent",
-        borderLeftColor: "transparent",
-        ...rest,
-        children: label && /* @__PURE__ */ jsx(styled.span, { srOnly: true, children: label })
-      }
-    );
-  }
-);
+const Spinner = forwardRef((props, ref) => {
+  const { label = "Loading...", ...rest } = props;
+  return /* @__PURE__ */ jsx(Spinner$1, { ref, borderBottomColor: "transparent", borderLeftColor: "transparent", ...rest, children: label && /* @__PURE__ */ jsx(styled.span, { srOnly: true, children: label }) });
+});
 Spinner.displayName = "Spinner";
 
 export { Spinner };

package/dist/esm/ui-kit/styled/alert.mjs

@@ -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,7 +17,10 @@ import { createStyleContext } from './utils/create-style-context.mjs';
 const { withProvider, withContext } = createStyleContext(alert);
 const Root = withProvider(ark.div, "root");
 withContext(ark.div, "content");
-withContext(ark.div, "description");
+withContext(
+  ark.div,
+  "description"
+);
 const Icon = withContext(ark.svg, "icon");
 const Title = withContext(ark.h5, "title");
 

package/dist/esm/ui-kit/styled/avatar.mjs

@@ -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';
 
@@ -18,7 +18,13 @@ import { createStyleContext } from './utils/create-style-context.mjs';
 const { withProvider, withContext } = createStyleContext(avatar);
 withProvider(Avatar.RootProvider, "root");
 const Root = withProvider(Avatar.Root, "root");
-const Fallback = withContext(Avatar.Fallback, "fallback");
-const Image = withContext(Avatar.Image, "image");
+const Fallback = withContext(
+  Avatar.Fallback,
+  "fallback"
+);
+const Image = withContext(
+  Avatar.Image,
+  "image"
+);
 
 export { Fallback, Image, Root };

package/dist/esm/ui-kit/styled/badge.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/ui-kit/styled/button.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/ui-kit/styled/icon-button.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/ui-kit/styled/icon.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/ui-kit/styled/input.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/ui-kit/styled/menu.mjs

@@ -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,25 +17,68 @@ export { MenuContext as Context } from '@ark-ui/react/menu';
 
 const { withRootProvider, withContext } = createStyleContext(menu);
 withRootProvider(Menu.RootProvider);
-const Root = withRootProvider(
-  Menu.Root
+const Root = withRootProvider(Menu.Root);
+withContext(
+  Menu.Arrow,
+  "arrow"
+);
+withContext(
+  Menu.ArrowTip,
+  "arrowTip"
+);
+withContext(
+  Menu.CheckboxItem,
+  "item"
+);
+const Content = withContext(
+  Menu.Content,
+  "content"
 );
-withContext(Menu.Arrow, "arrow");
-withContext(Menu.ArrowTip, "arrowTip");
-withContext(Menu.CheckboxItem, "item");
-const Content = withContext(Menu.Content, "content");
 withContext(Menu.ContextTrigger, "contextTrigger");
-withContext(Menu.Indicator, "indicator");
-const ItemGroupLabel = withContext(Menu.ItemGroupLabel, "itemGroupLabel");
-const ItemGroup = withContext(Menu.ItemGroup, "itemGroup");
-withContext(Menu.ItemIndicator, "itemIndicator");
+withContext(
+  Menu.Indicator,
+  "indicator"
+);
+const ItemGroupLabel = withContext(
+  Menu.ItemGroupLabel,
+  "itemGroupLabel"
+);
+const ItemGroup = withContext(
+  Menu.ItemGroup,
+  "itemGroup"
+);
+withContext(
+  Menu.ItemIndicator,
+  "itemIndicator"
+);
 const Item = withContext(Menu.Item, "item");
-withContext(Menu.ItemText, "itemText");
-const Positioner = withContext(Menu.Positioner, "positioner");
-withContext(Menu.RadioItemGroup, "itemGroup");
-withContext(Menu.RadioItem, "item");
-withContext(Menu.Separator, "separator");
-withContext(Menu.TriggerItem, "triggerItem");
-const Trigger = withContext(Menu.Trigger, "trigger");
+withContext(
+  Menu.ItemText,
+  "itemText"
+);
+const Positioner = withContext(
+  Menu.Positioner,
+  "positioner"
+);
+withContext(
+  Menu.RadioItemGroup,
+  "itemGroup"
+);
+withContext(
+  Menu.RadioItem,
+  "item"
+);
+withContext(
+  Menu.Separator,
+  "separator"
+);
+withContext(
+  Menu.TriggerItem,
+  "triggerItem"
+);
+const Trigger = withContext(
+  Menu.Trigger,
+  "trigger"
+);
 
 export { Content, Item, ItemGroup, ItemGroupLabel, Positioner, Root, Trigger };

package/dist/esm/ui-kit/styled/popover.mjs

@@ -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';
 
@@ -16,17 +16,46 @@ import { popover } from '../../styled-system/recipes/popover.mjs';
 import { createStyleContext } from './utils/create-style-context.mjs';
 
 const { withRootProvider, withContext } = createStyleContext(popover);
-withRootProvider(Popover.RootProvider);
+withRootProvider(
+  Popover.RootProvider
+);
 const Root = withRootProvider(Popover.Root);
-const Anchor = withContext(Popover.Anchor, "anchor");
-withContext(Popover.Arrow, "arrow");
-withContext(Popover.ArrowTip, "arrowTip");
+const Anchor = withContext(
+  Popover.Anchor,
+  "anchor"
+);
+withContext(
+  Popover.Arrow,
+  "arrow"
+);
+withContext(
+  Popover.ArrowTip,
+  "arrowTip"
+);
 withContext(Popover.CloseTrigger, "closeTrigger");
-const Content = withContext(Popover.Content, "content");
-withContext(Popover.Description, "description");
-withContext(Popover.Indicator, "indicator");
-const Positioner = withContext(Popover.Positioner, "positioner");
-const Title = withContext(Popover.Title, "title");
-const Trigger = withContext(Popover.Trigger, "trigger");
+const Content = withContext(
+  Popover.Content,
+  "content"
+);
+withContext(
+  Popover.Description,
+  "description"
+);
+withContext(
+  Popover.Indicator,
+  "indicator"
+);
+const Positioner = withContext(
+  Popover.Positioner,
+  "positioner"
+);
+const Title = withContext(
+  Popover.Title,
+  "title"
+);
+const Trigger = withContext(
+  Popover.Trigger,
+  "trigger"
+);
 
 export { Anchor, Content, Positioner, Root, Title, Trigger };

package/dist/esm/ui-kit/styled/skeleton.mjs

@@ -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,15 +19,13 @@ import '../../styled-system/css/conditions.mjs';
 import { skeleton } from '../../styled-system/recipes/skeleton.mjs';
 
 const StyledSkeleton = styled(ark.div, skeleton);
-const Skeleton = forwardRef(
-  (props, ref) => {
-    const { isLoaded, ...otherProps } = props;
-    if (isLoaded) {
-      return /* @__PURE__ */ jsx(styled.div, { animation: "fade-in", ref, ...otherProps });
-    }
-    return /* @__PURE__ */ jsx(StyledSkeleton, { ref, ...otherProps });
+const Skeleton = forwardRef((props, ref) => {
+  const { isLoaded, ...otherProps } = props;
+  if (isLoaded) {
+    return /* @__PURE__ */ jsx(styled.div, { animation: "fade-in", ref, ...otherProps });
   }
-);
+  return /* @__PURE__ */ jsx(StyledSkeleton, { ref, ...otherProps });
+});
 Skeleton.displayName = "Skeleton";
 
 export { Skeleton };

package/dist/esm/ui-kit/styled/spinner.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/ui-kit/styled/switch.mjs

@@ -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';
 
@@ -18,8 +18,17 @@ import { createStyleContext } from './utils/create-style-context.mjs';
 const { withProvider, withContext } = createStyleContext(switchRecipe);
 withProvider(Switch.RootProvider, "root");
 const Root = withProvider(Switch.Root, "root");
-const Control = withContext(Switch.Control, "control");
-const Label = withContext(Switch.Label, "label");
-const Thumb = withContext(Switch.Thumb, "thumb");
+const Control = withContext(
+  Switch.Control,
+  "control"
+);
+const Label = withContext(
+  Switch.Label,
+  "label"
+);
+const Thumb = withContext(
+  Switch.Thumb,
+  "thumb"
+);
 
 export { Control, Label, Root, Thumb };

package/dist/esm/ui-kit/styled/text.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/ui-kit/styled/tooltip.mjs

@@ -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';
 
@@ -16,12 +16,29 @@ import { tooltip } from '../../styled-system/recipes/tooltip.mjs';
 import { createStyleContext } from './utils/create-style-context.mjs';
 
 const { withRootProvider, withContext } = createStyleContext(tooltip);
-withRootProvider(Tooltip.RootProvider);
+withRootProvider(
+  Tooltip.RootProvider
+);
 const Root = withRootProvider(Tooltip.Root);
-const Arrow = withContext(Tooltip.Arrow, "arrow");
-const ArrowTip = withContext(Tooltip.ArrowTip, "arrowTip");
-const Content = withContext(Tooltip.Content, "content");
-const Positioner = withContext(Tooltip.Positioner, "positioner");
-const Trigger = withContext(Tooltip.Trigger, "trigger");
+const Arrow = withContext(
+  Tooltip.Arrow,
+  "arrow"
+);
+const ArrowTip = withContext(
+  Tooltip.ArrowTip,
+  "arrowTip"
+);
+const Content = withContext(
+  Tooltip.Content,
+  "content"
+);
+const Positioner = withContext(
+  Tooltip.Positioner,
+  "positioner"
+);
+const Trigger = withContext(
+  Tooltip.Trigger,
+  "trigger"
+);
 
 export { Arrow, ArrowTip, Content, Positioner, Root, Trigger };

package/dist/esm/ui-kit/styled/utils/create-style-context.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';
 
@@ -37,14 +37,7 @@ const createStyleContext = (recipe) => {
     const StyledSlotProvider = forwardRef((props, ref) => {
       const [variantProps, otherProps] = recipe.splitVariantProps(props);
       const slotStyles = recipe(variantProps);
-      return /* @__PURE__ */ jsx(StyleContext.Provider, { value: slotStyles, children: /* @__PURE__ */ jsx(
-        StyledComponent,
-        {
-          ...otherProps,
-          ref,
-          className: cx(slotStyles?.[slot], props.className)
-        }
-      ) });
+      return /* @__PURE__ */ jsx(StyleContext.Provider, { value: slotStyles, children: /* @__PURE__ */ jsx(StyledComponent, { ...otherProps, ref, className: cx(slotStyles?.[slot], props.className) }) });
     });
     StyledSlotProvider.displayName = Component.displayName || Component.name;
     return StyledSlotProvider;
@@ -53,14 +46,7 @@ const createStyleContext = (recipe) => {
     const StyledComponent = styled(Component);
     const StyledSlotComponent = forwardRef((props, ref) => {
       const slotStyles = useContext(StyleContext);
-      return /* @__PURE__ */ jsx(
-        StyledComponent,
-        {
-          ...props,
-          ref,
-          className: cx(slotStyles?.[slot], props.className)
-        }
-      );
+      return /* @__PURE__ */ jsx(StyledComponent, { ...props, ref, className: cx(slotStyles?.[slot], props.className) });
     });
     StyledSlotComponent.displayName = Component.displayName || Component.name;
     return StyledSlotComponent;

package/dist/esm/ui-kit/switch.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';
 
@@ -15,36 +15,26 @@ import '../styled-system/helpers.mjs';
 import { Root, Control, Thumb, Label } from './styled/switch.mjs';
 import { SwitchHiddenInput } from '@ark-ui/react/switch';
 
-const Switch = forwardRef(
-  (props, ref) => {
-    const { children, ...rootProps } = props;
-    const { checked, loading } = props;
-    return /* @__PURE__ */ jsxs(Root, { ref, ...rootProps, children: [
-      /* @__PURE__ */ jsx(Control, { bg: checked ? "green" : "primary", children: loading ? /* @__PURE__ */ jsx(
-        SvgIcon,
-        {
-          type: SvgIconType.Loader,
-          className: css({
-            w: "4",
-            h: "4",
-            p: "0.5",
-            color: checked ? "white" : "black"
-          })
-        }
-      ) : /* @__PURE__ */ jsx(Thumb, {}) }),
-      children && /* @__PURE__ */ jsx(
-        Label,
-        {
-          textStyle: "sm",
-          fontWeight: "normal",
-          textWrap: "nowrap",
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx(SwitchHiddenInput, {})
-    ] });
-  }
-);
+const Switch = forwardRef((props, ref) => {
+  const { children, ...rootProps } = props;
+  const { checked, loading } = props;
+  return /* @__PURE__ */ jsxs(Root, { ref, ...rootProps, children: [
+    /* @__PURE__ */ jsx(Control, { bg: checked ? "green" : "primary", children: loading ? /* @__PURE__ */ jsx(
+      SvgIcon,
+      {
+        type: SvgIconType.Loader,
+        className: css({
+          w: "4",
+          h: "4",
+          p: "0.5",
+          color: checked ? "white" : "black"
+        })
+      }
+    ) : /* @__PURE__ */ jsx(Thumb, {}) }),
+    children && /* @__PURE__ */ jsx(Label, { textStyle: "sm", fontWeight: "normal", textWrap: "nowrap", children }),
+    /* @__PURE__ */ jsx(SwitchHiddenInput, {})
+  ] });
+});
 Switch.displayName = "Switch";
 
 export { Switch };