@box/collaboration-popover 2.1.33 → 2.1.35

package/dist/chunks/collaboration-popover.module.js

@@ -1,15 +1 @@
-import '../styles/collaboration-popover.css';var e = {
-	popoverContainer: "_popoverContainer_5hpmm_1",
-	collaborationPopoverContent: "_collaborationPopoverContent_5hpmm_5",
-	isCollaborator: "_isCollaborator_5hpmm_14",
-	userDetails: "_userDetails_5hpmm_19",
-	userInfo: "_userInfo_5hpmm_35",
-	userName: "_userName_5hpmm_43",
-	userEmail: "_userEmail_5hpmm_44",
-	userInfoFooter: "_userInfoFooter_5hpmm_54",
-	inviteTriggerButton: "_inviteTriggerButton_5hpmm_62",
-	copySharedLinkButton: "_copySharedLinkButton_5hpmm_66",
-	userAvatar: "_userAvatar_5hpmm_70",
-	inviteDropdownMenu: "_inviteDropdownMenu_5hpmm_74"
-};
-export { e as t };
+import '../styles/collaboration-popover.css';var collaboration_popover_module_default={popoverContainer:`_popoverContainer_5hpmm_1`,collaborationPopoverContent:`_collaborationPopoverContent_5hpmm_5`,isCollaborator:`_isCollaborator_5hpmm_14`,userDetails:`_userDetails_5hpmm_19`,userInfo:`_userInfo_5hpmm_35`,userName:`_userName_5hpmm_43`,userEmail:`_userEmail_5hpmm_44`,userInfoFooter:`_userInfoFooter_5hpmm_54`,inviteTriggerButton:`_inviteTriggerButton_5hpmm_62`,copySharedLinkButton:`_copySharedLinkButton_5hpmm_66`,userAvatar:`_userAvatar_5hpmm_70`,inviteDropdownMenu:`_inviteDropdownMenu_5hpmm_74`};export{collaboration_popover_module_default as t};

package/dist/chunks/user-info-footer.js

@@ -1,29 +1 @@
-import { t as e } from "./collaboration-popover.module.js";
-import t from "../esm/lib/messages.js";
-import { UserInviteDropdown as n } from "../esm/lib/components/user-invite-dropdown.js";
-import { Button as r } from "@box/blueprint-web";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
-var o = /* @__PURE__ */ function(e) {
-	return e.Invite = "invite", e.CopySharedLink = "copySharedLink", e.Collaborator = "collaborator", e;
-}({}), s = ({ userInfo: s, defaultInviteType: c, loading: l = !1, onInviteTypeChange: u, onClose: d, onSubmit: f, type: p }) => {
-	let { formatMessage: m } = i(), h = async (e) => {
-		await f?.(s, e), d?.();
-	};
-	return /* @__PURE__ */ a("div", {
-		className: e.userInfoFooter,
-		children: p === o.Invite ? /* @__PURE__ */ a(n, {
-			defaultInviteType: c,
-			loading: l,
-			onInvite: h,
-			onInviteTypeChange: u
-		}) : /* @__PURE__ */ a(r, {
-			"aria-label": m(t.copySharedLinkButton),
-			className: e.copySharedLinkButton,
-			disabled: l,
-			onClick: () => h(),
-			children: m(t.copySharedLinkButton)
-		})
-	});
-};
-export { o as n, s as t };
+import{t as collaboration_popover_module_default}from"./collaboration-popover.module.js";import messages from"../esm/lib/messages.js";import{UserInviteDropdown}from"../esm/lib/components/user-invite-dropdown.js";import{Button}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";var CollaborationPopoverType=function(CollaborationPopoverType){return CollaborationPopoverType.Invite=`invite`,CollaborationPopoverType.CopySharedLink=`copySharedLink`,CollaborationPopoverType.Collaborator=`collaborator`,CollaborationPopoverType}({}),UserInfoFooter=({userInfo,defaultInviteType,loading=!1,onInviteTypeChange,onClose,onSubmit,type})=>{let{formatMessage}=useIntl(),handleSubmit=async inviteType=>{await onSubmit?.(userInfo,inviteType),onClose?.()};return jsx(`div`,{className:collaboration_popover_module_default.userInfoFooter,children:type===CollaborationPopoverType.Invite?jsx(UserInviteDropdown,{defaultInviteType,loading,onInvite:handleSubmit,onInviteTypeChange}):jsx(Button,{"aria-label":formatMessage(messages.copySharedLinkButton),className:collaboration_popover_module_default.copySharedLinkButton,disabled:loading,onClick:()=>handleSubmit(),children:formatMessage(messages.copySharedLinkButton)})})};export{CollaborationPopoverType as n,UserInfoFooter as t};

package/dist/esm/index.js

@@ -1,6 +1 @@
-import { UserAvatar as e } from "./lib/components/user-avatar.js";
-import { UserDetails as t } from "./lib/components/user-details.js";
-import { n, t as r } from "../chunks/user-info-footer.js";
-import { UserInviteDropdown as i } from "./lib/components/user-invite-dropdown.js";
-import { CollaborationPopover as a } from "./lib/collaboration-popover.js";
-export { a as CollaborationPopover, n as CollaborationPopoverType, e as UserAvatar, t as UserDetails, r as UserInfoFooter, i as UserInviteDropdown };
+import{UserAvatar}from"./lib/components/user-avatar.js";import{UserDetails}from"./lib/components/user-details.js";import{n as CollaborationPopoverType,t as UserInfoFooter}from"../chunks/user-info-footer.js";import{UserInviteDropdown}from"./lib/components/user-invite-dropdown.js";import{CollaborationPopover}from"./lib/collaboration-popover.js";export{CollaborationPopover,CollaborationPopoverType,UserAvatar,UserDetails,UserInfoFooter,UserInviteDropdown};

package/dist/esm/lib/collaboration-popover.js

@@ -1,60 +1 @@
-import { t as e } from "../../chunks/collaboration-popover.module.js";
-import t from "./messages.js";
-import { UserDetails as n } from "./components/user-details.js";
-import { n as r, t as i } from "../../chunks/user-info-footer.js";
-import { InlineNotice as a, Popover as o } from "@box/blueprint-web";
-import s from "classnames";
-import c from "clsx";
-import { useMemo as l } from "react";
-import { useIntl as u } from "react-intl";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-var m = 8;
-function h({ userInfo: h, open: g = !1, anchor: _, align: v = "start", side: y = "bottom", sideOffset: b = m, type: x = r.Collaborator, onSubmit: S, onUserClick: C, onClose: w, onInviteTypeChange: T, loading: E = !1, onOpenChange: D, popoverContentContainerProps: O }) {
-	let { formatMessage: k } = u(), A = l(() => {
-		let e = typeof x == "function" ? x(h) : x;
-		return !h.email && e === r.Invite ? r.CopySharedLink : e;
-	}, [x, h]), j = l(() => A === r.Invite ? k(t.noAccessInvite) : k(t.noAccessSharedLink), [k, A]), M = () => {
-		w?.();
-	};
-	return /* @__PURE__ */ p(o.Root, {
-		modal: !1,
-		onOpenChange: D,
-		open: g,
-		children: [/* @__PURE__ */ f(o.Anchor, {
-			asChild: !0,
-			children: _
-		}), /* @__PURE__ */ f(o.ContentContainer, {
-			...O,
-			align: v,
-			"aria-label": k(t.userInfoPopover),
-			className: c(e.popoverContainer, O?.className),
-			onInteractOutside: () => {
-				w?.();
-			},
-			onOpenAutoFocus: (e) => {
-				e.preventDefault();
-			},
-			side: y,
-			sideOffset: b,
-			children: /* @__PURE__ */ f(o.MainContent, { children: /* @__PURE__ */ p("div", {
-				className: s(e.collaborationPopoverContent, { [e.isCollaborator]: A === r.Collaborator }),
-				children: [/* @__PURE__ */ f(n, {
-					onClick: C,
-					...h
-				}), A !== r.Collaborator && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(a, {
-					variant: "info",
-					variantIconAriaLabel: k(t.variantIconAriaLabel),
-					children: j
-				}), /* @__PURE__ */ f(i, {
-					loading: E,
-					onClose: M,
-					onInviteTypeChange: T,
-					onSubmit: S,
-					type: A,
-					userInfo: h
-				})] })]
-			}) })
-		})]
-	});
-}
-export { h as CollaborationPopover, h as default };
+import{t as collaboration_popover_module_default}from"../../chunks/collaboration-popover.module.js";import messages from"./messages.js";import{UserDetails}from"./components/user-details.js";import{n as CollaborationPopoverType,t as UserInfoFooter}from"../../chunks/user-info-footer.js";import{InlineNotice,Popover}from"@box/blueprint-web";import classNames from"classnames";import clsx from"clsx";import{useMemo}from"react";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var DEFAULT_SIDE_OFFSET=8;function CollaborationPopover({userInfo,open=!1,anchor,align=`start`,side=`bottom`,sideOffset=DEFAULT_SIDE_OFFSET,type=CollaborationPopoverType.Collaborator,onSubmit,onUserClick,onClose,onInviteTypeChange,loading=!1,onOpenChange,popoverContentContainerProps}){let{formatMessage}=useIntl(),computedType=useMemo(()=>{let resolved=typeof type==`function`?type(userInfo):type;return!userInfo.email&&resolved===CollaborationPopoverType.Invite?CollaborationPopoverType.CopySharedLink:resolved},[type,userInfo]),computedInviteMessage=useMemo(()=>computedType===CollaborationPopoverType.Invite?formatMessage(messages.noAccessInvite):formatMessage(messages.noAccessSharedLink),[formatMessage,computedType]),handleClose=()=>{onClose?.()};return jsxs(Popover.Root,{modal:!1,onOpenChange,open,children:[jsx(Popover.Anchor,{asChild:!0,children:anchor}),jsx(Popover.ContentContainer,{...popoverContentContainerProps,align,"aria-label":formatMessage(messages.userInfoPopover),className:clsx(collaboration_popover_module_default.popoverContainer,popoverContentContainerProps?.className),onInteractOutside:()=>{onClose?.()},onOpenAutoFocus:e=>{e.preventDefault()},side,sideOffset,children:jsx(Popover.MainContent,{children:jsxs(`div`,{className:classNames(collaboration_popover_module_default.collaborationPopoverContent,{[collaboration_popover_module_default.isCollaborator]:computedType===CollaborationPopoverType.Collaborator}),children:[jsx(UserDetails,{onClick:onUserClick,...userInfo}),computedType!==CollaborationPopoverType.Collaborator&&jsxs(Fragment,{children:[jsx(InlineNotice,{variant:`info`,variantIconAriaLabel:formatMessage(messages.variantIconAriaLabel),children:computedInviteMessage}),jsx(UserInfoFooter,{loading,onClose:handleClose,onInviteTypeChange,onSubmit,type:computedType,userInfo})]})]})})})]})}export{CollaborationPopover,CollaborationPopover as default};

package/dist/esm/lib/components/user-avatar.js

@@ -1,25 +1 @@
-import { t as e } from "../../../chunks/collaboration-popover.module.js";
-import t from "../messages.js";
-import { getInitials as n } from "../utils/getInitials.js";
-import { Avatar as r, IconBadge as i } from "@box/blueprint-web";
-import { useIntl as a } from "react-intl";
-import { jsx as o } from "react/jsx-runtime";
-var s = ({ avatar: s, isExternalUser: c = !1, name: l, id: u }) => {
-	let { formatMessage: d } = a(), f = /* @__PURE__ */ o(r, {
-		alt: d(t.userAvatarAlt, { name: l }),
-		className: e.userAvatar,
-		colorIndex: Number(u) || 0,
-		src: s || "",
-		text: n(l)
-	});
-	return c ? /* @__PURE__ */ o(i, {
-		offset: {
-			right: -4,
-			bottom: -4
-		},
-		size: "medium",
-		variant: "collaborator-external",
-		children: f
-	}) : f;
-};
-export { s as UserAvatar, s as default };
+import{t as collaboration_popover_module_default}from"../../../chunks/collaboration-popover.module.js";import messages from"../messages.js";import{getInitials}from"../utils/getInitials.js";import{Avatar,IconBadge}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";var UserAvatar=({avatar,isExternalUser=!1,name,id})=>{let{formatMessage}=useIntl(),userAvatar=jsx(Avatar,{alt:formatMessage(messages.userAvatarAlt,{name}),className:collaboration_popover_module_default.userAvatar,colorIndex:Number(id)||0,src:avatar||``,text:getInitials(name)});return isExternalUser?jsx(IconBadge,{offset:{right:-4,bottom:-4},size:`medium`,variant:`collaborator-external`,children:userAvatar}):userAvatar};export{UserAvatar,UserAvatar as default};

package/dist/esm/lib/components/user-details.js

@@ -1,56 +1 @@
-import { t as e } from "../../../chunks/collaboration-popover.module.js";
-import t from "../messages.js";
-import { UserAvatar as n } from "./user-avatar.js";
-import { Text as r } from "@box/blueprint-web";
-import { useCallback as i } from "react";
-import { useIntl as a } from "react-intl";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-var c = ({ name: c, email: l, id: u, avatarUrl: d, isExternalUser: f, onClick: p }) => {
-	let { formatMessage: m } = a(), h = i(() => {
-		p && p({
-			name: c,
-			email: l,
-			id: u,
-			avatarUrl: d,
-			isExternalUser: f
-		});
-	}, [
-		p,
-		c,
-		l,
-		u,
-		d,
-		f
-	]), g = i((e) => {
-		e.key === "Enter" && p && (e.preventDefault(), h());
-	}, [h, p]);
-	return /* @__PURE__ */ s("div", {
-		"aria-label": m(t.userDetailsAriaLabel, { name: c }),
-		className: e.userDetails,
-		onClick: h,
-		onKeyDown: g,
-		role: "button",
-		tabIndex: 0,
-		children: [/* @__PURE__ */ o(n, {
-			avatar: d,
-			id: u,
-			isExternalUser: f,
-			name: c
-		}), /* @__PURE__ */ s("div", {
-			className: e.userInfo,
-			children: [/* @__PURE__ */ o(r, {
-				as: "span",
-				className: e.userName,
-				variant: "bodyDefaultSemibold",
-				children: c
-			}), l && /* @__PURE__ */ o(r, {
-				as: "span",
-				className: e.userEmail,
-				color: "textOnLightSecondary",
-				variant: "caption",
-				children: l
-			})]
-		})]
-	});
-};
-export { c as UserDetails, c as default };
+import{t as collaboration_popover_module_default}from"../../../chunks/collaboration-popover.module.js";import messages from"../messages.js";import{UserAvatar}from"./user-avatar.js";import{Text}from"@box/blueprint-web";import{useCallback}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";var UserDetails=({name,email,id,avatarUrl,isExternalUser,onClick})=>{let{formatMessage}=useIntl(),handleClick=useCallback(()=>{onClick&&onClick({name,email,id,avatarUrl,isExternalUser})},[onClick,name,email,id,avatarUrl,isExternalUser]),handleKeyDown=useCallback(e=>{e.key===`Enter`&&onClick&&(e.preventDefault(),handleClick())},[handleClick,onClick]);return jsxs(`div`,{"aria-label":formatMessage(messages.userDetailsAriaLabel,{name}),className:collaboration_popover_module_default.userDetails,onClick:handleClick,onKeyDown:handleKeyDown,role:`button`,tabIndex:0,children:[jsx(UserAvatar,{avatar:avatarUrl,id,isExternalUser,name}),jsxs(`div`,{className:collaboration_popover_module_default.userInfo,children:[jsx(Text,{as:`span`,className:collaboration_popover_module_default.userName,variant:`bodyDefaultSemibold`,children:name}),email&&jsx(Text,{as:`span`,className:collaboration_popover_module_default.userEmail,color:`textOnLightSecondary`,variant:`caption`,children:email})]})]})};export{UserDetails,UserDetails as default};

package/dist/esm/lib/components/user-info-footer.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/user-info-footer.js";
-export { e as UserInfoFooter, e as default };
+import{t as UserInfoFooter}from"../../../chunks/user-info-footer.js";export{UserInfoFooter,UserInfoFooter as default};

package/dist/esm/lib/components/user-invite-dropdown.js

@@ -1,47 +1 @@
-import { t as e } from "../../../chunks/collaboration-popover.module.js";
-import t from "../messages.js";
-import { Button as n, DropdownMenu as r, TriggerButton as i } from "@box/blueprint-web";
-import { useMemo as a, useState as o } from "react";
-import { useIntl as s } from "react-intl";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-var d = ({ defaultInviteType: d = "Editor", onInvite: f, onInviteTypeChange: p, loading: m = !1 }) => {
-	let { formatMessage: h } = s(), [g, _] = o(d), v = a(() => h(t.inviteAs, { type: h(t[g.toLowerCase()]) }), [g, h]);
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u(r.Root, {
-		modal: !1,
-		onOpenChange: p,
-		children: [/* @__PURE__ */ l(r.Trigger, { children: /* @__PURE__ */ l(i, {
-			"aria-label": v,
-			caretDirection: "down",
-			className: e.inviteTriggerButton,
-			disabled: m,
-			label: v,
-			size: "small",
-			variant: "tertiary"
-		}) }), /* @__PURE__ */ l(r.Content, {
-			align: "start",
-			className: e.inviteDropdownMenu,
-			side: "top",
-			children: /* @__PURE__ */ u(r.RadioGroup, {
-				onValueChange: (e) => {
-					_(e);
-				},
-				value: g,
-				children: [/* @__PURE__ */ l(r.RadioSelectItem, {
-					value: "Editor",
-					children: h(t.editor)
-				}), /* @__PURE__ */ l(r.RadioSelectItem, {
-					value: "Viewer",
-					children: h(t.viewer)
-				})]
-			})
-		})]
-	}), /* @__PURE__ */ l(n, {
-		"aria-label": h(t.inviteButton),
-		disabled: m,
-		onClick: async () => {
-			await f(g);
-		},
-		children: h(t.inviteButton)
-	})] });
-};
-export { d as UserInviteDropdown, d as default };
+import{t as collaboration_popover_module_default}from"../../../chunks/collaboration-popover.module.js";import messages from"../messages.js";import{Button,DropdownMenu,TriggerButton}from"@box/blueprint-web";import{useMemo,useState}from"react";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var UserInviteDropdown=({defaultInviteType=`Editor`,onInvite,onInviteTypeChange,loading=!1})=>{let{formatMessage}=useIntl(),[inviteType,setInviteType]=useState(defaultInviteType),triggerButtonLabel=useMemo(()=>formatMessage(messages.inviteAs,{type:formatMessage(messages[inviteType.toLowerCase()])}),[inviteType,formatMessage]);return jsxs(Fragment,{children:[jsxs(DropdownMenu.Root,{modal:!1,onOpenChange:onInviteTypeChange,children:[jsx(DropdownMenu.Trigger,{children:jsx(TriggerButton,{"aria-label":triggerButtonLabel,caretDirection:`down`,className:collaboration_popover_module_default.inviteTriggerButton,disabled:loading,label:triggerButtonLabel,size:`small`,variant:`tertiary`})}),jsx(DropdownMenu.Content,{align:`start`,className:collaboration_popover_module_default.inviteDropdownMenu,side:`top`,children:jsxs(DropdownMenu.RadioGroup,{onValueChange:value=>{setInviteType(value)},value:inviteType,children:[jsx(DropdownMenu.RadioSelectItem,{value:`Editor`,children:formatMessage(messages.editor)}),jsx(DropdownMenu.RadioSelectItem,{value:`Viewer`,children:formatMessage(messages.viewer)})]})})]}),jsx(Button,{"aria-label":formatMessage(messages.inviteButton),disabled:loading,onClick:async()=>{await onInvite(inviteType)},children:formatMessage(messages.inviteButton)})]})};export{UserInviteDropdown,UserInviteDropdown as default};

package/dist/esm/lib/messages.js

@@ -1,48 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	inviteAs: {
-		id: "boxui.collaborationPopover.inviteAs",
-		defaultMessage: "Invite as {type}"
-	},
-	editor: {
-		id: "boxui.collaborationPopover.editor",
-		defaultMessage: "Editor"
-	},
-	viewer: {
-		id: "boxui.collaborationPopover.viewer",
-		defaultMessage: "Viewer"
-	},
-	copySharedLinkButton: {
-		id: "boxui.collaborationPopover.copySharedLinkButton",
-		defaultMessage: "Copy shared link"
-	},
-	inviteButton: {
-		id: "boxui.collaborationPopover.inviteButton",
-		defaultMessage: "Invite"
-	},
-	noAccessInvite: {
-		id: "boxui.collaborationPopover.noAccessInvite",
-		defaultMessage: "This person doesn't have access and won't be notified unless invited."
-	},
-	noAccessSharedLink: {
-		id: "boxui.collaborationPopover.noAccessSharedLink",
-		defaultMessage: "This person doesn't have access and won't be notified unless invited."
-	},
-	userAvatarAlt: {
-		id: "boxui.collaborationPopover.userAvatarAlt",
-		defaultMessage: "{name} avatar"
-	},
-	userInfoPopover: {
-		id: "boxui.collaborationPopover.userInfoPopover",
-		defaultMessage: "User information popover"
-	},
-	userDetailsAriaLabel: {
-		id: "boxui.collaborationPopover.userDetailsAriaLabel",
-		defaultMessage: "{name} details"
-	},
-	variantIconAriaLabel: {
-		id: "boxui.collaborationPopover.variantIconAriaLabel",
-		defaultMessage: "Info"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({inviteAs:{id:`boxui.collaborationPopover.inviteAs`,defaultMessage:`Invite as {type}`},editor:{id:`boxui.collaborationPopover.editor`,defaultMessage:`Editor`},viewer:{id:`boxui.collaborationPopover.viewer`,defaultMessage:`Viewer`},copySharedLinkButton:{id:`boxui.collaborationPopover.copySharedLinkButton`,defaultMessage:`Copy shared link`},inviteButton:{id:`boxui.collaborationPopover.inviteButton`,defaultMessage:`Invite`},noAccessInvite:{id:`boxui.collaborationPopover.noAccessInvite`,defaultMessage:`This person doesn't have access and won't be notified unless invited.`},noAccessSharedLink:{id:`boxui.collaborationPopover.noAccessSharedLink`,defaultMessage:`This person doesn't have access and won't be notified unless invited.`},userAvatarAlt:{id:`boxui.collaborationPopover.userAvatarAlt`,defaultMessage:`{name} avatar`},userInfoPopover:{id:`boxui.collaborationPopover.userInfoPopover`,defaultMessage:`User information popover`},userDetailsAriaLabel:{id:`boxui.collaborationPopover.userDetailsAriaLabel`,defaultMessage:`{name} details`},variantIconAriaLabel:{id:`boxui.collaborationPopover.variantIconAriaLabel`,defaultMessage:`Info`}});export{messages as default};

package/dist/esm/lib/utils/getInitials.js

@@ -1,2 +1 @@
-var e = (e) => e.replace(/[[({<]+.*[\])}>]+/g, "").trim().slice(0, 1).toUpperCase();
-export { e as getInitials };
+var getInitials=name=>name.replace(/[[({<]+.*[\])}>]+/g,``).trim().slice(0,1).toUpperCase();export{getInitials};

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@box/collaboration-popover",
-    "version": "2.1.33",
+    "version": "2.1.35",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^16.12.1",
-        "@box/blueprint-web-assets": "^5.5.8",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
         "classnames": "^2.3.2",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
@@ -14,10 +14,10 @@
         "access": "public"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.12.1",
-        "@box/blueprint-web-assets": "^5.5.8",
-        "@box/eslint-plugin-blueprint": "2.1.10",
-        "@box/storybook-utils": "1.1.32",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/eslint-plugin-blueprint": "2.1.11",
+        "@box/storybook-utils": "1.1.34",
         "react-intl": "^6.4.2"
     },
     "files": [